/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
@layer properties;
:root {
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Helvetica", sans-serif;
  --color-primary: #1A588B;
  --color-secondary: #1A588B;
  --color-accent: #f97316;
  --color-muted: #64748b;
  --color-green: #52a85e;
}
.brand-heading {
  color: var(--color-primary);
  font-family: var(--font-sans);
}
.brand-muted {
  color: var(--color-muted);
}
.bg-green {
  background-color: var(--color-green);
}
.text-green {
  color: var(--color-green);
}
.border-green {
  border-color: var(--color-green);
}
.hover\:bg-green\/90:hover {
  background-color: rgba(16, 185, 129, 0.9);
}
.text-primary {
  color: var(--color-primary);
}
.bg-primary {
  background-color: var(--color-primary);
}
.border-primary {
  border-color: var(--color-primary);
}
.hover\:text-primary:hover {
  color: var(--color-primary);
}
.hover\:bg-primary:hover {
  background-color: var(--color-primary);
}
.hover\:bg-secondary:hover {
  background-color: var(--color-secondary);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.text-secondary {
  color: var(--color-secondary);
}
.text-muted {
  color: var(--color-muted);
}
.mx-auto {
  margin-inline: auto;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.h-auto {
  height: auto;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.max-w-full {
  max-width: 100%;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.text-center {
  text-align: center;
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
    }
  }
}

.letter-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -40px;
}

.red-dot {
  width: 12px;
  height: 12px;
  background-color: #E14942;
  border-radius: 50%;
  position: absolute;
  bottom: -16px;
}

.down-arrow {
  color: #6b7280;
  font-size: 1.2rem;
  margin: 0 8px;
  align-self: center;
  margin-top: -40px;
}