@charset "utf-8";
/* Font: Be Vietnam Pro, served from Google Fonts (original self-hosted files were not available). */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&display=swap');

.__className_cb6c6d { font-family: "Be Vietnam Pro", "Be Vietnam Pro Fallback"; font-style: normal; }

.__variable_cb6c6d { --font-be-vietnam: 'Be Vietnam Pro', 'Be Vietnam Pro Fallback'; }

@layer properties;

@layer theme, base, components, utilities;

@layer theme {
  :root, :host { --font-sans: var(--font-be-vietnam), "Segoe UI", system-ui, -apple-system, sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace; --color-red-600: oklch(57.7% 0.245 27.325); --color-blue-600: oklch(54.6% 0.245 262.881); --color-white: #fff; --spacing: 0.25rem; --container-md: 28rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-navy-950: #002868; --color-navy: #103a87; --color-navy-soft: #153a82; --color-brand-blue: #1b4dbf; --color-brand-green: #3ca345; --color-brand-green-dark: #34903c; --color-ink: #16305f; --color-muted: #55638a; --color-muted-2: #6577a8; --color-line: #e6eaf2; --color-line-soft: #eef1f7; --color-soft: #f5f7fb; --color-header: #f8fafc; --color-c1: #56ac1e; --color-c2: #0b57ce; --color-c3: #1fa3a8; --color-c4: #5bb63c; --color-c5: #f26100; --color-c6: #8a2bbe; }
}

@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0px; padding: 0px; border: 0px solid; }
  html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; }
  small { font-size: 80%; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; border-radius: 0px; background-color: transparent; opacity: 1; }
  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
  ::file-selector-button { margin-inline-end: 4px; }
  ::placeholder { opacity: 1; }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
  ::placeholder {
  color: currentcolor;
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(currentcolor, transparent);
}
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { appearance: none; }
  ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
  ::-webkit-datetime-edit { display: inline-flex; }
  ::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}

@layer utilities {
  .absolute { position: absolute; }
  .relative { position: relative; }
  .static { position: static; }
  .inset-0 { inset: 0px; }
  .inset-y-0 { inset-block: 0px; }
  .top-0 { top: 0px; }
  .top-1\/2 { top: calc(50%); }
  .top-\[7px\] { top: 7px; }
  .-right-0\.5 { right: calc(var(--spacing) * -0.5); }
  .-right-2 { right: calc(var(--spacing) * -2); }
  .-right-4 { right: calc(var(--spacing) * -4); }
  .right-1 { right: var(--spacing); }
  .-bottom-px { bottom: -1px; }
  .bottom-\[66px\] { bottom: 66px; }
  .-left-0\.5 { left: calc(var(--spacing) * -0.5); }
  .-left-2 { left: calc(var(--spacing) * -2); }
  .-left-4 { left: calc(var(--spacing) * -4); }
  .left-1\/2 { left: calc(50%); }
  .left-\[-18\.6\%\] { left: -18.6%; }
  .left-\[7px\] { left: 7px; }
  .isolate { isolation: isolate; }
  .z-2 { z-index: 2; }
  .z-3 { z-index: 3; }
  .z-5 { z-index: 5; }
  .z-40 { z-index: 40; }
  .container {
  width: 100%;
  @media (width >= 768px) {
  max-width: 768px;
}
  @media (width >= 1024px) {
  max-width: 1024px;
}
  @media (width >= 1280px) {
  max-width: 1280px;
}
  @media (width >= 40rem) {
  max-width: 40rem;
}
  @media (width >= 48rem) {
  max-width: 48rem;
}
  @media (width >= 64rem) {
  max-width: 64rem;
}
  @media (width >= 80rem) {
  max-width: 80rem;
}
  @media (width >= 96rem) {
  max-width: 96rem;
}
}
  .container-wide { width: min(1360px, 100% - var(--gutter) * 2); margin-inline: auto; }
  .container-x { width: min(1320px, 100% - var(--gutter) * 2); margin-inline: auto; }
  .-mt-1\.5\! { margin-top: calc(var(--spacing) * -1.5) !important; }
  .-mt-2 { margin-top: calc(var(--spacing) * -2); }
  .-mt-\[37px\] { margin-top: calc(-37px); }
  .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); }
  .mt-1 { margin-top: var(--spacing); }
  .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); }
  .mt-2 { margin-top: calc(var(--spacing) * 2); }
  .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); }
  .mt-3 { margin-top: calc(var(--spacing) * 3); }
  .mt-4 { margin-top: calc(var(--spacing) * 4); }
  .mt-\[3px\] { margin-top: 3px; }
  .mt-\[5px\] { margin-top: 5px; }
  .mt-\[7px\] { margin-top: 7px; }
  .mt-\[11px\] { margin-top: 11px; }
  .mt-\[13px\] { margin-top: 13px; }
  .mt-\[15px\] { margin-top: 15px; }
  .mt-\[18px\] { margin-top: 18px; }
  .mt-\[22px\] { margin-top: 22px; }
  .mt-\[25px\] { margin-top: 25px; }
  .mt-px { margin-top: 1px; }
  .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); }
  .mb-2 { margin-bottom: calc(var(--spacing) * 2); }
  .mb-3 { margin-bottom: calc(var(--spacing) * 3); }
  .mb-4 { margin-bottom: calc(var(--spacing) * 4); }
  .mb-5 { margin-bottom: calc(var(--spacing) * 5); }
  .mb-6 { margin-bottom: calc(var(--spacing) * 6); }
  .mb-\[17px\] { margin-bottom: 17px; }
  .-ml-0\.5 { margin-left: calc(var(--spacing) * -0.5); }
  .ml-3 { margin-left: calc(var(--spacing) * 3); }
  .block { display: block; }
  .contents { display: contents; }
  .flex { display: flex; }
  .grid { display: grid; }
  .hidden { display: none; }
  .inline-flex { display: inline-flex; }
  .aspect-193\/92 { aspect-ratio: 193 / 92; }
  .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
  .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); }
  .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); }
  .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); }
  .size-\[25px\]\! { width: 25px !important; height: 25px !important; }
  .size-\[30px\] { width: 30px; height: 30px; }
  .size-\[31px\] { width: 31px; height: 31px; }
  .size-\[37px\] { width: 37px; height: 37px; }
  .size-\[42px\] { width: 42px; height: 42px; }
  .size-\[46px\] { width: 46px; height: 46px; }
  .size-\[50px\] { width: 50px; height: 50px; }
  .size-\[93px\] { width: 93px; height: 93px; }
  .size-full { width: 100%; height: 100%; }
  .h-1 { height: var(--spacing); }
  .h-\[7px\] { height: 7px; }
  .h-\[21px\] { height: 21px; }
  .h-\[35px\] { height: 35px; }
  .h-\[38px\] { height: 38px; }
  .h-\[39px\] { height: 39px; }
  .h-\[46px\] { height: 46px; }
  .h-\[48px\] { height: 48px; }
  .h-\[50px\] { height: 50px; }
  .h-\[54px\] { height: 54px; }
  .h-\[95px\] { height: 95px; }
  .h-\[115px\] { height: 115px; }
  .h-\[443px\] { height: 443px; }
  .h-auto { height: auto; }
  .h-full { height: 100%; }
  .max-h-\(--h\) { max-height: var(--h); }
  .max-h-0 { max-height: 0px; }
  .max-h-\[640px\] { max-height: 640px; }
  .min-h-\[81px\] { min-height: 81px; }
  .min-h-\[159px\] { min-height: 159px; }
  .w-8 { width: calc(var(--spacing) * 8); }
  .w-32 { width: calc(var(--spacing) * 32); }
  .w-\[21px\] { width: 21px; }
  .w-\[46px\] { width: 46px; }
  .w-\[50px\] { width: 50px; }
  .w-\[119\.2\%\] { width: 119.2%; }
  .w-\[191px\] { width: 191px; }
  .w-\[195px\] { width: 195px; }
  .w-auto { width: auto; }
  .w-full { width: 100%; }
  .w-px { width: 1px; }
  .max-w-\[410px\] { max-width: 410px; }
  .max-w-\[595px\] { max-width: 700px; }
  .max-w-full { max-width: 100%; }
  .max-w-md { max-width: var(--container-md); }
  .flex-1 { flex: 1 1 0%; }
  .shrink-0 { flex-shrink: 0; }
  .table-auto { table-layout: auto; }
  .border-collapse { border-collapse: collapse; }
  .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
  .grid-cols-\[1\.345fr_1\.108fr\] { grid-template-columns: 1.345fr 1.108fr; }
  .grid-cols-\[1\.345fr_1\.108fr_1fr\] { grid-template-columns: 1.345fr 1.108fr 1fr; }
  .grid-cols-\[1fr_1fr\] { grid-template-columns: 1fr 1fr; }
  .grid-cols-\[2\.13fr_2\.29fr_1\.7fr_minmax\(190px\,1fr\)\] { grid-template-columns: 2.13fr 2.29fr 1.7fr minmax(190px, 1fr); }
  .grid-cols-\[minmax\(0\,506px\)_minmax\(0\,290px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 506px) minmax(0px, 290px) minmax(0px, 1fr); }
  .flex-col { flex-direction: column; }
  .flex-wrap { flex-wrap: wrap; }
  .place-items-center { place-items: center; }
  .items-center { align-items: center; }
  .items-start { align-items: flex-start; }
  .items-stretch { align-items: stretch; }
  .justify-between { justify-content: space-between; }
  .justify-center { justify-content: center; }
  .justify-items-center { justify-items: center; }
  .gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
  .gap-3 { gap: calc(var(--spacing) * 3); }
  .gap-3\.5 { gap: calc(var(--spacing) * 3.5); }
  .gap-5 { gap: calc(var(--spacing) * 5); }
  .gap-6 { gap: calc(var(--spacing) * 6); }
  .gap-8 { gap: calc(var(--spacing) * 8); }
  .gap-\[5px\] { gap: 5px; }
  .gap-\[7px\] { gap: 7px; }
  .gap-\[9px\] { gap: 9px; }
  .gap-\[11px\] { gap: 11px; }
  .gap-\[13px\] { gap: 13px; }
  .gap-\[14px\] { gap: 14px; }
  .gap-\[17px\] { gap: 17px; }
  .gap-\[18px\] { gap: 18px; }
  .gap-\[21px\] { gap: 21px; }
  .gap-\[22px\] { gap: 22px; }
  .gap-\[26px\] { gap: 26px; }
  .gap-\[30px\] { gap: 30px; }
  :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); }
  .gap-x-5 { column-gap: calc(var(--spacing) * 5); }
  .gap-x-6 { column-gap: calc(var(--spacing) * 6); }
  .gap-y-0\.5 { row-gap: calc(var(--spacing) * 0.5); }
  .overflow-hidden { overflow: hidden; }
  .rounded { border-radius: 0.25rem; }
  .rounded-2xl { border-radius: var(--radius-2xl); }
  .rounded-\[3px\] { border-radius: 3px; }
  .rounded-\[4px\] { border-radius: 4px; }
  .rounded-\[5px\] { border-radius: 5px; }
  .rounded-\[7px\] { border-radius: 7px; }
  .rounded-\[10px\] { border-radius: 10px; }
  .rounded-\[18px\] { border-radius: 18px; }
  .rounded-full { border-radius: calc(infinity * 1px); }
  .rounded-lg { border-radius: var(--radius-lg); }
  .rounded-lg\! { border-radius: var(--radius-lg) !important; }
  .rounded-md { border-radius: var(--radius-md); }
  .rounded-xl { border-radius: var(--radius-xl); }
  .rounded-t-sm { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; }
  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
  .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .border-\[\#dfe4ee\] { border-color: rgb(223, 228, 238); }
  .border-\[\#e9ecf3\] { border-color: rgb(233, 236, 243); }
  .border-\[\#eceff5\] { border-color: rgb(236, 239, 245); }
  .border-brand-blue { border-color: var(--color-brand-blue); }
  .border-line { border-color: var(--color-line); }
  .border-line-soft { border-color: var(--color-line-soft); }
  .border-white\/90 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
  .bg-\[\#0a1f3d\] { background-color: rgb(10, 31, 61); }
  .bg-\[\#0a66c2\] { background-color: rgb(10, 102, 194); }
  .bg-\[\#3fbf46\] { background-color: rgb(63, 191, 70); }
  .bg-\[\#1877f2\] { background-color: rgb(24, 119, 242); }
  .bg-\[\#d9dfee\] { background-color: rgb(217, 223, 238); }
  .bg-\[\#dfe6f0\] { background-color: rgb(223, 230, 240); }
  .bg-\[\#eef1f6\] { background-color: rgb(238, 241, 246); }
  .bg-\[\#ff0000\] { background-color: rgb(255, 0, 0); }
  .bg-brand-blue { background-color: var(--color-brand-blue); }
  .bg-brand-green { background-color: var(--color-brand-green); }
  .bg-header { background: linear-gradient(180deg, #0a1f3d 0%, #1f3d70 100%); }
  .bg-navy-950 { background-color: var(--color-navy-950); }
  .bg-soft { background-color: var(--color-soft); }
  .bg-white { background-color: var(--color-white); }
  .bg-white\/\[\.88\] {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 88%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-white) 88%, transparent);
}
}
  .bg-\[linear-gradient\(90deg\,rgb\(9_42_92\/0\.98\)_0\%\,rgb\(9_42_92\/0\.95\)_36\%\,rgb\(9_42_92\/0\.62\)_52\%\,rgb\(9_42_92\/0\.58\)_100\%\)\] { background-image: linear-gradient(90deg, rgba(9, 42, 92, 0.98) 0%, rgba(9, 42, 92, 0.95) 36%, rgba(9, 42, 92, 0.62) 52%, rgba(9, 42, 92, 0.58) 100%); }
  .bg-cover { background-size: cover; }
  .bg-center { background-position: center center; }
  .object-cover { object-fit: cover; }
  .p-2 { padding: calc(var(--spacing) * 2); }
  .p-\[8px_32px\] { padding: 8px 32px; }
  .p-\[9px_16px_8px\] { padding: 9px 16px 8px; }
  .p-\[12px_10px_18px\] { padding: 12px 10px 18px; }
  .p-\[12px_26px_19px\] { padding: 12px 26px 19px; }
  .p-\[13px\] { padding: 13px; }
  .p-\[14px_36px_25px\] { padding: 14px 36px 25px; }
  .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); }
  .px-8 { padding-inline: calc(var(--spacing) * 8); }
  .px-\[22px\] { padding-inline: 22px; }
  .px-\[25px\] { padding-inline: 25px; }
  .px-\[34px\] { padding-inline: 34px; }
  .py-8 { padding-block: calc(var(--spacing) * 8); }
  .py-\[0\.5px\] { padding-block: 0.5px; }
  .py-\[5px\] { padding-block: 5px; }
  .py-\[11px\] { padding-block: 11px; }
  .py-\[18px\] { padding-block: 18px; }
  .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); }
  .pt-2 { padding-top: calc(var(--spacing) * 2); }
  .pt-3 { padding-top: calc(var(--spacing) * 3); }
  .pt-5 { padding-top: calc(var(--spacing) * 5); }
  .pt-\[13px\] { padding-top: 13px; }
  .pt-\[18px\] { padding-top: 18px; }
  .pt-\[21px\] { padding-top: 21px; }
  .pt-\[22px\] { padding-top: 22px; }
  .pt-\[29px\] { padding-top: 29px; }
  .pt-\[42px\] { padding-top: 42px; }
  .pr-10 { padding-right: calc(var(--spacing) * 10); }
  .pr-\[11px\] { padding-right: 11px; }
  .pb-0 { padding-bottom: 0px; }
  .pb-5 { padding-bottom: calc(var(--spacing) * 5); }
  .pb-\[14px\] { padding-bottom: 14px; }
  .pl-\[15px\] { padding-left: 15px; }
  .pl-\[22px\] { padding-left: 22px; }
  .pl-\[50px\] { padding-left: 50px; }
  .text-center { text-align: center; }
  .text-left { text-align: left; }
  .align-top { vertical-align: top; }
  .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); }
  .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
  .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
  .text-\[8\.5px\] { font-size: 8.5px; }
  .text-\[9\.5px\] { font-size: 9.5px; }
  .text-\[9px\] { font-size: 9px; }
  .text-\[10\.5px\] { font-size: 10.5px; }
  .text-\[10px\] { font-size: 10px; }
  .text-\[11\.5px\] { font-size: 11.5px; }
  .text-\[11px\] { font-size: 11px; }
  .text-\[12\.5px\] { font-size: 12.5px; }
  .text-\[12px\] { font-size: 12px; }
  .text-\[12px\]\! { font-size: 12px !important; }
  .text-\[13\.5px\] { font-size: 13.5px; }
  .text-\[13px\] { font-size: 13px; }
  .text-\[14\.5px\] { font-size: 14.5px; }
  .text-\[14px\] { font-size: 14px; }
  .text-\[15px\] { font-size: 15px; }
  .text-\[16px\] { font-size: 16px; }
  .text-\[18px\] { font-size: 18px; }
  .text-\[19px\] { font-size: 19px; }
  .text-\[20px\] { font-size: 20px; }
  .text-\[29px\] { font-size: 29px; }
  .text-\[33px\] { font-size: 33px; }
  .text-\[37px\] { font-size: 37px; }
  .text-\[37px\]\! { font-size: 37px !important; }
  .text-\[46px\] { font-size: 46px; }
  .leading-\[0\.8\] { --tw-leading: 0.8; line-height: 0.8; }
  .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; }
  .leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3; }
  .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; }
  .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; }
  .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; }
  .leading-\[1\.8\] { --tw-leading: 1.8; line-height: 1.8; }
  .leading-\[1\.15\] { --tw-leading: 1.15; line-height: 1.15; }
  .leading-\[1\.25\] { --tw-leading: 1.25; line-height: 1.25; }
  .leading-\[1\.32\] { --tw-leading: 1.32; line-height: 1.32; }
  .leading-\[1\.35\] { --tw-leading: 1.35; line-height: 1.35; }
  .leading-\[1\.36\] { --tw-leading: 1.36; line-height: 1.36; }
  .leading-\[1\.38\] { --tw-leading: 1.38; line-height: 1.38; }
  .leading-\[1\.42\] { --tw-leading: 1.42; line-height: 1.42; }
  .leading-\[1\.45\] { --tw-leading: 1.45; line-height: 1.45; }
  .leading-\[1\.55\] { --tw-leading: 1.55; line-height: 1.55; }
  .leading-\[1\.65\] { --tw-leading: 1.65; line-height: 1.65; }
  .leading-\[1\.72\] { --tw-leading: 1.72; line-height: 1.72; }
  .leading-none { --tw-leading: 1; line-height: 1; }
  .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
  .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); }
  .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
  .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }
  .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
  .tracking-\[-0\.01em\] { --tw-tracking: -0.01em; letter-spacing: -0.01em; }
  .tracking-\[-0\.015em\] { --tw-tracking: -0.015em; letter-spacing: -0.015em; }
  .tracking-\[0\.03em\] { --tw-tracking: 0.03em; letter-spacing: 0.03em; }
  .tracking-\[0\.04em\] { --tw-tracking: 0.04em; letter-spacing: 0.04em; }
  .tracking-\[0\.05em\] { --tw-tracking: 0.05em; letter-spacing: 0.05em; }
  .tracking-\[0\.06em\] { --tw-tracking: 0.06em; letter-spacing: 0.06em; }
  .tracking-\[0\.08em\] { --tw-tracking: 0.08em; letter-spacing: 0.08em; }
  .tracking-\[0\.025em\] { --tw-tracking: 0.025em; letter-spacing: 0.025em; }
  .tracking-\[0\.035em\] { --tw-tracking: 0.035em; letter-spacing: 0.035em; }
  .tracking-\[0\.055em\] { --tw-tracking: 0.055em; letter-spacing: 0.055em; }
  .whitespace-nowrap { white-space: nowrap; }
  .text-\[\#4a5b7d\] { color: rgb(74, 91, 125); }
  .text-\[\#8a95ae\] { color: rgb(138, 149, 174); }
  .text-\[\#b9c2d6\] { color: rgb(185, 194, 214); }
  .text-blue-600 { color: var(--color-blue-600); }
  .text-brand-blue { color: var(--color-brand-blue); }
  .text-c1 { color: var(--color-c1); }
  .text-c2 { color: var(--color-c2); }
  .text-c3 { color: var(--color-c3); }
  .text-c4 { color: var(--color-c4); }
  .text-c5 { color: var(--color-c5); }
  .text-c6 { color: var(--color-c6); }
  .text-ink { color: var(--color-ink); }
  .text-muted { color: var(--color-muted); }
  .text-muted-2 { color: var(--color-muted-2); }
  .text-navy { color: var(--color-navy); }
  .text-navy-soft { color: var(--color-navy-soft); }
  .text-red-600 { color: var(--color-red-600); }
  .text-white { color: var(--color-white); }
  .text-white\! { color: var(--color-white) !important; }
  .text-white\/50 {
  color: color-mix(in srgb, rgb(255, 255, 255), transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
  .text-white\/60 {
  color: color-mix(in srgb, rgb(255, 255, 255) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
  .text-white\/65 {
  color: color-mix(in srgb, rgb(255, 255, 255) 65%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 65%, transparent);
}
}
  .text-white\/80 {
  color: color-mix(in srgb, rgb(255, 255, 255) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
  .text-white\/90 {
  color: color-mix(in srgb, rgb(255, 255, 255) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
  .text-white\/\[\.72\] {
  color: color-mix(in srgb, rgb(255, 255, 255) 72%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 72%, transparent);
}
}
  .text-white\/\[\.82\] {
  color: color-mix(in srgb, rgb(255, 255, 255) 82%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 82%, transparent);
}
}
  .text-white\/\[\.86\] {
  color: color-mix(in srgb, rgb(255, 255, 255) 86%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 86%, transparent);
}
}
  .text-white\/\[\.94\] {
  color: color-mix(in srgb, rgb(255, 255, 255) 94%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 94%, transparent);
}
}
  .uppercase { text-transform: uppercase; }
  .shadow-\[0_3px_12px_rgb\(16_42_92\/0\.14\)\] { --tw-shadow: 0 3px 12px var(--tw-shadow-color, rgb(16 42 92/0.14)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-\[0_4px_14px_rgb\(16_42_92\/0\.16\)\] { --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgb(16 42 92/0.16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-\[0_4px_14px_rgb\(38_122_47\/0\.26\)\] { --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgb(38 122 47/0.26)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-float { --tw-shadow: 0 14px 38px var(--tw-shadow-color, rgb(16 42 92 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[max-height\] { transition-property: max-height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .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, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; }
  .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; }
  .duration-350 { --tw-duration: 350ms; transition-duration: 350ms; }
  .outline-none { --tw-outline-style: none; outline-style: none; }
  .\[text-shadow\:0_1px_12px_rgb\(0_12_32\/0\.4\)\] { text-shadow: rgba(0, 12, 32, 0.4) 0px 1px 12px; }
  .\[text-shadow\:0_2px_18px_rgb\(0_12_32\/0\.45\)\] { text-shadow: rgba(0, 12, 32, 0.45) 0px 2px 18px; }
  @media (hover: hover) {
  .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .group-hover\:text-brand-blue:is(:where(.group):hover *) { color: var(--color-brand-blue); }
}
  .placeholder\:text-\[\#9aa6bf\]::placeholder { color: rgb(154, 166, 191); }
  .before\:absolute::before { content: var(--tw-content); position: absolute; }
  .before\:top-1\/2::before { content: var(--tw-content); top: calc(50%); }
  .before\:left-0::before { content: var(--tw-content); left: 0px; }
  .before\:h-\[46px\]::before { content: var(--tw-content); height: 46px; }
  .before\:w-px::before { content: var(--tw-content); width: 1px; }
  .before\:-translate-y-1\/2::before { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .before\:bg-line::before { content: var(--tw-content); background-color: var(--color-line); }
  .before\:content-\[\'\'\]::before { --tw-content: ''; content: var(--tw-content); }
  .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
  @media (hover: hover) {
  .hover\:-translate-y-\[3px\]:hover { --tw-translate-y: calc(3px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .hover\:-translate-y-px:hover { --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .hover\:gap-\[11px\]:hover { gap: 11px; }
  .hover\:border-\[\#dbe2ef\]:hover { border-color: rgb(219, 226, 239); }
  .hover\:bg-brand-blue:hover { background-color: var(--color-brand-blue); }
  .hover\:bg-brand-green-dark:hover { background-color: var(--color-brand-green-dark); }
  .hover\:bg-white\/10:hover { background-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent); }
  @supports (color: color-mix(in lab, red, red)) {
  .hover\:bg-white\/10:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); }
}
  .hover\:text-brand-blue:hover { color: var(--color-brand-blue); }
  .hover\:text-navy:hover { color: var(--color-navy); }
  .hover\:text-white:hover { color: var(--color-white); }
  .hover\:underline:hover { text-decoration-line: underline; }
  .hover\:shadow-card:hover { --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgb(16 42 92 / 0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .hover\:brightness-110:hover { --tw-brightness: brightness(110%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
}
  .focus\:border-brand-blue:focus { border-color: var(--color-brand-blue); }
  @media (width < 1280px) {
  .max-desktop\:bottom-\[26px\] { bottom: 26px; }
  .max-desktop\:-mt-\[7px\] { margin-top: calc(-7px); }
  .max-desktop\:size-\[27px\] { width: 27px; height: 27px; }
  .max-desktop\:h-9 { height: calc(var(--spacing) * 9); }
  .max-desktop\:h-12 { height: calc(var(--spacing) * 12); }
  .max-desktop\:h-\[84px\] { height: 84px; }
  .max-desktop\:h-\[412px\] { height: 412px; }
  .max-desktop\:max-h-\[min\(var\(--h\)\,46px\)\] { max-height: min(var(--h), 46px); }
  .max-desktop\:min-h-\[150px\] { min-height: 150px; }
  .max-desktop\:w-\[168px\] { width: 168px; }
  .max-desktop\:max-w-\[520px\] { max-width: 650px; }
  .max-desktop\:grid-cols-\[2fr_2\.2fr_1\.7fr_minmax\(190px\,1\.1fr\)\] { grid-template-columns: 2fr 2.2fr 1.7fr minmax(190px, 1.1fr); }
  .max-desktop\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,0\.42fr\)_minmax\(0\,1\.1fr\)\] { grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 0.42fr) minmax(0px, 1.1fr); }
  .max-desktop\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); }
  .max-desktop\:gap-\[14px\] { gap: 14px; }
  .max-desktop\:gap-\[18px\] { gap: 18px; }
  .max-desktop\:gap-\[22px\] { gap: 22px; }
  .max-desktop\:gap-x-4 { column-gap: calc(var(--spacing) * 4); }
  .max-desktop\:gap-y-\[14px\] { row-gap: 14px; }
  .max-desktop\:p-\[13px_13px_8px\] { padding: 13px 13px 8px; }
  .max-desktop\:p-\[14px_26px_22px\] { padding: 14px 26px 22px; }
  .max-desktop\:px-\[22px\] { padding-inline: 22px; }
  .max-desktop\:pt-\[14px\] { padding-top: 14px; }
  .max-desktop\:pl-\[30px\] { padding-left: 30px; }
  .max-desktop\:text-\[10px\] { font-size: 10px; }
  .max-desktop\:text-\[11px\] { font-size: 11px; }
  .max-desktop\:text-\[12\.5px\] { font-size: 12.5px; }
  .max-desktop\:text-\[12px\] { font-size: 12px; }
  .max-desktop\:text-\[13\.5px\] { font-size: 13.5px; }
  .max-desktop\:text-\[13px\] { font-size: 13px; }
  .max-desktop\:text-\[14px\] { font-size: 14px; }
  .max-desktop\:text-\[15px\] { font-size: 15px; }
  .max-desktop\:text-\[17\.5px\] { font-size: 17.5px; }
  .max-desktop\:text-\[29px\] { font-size: 29px; }
  .max-desktop\:text-\[40px\] { font-size: 40px; }
}
  @media (width < 1024px) {
  .max-laptop\:bottom-6 { bottom: calc(var(--spacing) * 6); }
  .max-laptop\:left-\[-24\%\] { left: -24%; }
  .max-laptop\:-mt-\[5px\] { margin-top: calc(-5px); }
  .max-laptop\:-mt-\[30px\] { margin-top: calc(-30px); }
  .max-laptop\:mt-5 { margin-top: calc(var(--spacing) * 5); }
  .max-laptop\:block { display: block; }
  .max-laptop\:flex { display: flex; }
  .max-laptop\:grid { display: grid; }
  .max-laptop\:hidden { display: none; }
  .max-laptop\:size-\[22px\] { width: 22px; height: 22px; }
  .max-laptop\:h-10 { height: calc(var(--spacing) * 10); }
  .max-laptop\:h-\[32px\] { height: 32px; }
  .max-laptop\:h-\[40px\] { height: 40px; }
  .max-laptop\:h-\[54px\] { height: 54px; }
  .max-laptop\:h-\[76px\] { height: 76px; }
  .max-laptop\:h-\[400px\] { height: 400px; }
  .max-laptop\:h-auto { height: auto; }
  .max-laptop\:w-\[130\%\] { width: 130%; }
  .max-laptop\:w-\[165px\] { width: 165px; }
  .max-laptop\:w-\[210px\] { width: 210px; }
  .max-laptop\:max-w-\[640px\] { max-width: 640px; }
  .max-laptop\:max-w-full { max-width: 100%; }
  .max-laptop\:max-w-none { max-width: none; }
  .max-laptop\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .max-laptop\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .max-laptop\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .max-laptop\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .max-laptop\:flex-col { flex-direction: column; }
  .max-laptop\:items-center { align-items: center; }
  .max-laptop\:items-start { align-items: flex-start; }
  .max-laptop\:justify-start { justify-content: flex-start; }
  .max-laptop\:gap-3\.5 { gap: calc(var(--spacing) * 3.5); }
  .max-laptop\:gap-4 { gap: calc(var(--spacing) * 4); }
  .max-laptop\:gap-5 { gap: calc(var(--spacing) * 5); }
  .max-laptop\:gap-6 { gap: calc(var(--spacing) * 6); }
  .max-laptop\:gap-7 { gap: calc(var(--spacing) * 7); }
  .max-laptop\:gap-\[14px\] { gap: 14px; }
  .max-laptop\:gap-y-6 { row-gap: calc(var(--spacing) * 6); }
  .max-laptop\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
  .max-laptop\:border-line { border-color: var(--color-line); }
  .max-laptop\:p-\[16px_18px_12px\] { padding: 16px 18px 12px; }
  .max-laptop\:p-\[20px_18px_24px\] { padding: 20px 18px 24px; }
  .max-laptop\:p-\[20px_20px_24px\] { padding: 20px 20px 24px; }
  .max-laptop\:p-\[22px_24px\] { padding: 22px 24px; }
  .max-laptop\:px-5 { padding-inline: calc(var(--spacing) * 5); }
  .max-laptop\:px-\[22px\] { padding-inline: 22px; }
  .max-laptop\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }
  .max-laptop\:py-4 { padding-block: calc(var(--spacing) * 4); }
  .max-laptop\:pt-6 { padding-top: calc(var(--spacing) * 6); }
  .max-laptop\:pt-\[10px\] { padding-top: 10px; }
  .max-laptop\:pt-\[26px\] { padding-top: 26px; }
  .max-laptop\:pt-\[30px\] { padding-top: 30px; }
  .max-laptop\:pt-\[34px\] { padding-top: 34px; }
  .max-laptop\:pl-0 { padding-left: 0px; }
  .max-laptop\:text-\[10px\] { font-size: 10px; }
  .max-laptop\:text-\[11px\] { font-size: 11px; }
  .max-laptop\:text-\[12\.5px\] { font-size: 12.5px; }
  .max-laptop\:text-\[12px\] { font-size: 12px; }
  .max-laptop\:text-\[13px\] { font-size: 13px; }
  .max-laptop\:text-\[14\.5px\] { font-size: 14.5px; }
  .max-laptop\:text-\[14px\] { font-size: 14px; }
  .max-laptop\:text-\[15px\] { font-size: 15px; }
  .max-laptop\:text-\[16px\] { font-size: 16px; }
  .max-laptop\:text-\[30px\] { font-size: 30px; }
  .max-laptop\:text-\[32px\] { font-size: 32px; }
  .max-laptop\:text-\[32px\]\! { font-size: 32px !important; }
  .max-laptop\:before\:hidden::before { content: var(--tw-content); display: none; }
}
  @media (width < 768px) {
  .max-tablet\:bottom-\[42px\] { bottom: 42px; }
  .max-tablet\:left-\[-42\%\] { left: -42%; }
  .max-tablet\:-mt-\[4px\] { margin-top: calc(-4px); }
  .max-tablet\:-mt-\[26px\] { margin-top: calc(-26px); }
  .max-tablet\:mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); }
  .max-tablet\:mt-\[22px\] { margin-top: 22px; }
  .max-tablet\:mb-3 { margin-bottom: calc(var(--spacing) * 3); }
  .max-tablet\:flex { display: flex; }
  .max-tablet\:hidden { display: none; }
  .max-tablet\:size-\[18px\] { width: 18px; height: 18px; }
  .max-tablet\:size-\[29px\] { width: 29px; height: 29px; }
  .max-tablet\:size-\[38px\] { width: 38px; height: 38px; }
  .max-tablet\:h-\[42px\] { height: 42px; }
  .max-tablet\:h-\[50px\] { height: 50px; }
  .max-tablet\:h-\[66px\] { height: 66px; }
  .max-tablet\:h-\[490px\] { height: 490px; }
  .max-tablet\:max-h-\[min\(var\(--h\)\,42px\)\] { max-height: min(var(--h), 42px); }
  .max-tablet\:min-h-0 { min-height: 0px; }
  .max-tablet\:w-\[168\%\] { width: 168%; }
  .max-tablet\:w-full { width: 100%; }
  .max-tablet\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .max-tablet\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .max-tablet\:flex-col { flex-direction: column; }
  .max-tablet\:items-start { align-items: flex-start; }
  .max-tablet\:justify-start { justify-content: flex-start; }
  .max-tablet\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
  .max-tablet\:gap-3 { gap: calc(var(--spacing) * 3); }
  .max-tablet\:gap-6 { gap: calc(var(--spacing) * 6); }
  .max-tablet\:gap-\[10px\] { gap: 10px; }
  .max-tablet\:gap-\[11px\] { gap: 11px; }
  .max-tablet\:gap-\[18px_14px\] { gap: 18px 14px; }
  .max-tablet\:gap-\[26px\] { gap: 26px; }
  .max-tablet\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
  .max-tablet\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
  .max-tablet\:border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; }
  .max-tablet\:border-line { border-color: var(--color-line); }
  .max-tablet\:p-\[16px_10px_18px\] { padding: 16px 10px 18px; }
  .max-tablet\:p-\[16px_12px_18px\] { padding: 16px 12px 18px; }
  .max-tablet\:p-\[16px_14px_10px\] { padding: 16px 14px 10px; }
  .max-tablet\:p-\[18px_12px_22px\] { padding: 18px 12px 22px; }
  .max-tablet\:p-\[18px_14px_22px\] { padding: 18px 14px 22px; }
  .max-tablet\:px-0 { padding-inline: 0px; }
  .max-tablet\:px-3 { padding-inline: calc(var(--spacing) * 3); }
  .max-tablet\:px-4 { padding-inline: calc(var(--spacing) * 4); }
  .max-tablet\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5); }
  .max-tablet\:py-\[15px\] { padding-block: 15px; }
  .max-tablet\:pt-0 { padding-top: 0px; }
  .max-tablet\:pt-10 { padding-top: calc(var(--spacing) * 10); }
  .max-tablet\:pt-\[30px\] { padding-top: 30px; }
  .max-tablet\:pl-0 { padding-left: 0px; }
  .max-tablet\:text-\[10\.5px\] { font-size: 10.5px; }
  .max-tablet\:text-\[11\.5px\] { font-size: 11.5px; }
  .max-tablet\:text-\[12\.5px\] { font-size: 12.5px; }
  .max-tablet\:text-\[13\.5px\] { font-size: 13.5px; }
  .max-tablet\:text-\[14\.5px\] { font-size: 14.5px; }
  .max-tablet\:text-\[14px\] { font-size: 14px; }
  .max-tablet\:text-\[15px\] { font-size: 15px; }
  .max-tablet\:text-\[16px\] { font-size: 16px; }
  .max-tablet\:text-\[18px\] { font-size: 18px; }
  .max-tablet\:text-\[21px\] { font-size: 21px; }
  .max-tablet\:text-\[25px\] { font-size: 25px; }
  .max-tablet\:text-\[26px\] { font-size: 26px; }
  .max-tablet\:leading-\[1\.3\] { --tw-leading: 1.3; line-height: 1.3; }
  .max-tablet\:leading-\[1\.75\] { --tw-leading: 1.75; line-height: 1.75; }
  .max-tablet\:whitespace-normal { white-space: normal; }
}
  @media (width < 380px) {
  .max-\[380px\]\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .max-\[380px\]\:text-\[22px\] { font-size: 22px; }
}
  .\[\&_svg\]\:mt-0\.5 svg { margin-top: calc(var(--spacing) * 0.5); }
  .\[\&_svg\]\:mt-px svg { margin-top: 1px; }
  .\[\&_svg\]\:size-3 svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
  .\[\&_svg\]\:size-6 svg { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); }
  .\[\&_svg\]\:size-\[10px\] svg { width: 10px; height: 10px; }
  .\[\&_svg\]\:size-\[14px\] svg { width: 14px; height: 14px; }
  .\[\&_svg\]\:size-\[15px\] svg { width: 15px; height: 15px; }
  .\[\&_svg\]\:size-\[17px\] svg { width: 17px; height: 17px; }
  .\[\&_svg\]\:size-full svg { width: 100%; height: 100%; }
  .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }
  .\[\&_svg\]\:text-white\/55 svg {
  color: color-mix(in srgb, rgb(255, 255, 255) 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 55%, transparent);
}
}
  .\[\&_svg\]\:opacity-80 svg { opacity: 0.8; }
}

@layer base {
  :root { --gutter: 30px; }
  @media (max-width: 1279px) {
  :root { --gutter: 26px; }
}
  @media (max-width: 1023px) {
  :root { --gutter: 24px; }
}
  @media (max-width: 767px) {
  :root { --gutter: 18px; }
}
  html { text-size-adjust: 100%; }
  body { font-family: var(--font-sans); color: var(--color-ink); background: rgb(255, 255, 255); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
}

@layer components {
  .hero-panel { position: relative; flex: 1 1 0px; overflow: hidden; transform: skewX(-12deg); box-shadow: rgba(255, 255, 255, 0.45) 2px 0px 0px; }
  .hero-panel::before { content: ""; position: absolute; inset: 0px -17%; transform: skewX(12deg); background-image: var(--bg); background-size: cover; background-position: var(--pos, center); }
  .hero-slides { position: absolute; inset: 0; }
  .hero-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.1s ease; }
  .hero-slide.active { opacity: 1; }
  .hero-dots { position: absolute; bottom: 66px; left: 50%; z-index: 2; display: flex; gap: 12px; transform: translateX(-50%); }
  .hero-dot { display: block; width: 21px; height: 7px; border-radius: 4px; background: rgba(255,255,255,.55); border: none; padding: 0; cursor: pointer; transition: background .2s ease; }
  .hero-dot.active { background: #3fbf46; }
  @media (max-width: 1279px) { .hero-dots { bottom: 26px; } }
  @media (max-width: 1023px) { .hero-dots { bottom: 24px; } }
  @media (max-width: 767px) { .hero-dots { bottom: 42px; } }
  .hero-overlay { position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(4, 22, 48, 0.5) 0%, rgba(4, 22, 48, 0.6) 14%, rgba(5, 26, 55, 0.74) 26%, rgba(5, 27, 57, 0.72) 36%, rgba(6, 29, 60, 0.46) 44%, rgba(6, 32, 66, 0.14) 54%, rgba(6, 32, 66, 0) 66%); }
  @media (max-width: 1023px) {
  .hero-overlay { background: linear-gradient(90deg, rgba(4, 24, 52, 0.84) 0%, rgba(4, 24, 52, 0.8) 42%, rgba(5, 27, 57, 0.62) 64%, rgba(6, 32, 66, 0.34) 86%, rgba(6, 32, 66, 0.26) 100%); }
}

  /* Enlarged header logo / brand name / hero banner. Dedicated classes (not shared
     Tailwind-style utilities) so resizing these never affects unrelated elements. */
  .site-logo-img { height: 42px; width: auto; margin-left: 0.3cm; }
  @media (max-width: 1023px) { .site-logo-img { height: 36px; } }

  .site-intro-button {
    display: inline-flex;
    align-items: center;
    gap: 28px;
    padding: 0;
    border-radius: 18px;
    background: transparent;
    color: inherit;
    text-decoration: none;
    box-shadow: none;
  }
  .site-intro-button:hover {
    background: transparent;
  }
  .site-intro-button .intro-link {
    color: #1d3b7a;
    text-decoration: none;
  }

  .nav-intro-icon {
    display: inline-grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 0;
    background: transparent;
    color: #2043a6;
    flex-shrink: 0;
  }
  .nav-intro-icon svg { width: 28px; height: 28px; }


  .site-brand-home-icon {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    background: #2043a6;
    border-radius: 20px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
  }
  .site-brand-home-icon svg { width: 34px; height: 34px; color: #fff; }
  @media (max-width: 1023px) {
    .site-brand-home-icon { width: 60px; height: 60px; }
    .site-brand-home-icon svg { width: 28px; height: 28px; }
    .site-intro-text { font-size: 11px; }
  }

  .site-logo-divider { height: 64px; width: 1px; background: #d9dfee; }
  @media (max-width: 1279px) { .site-logo-divider { height: 54px; } }
  @media (max-width: 1023px) { .site-logo-divider { height: 46px; } }
  @media (max-width: 767px) { .site-logo-divider { display: none; } }

  .site-brand-name { display: block; font-size: 16px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
  @media (max-width: 1279px) { .site-brand-name { font-size: 15px; } }
  @media (max-width: 1023px) { .site-brand-name { font-size: 14px; } }
  @media (max-width: 767px) { .site-brand-name { font-size: 13px; white-space: normal; } }

  .site-topbar-lg {
    height: 62px;
    background: linear-gradient(180deg, #fff7ef 0%, #ffe1c4 36%, #d0e8ff 100%);
    box-shadow: none;
    position: relative;
    z-index: 50;
    backdrop-filter: blur(10px);
    margin-bottom: 0;
    border-radius: 0;
    overflow: hidden;
  }
  .site-topbar-lg::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 18%, rgba(255,255,255,0.45), transparent 22%),
                radial-gradient(circle at 78% 38%, rgba(255,255,255,0.25), transparent 18%),
                radial-gradient(circle at 55% 82%, rgba(255,255,255,0.18), transparent 16%);
    pointer-events: none;
  }
  .site-topbar-lg > .container-x {
    position: relative;
    z-index: 1;
  }
  nav[aria-label="Điều hướng chính"] {
    background: transparent;
    backdrop-filter: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
  }
  @media (max-width: 1279px) { .site-topbar-lg { height: 82px; } }
  @media (max-width: 1023px) { .site-topbar-lg { height: 74px; } }
  @media (max-width: 767px) { .site-topbar-lg { height: 64px; } }

  nav[aria-label="Điều hướng chính"] { height: 42px; }
  @media (max-width: 1023px) { nav[aria-label="Điều hướng chính"] { height: 46px; } }

  .hero-banner-lg { height: 470px; }
  @media (max-width: 1279px) { .hero-banner-lg { height: 438px; } }
  @media (max-width: 1023px) { .hero-banner-lg { height: 428px; } }
  @media (max-width: 767px) { .hero-banner-lg { height: 520px; } }

  .hero-heading-lg { font-size: 38px; font-weight: 700; line-height: 1.32; color: #fff; text-shadow: 0 2px 18px rgba(0, 12, 32, .45); }
  @media (max-width: 1279px) { .hero-heading-lg { font-size: 34px; } }
  @media (max-width: 1023px) { .hero-heading-lg { font-size: 32px; } }
  @media (max-width: 767px) { .hero-heading-lg { font-size: 27px; line-height: 1.3; } }
  @media (max-width: 380px) { .hero-heading-lg { font-size: 23px; } }

  .hero-subtext-lg { margin-top: 15px; font-size: 16.5px; line-height: 1.7; color: rgba(255, 255, 255, .94); text-shadow: 0 1px 12px rgba(0, 12, 32, .4); }
  @media (max-width: 1279px) { .hero-subtext-lg { font-size: 15.5px; } }
  @media (max-width: 1023px) { .hero-subtext-lg { max-width: 640px; font-size: 15.5px; } }
  @media (max-width: 767px) { .hero-subtext-lg { font-size: 14.5px; } }

  /* "Lĩnh vực chuyên môn" nav dropdown (desktop hover panel + mobile accordion). */
  .nav-dropdown { position: relative; }
  .nav-dropdown-chevron { width: 10px; height: 10px; flex-shrink: 0; margin-top: 1px; opacity: .8; transition: transform .15s ease; }
  .nav-dropdown:hover .nav-dropdown-chevron,
  .nav-dropdown:focus-within .nav-dropdown-chevron { transform: rotate(180deg); }

  .nav-dropdown-panel {
    position: absolute; top: 100%; left: 0; z-index: 50;
    min-width: 280px; margin-top: 1px;
    background: #fff; border: 1px solid var(--color-line, #e6eaf2); border-radius: 10px;
    box-shadow: 0 14px 38px rgba(16, 42, 92, .14);
    padding: 8px 0;
    opacity: 0; visibility: hidden; transform: translateY(6px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s;
  }
  .nav-dropdown:hover .nav-dropdown-panel,
  .nav-dropdown:focus-within .nav-dropdown-panel { opacity: 1; visibility: visible; transform: translateY(0); }
  .nav-dropdown-panel a { display: block; padding: 9px 18px; font-size: 13px; font-weight: 600; text-transform: none; letter-spacing: normal; white-space: normal; color: var(--color-ink, #16305f); }
  .nav-dropdown-panel a:hover { background: var(--color-soft, #f5f7fb); color: var(--color-brand-blue, #1b4dbf); }
  .nav-dropdown-panel a.nav-dropdown-all { border-top: 1px solid var(--color-line-soft, #eef1f7); margin-top: 6px; padding-top: 10px; font-weight: 700; color: var(--color-brand-blue, #1b4dbf); }

  .site-search-suggest {
    position: fixed; z-index: 200;
    width: 320px; max-width: 80vw;
    background: #fff; border: 1px solid var(--color-line, #e6eaf2); border-radius: 10px;
    box-shadow: 0 14px 38px rgba(16, 42, 92, .14);
    padding: 6px 0; max-height: 340px; overflow-y: auto;
    display: none;
  }
  .site-search-suggest.open { display: block; }
  .site-search-suggest a { display: block; padding: 8px 14px; text-align: left; }
  .site-search-suggest a:hover, .site-search-suggest a.active { background: var(--color-soft, #f5f7fb); }
  .site-search-suggest .s-title { display: block; font-size: 12.5px; font-weight: 700; color: var(--color-ink, #16305f); line-height: 1.4; }
  .site-search-suggest .s-type { display: block; margin-top: 2px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-muted, #8a93a6); }
  .site-search-suggest .s-empty { padding: 10px 14px; font-size: 12.5px; color: var(--color-muted, #8a93a6); }
  .site-search-suggest .s-all { border-top: 1px solid var(--color-line-soft, #eef1f7); margin-top: 4px; padding-top: 10px; font-size: 12px; font-weight: 700; color: var(--color-brand-blue, #1b4dbf); text-align: center; }

  /* Partner/donor logo grid ("Đối tác và nhà tài trợ") — every logo sits in an
     equal-size white card so mixed aspect ratios (square icons vs. wide
     wordmarks) still line up evenly, with object-fit:contain keeping each
     logo sharp instead of being stretched to fill the box. */
  .partner-logo-box {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 96px;
    background: #fff; border-radius: 12px;
    padding: 14px 18px;
    transition: box-shadow .2s ease, transform .2s ease;
  }
  a.partner-logo-box:hover { box-shadow: 0 8px 22px rgba(16, 42, 92, .08); transform: translateY(-2px); }
  .partner-logo-box img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; image-rendering: -webkit-optimize-contrast; }
  @media (max-width: 1279px) { .partner-logo-box { height: 84px; padding: 12px 14px; } }
  @media (max-width: 767px) { .partner-logo-box { height: 76px; padding: 10px 12px; } }

  .mobile-submenu-toggle { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; color: var(--color-navy, #103a87); background: none; border: none; }
  .mobile-submenu-toggle svg { width: 15px; height: 15px; transition: transform .15s ease; }
  .mobile-submenu-toggle.open svg { transform: rotate(180deg); }
  .mobile-submenu { display: none; padding: 0 0 10px 4px; }
  .mobile-submenu.open { display: block; }
  .mobile-submenu a { display: block; padding: 8px 0 8px 14px; font-size: 12.5px; font-weight: 600; color: var(--color-ink, #16305f); }

  .footer-logo-img { height: 58px; width: auto; border-radius: 6px; }
  @media (max-width: 1023px) { .footer-logo-img { height: 50px; } }
}

@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }

@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }

@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }

@property --tw-rotate-x { syntax: "*"; inherits: false; }

@property --tw-rotate-y { syntax: "*"; inherits: false; }

@property --tw-rotate-z { syntax: "*"; inherits: false; }

@property --tw-skew-x { syntax: "*"; inherits: false; }

@property --tw-skew-y { syntax: "*"; inherits: false; }

@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }

@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }

@property --tw-leading { syntax: "*"; inherits: false; }

@property --tw-font-weight { syntax: "*"; inherits: false; }

@property --tw-tracking { syntax: "*"; inherits: false; }

@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }

@property --tw-shadow-color { syntax: "*"; inherits: false; }

@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }

@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }

@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }

@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }

@property --tw-ring-color { syntax: "*"; inherits: false; }

@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }

@property --tw-inset-ring-color { syntax: "*"; inherits: false; }

@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }

@property --tw-ring-inset { syntax: "*"; inherits: false; }

@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }

@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }

@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }

@property --tw-duration { syntax: "*"; inherits: false; }

@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }

@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }

@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }

@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }

:root { --font-be-vietnam: 'Be Vietnam Pro', 'Segoe UI', sans-serif; }
#mobileNav.open { max-height: 600px; }

/* ---- Custom additions for secondary pages (Giới thiệu/Dịch vụ/Liên hệ/bài viết/trang tĩnh) ----
   These are hand-written, not Tailwind-generated, but reuse the same design tokens
   (colors, radii, font) as the compiled homepage utilities above. */
.page-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(120deg, #c8eefc 0%, #bfe6fb 100%);
  padding: 12px 0 10px;
}
.page-hero .container-x { position: relative; }
.page-hero .eyebrow {
  display: inline-block;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #d44a00;
}
.page-hero h1 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #d44a00;
}
.page-hero p {
  margin: 6px 0 0;
  max-width: 560px;
  font-size: 12px;
  line-height: 1.45;
  color: #d44a00;
}
.page-section { padding: 34px 0; }
.page-card {
  background: #fff;
  border: 1px solid var(--color-line);
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(16,42,92,.05);
}
.page-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.page-grid-2 { display: grid; grid-template-columns: 7fr 3fr; gap: 20px; align-items: start; }
.page-grid-2 > aside { max-width: 440px; }
@media (max-width: 1279px) {
  .page-grid-2 { grid-template-columns: 1fr; }
  .page-grid-2 > aside { max-width: none; }
}
.page-heading {
  margin: 0 0 16px;
  font-size: 19px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .035em;
  color: var(--color-navy);
}
.page-form input, .page-form textarea {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 12px;
  border: 1px solid var(--color-line);
  border-radius: 10px;
  font: inherit;
  color: var(--color-ink);
}
.page-form input:focus, .page-form textarea:focus { outline: 2px solid rgba(27,77,191,.18); border-color: var(--color-brand-blue); }
.page-notice { padding: 10px 14px; border-radius: 10px; background: #eefbf2; color: #206a38; margin-bottom: 14px; font-weight: 600; font-size: 13.5px; }
.page-notice.error { background: #fdecec; color: #a92a2a; }
.page-article img { max-width: 100%; border-radius: 14px; }
.page-article { font-size: 14.5px; line-height: 1.8; color: var(--color-ink); }
.page-article p { margin: 0 0 16px; }
.page-article p:last-child { margin-bottom: 0; }
.page-article h2 { margin: 8px 0 14px; font-size: 21px; font-weight: 800; line-height: 1.35; color: var(--color-navy); }
.page-article h2:first-child { margin-top: 0; }
.page-article h3 { margin: 30px 0 12px; font-size: 16.5px; font-weight: 700; line-height: 1.4; color: var(--color-brand-blue); }
.page-article h3:first-child { margin-top: 0; }
.page-article h4 { margin: 20px 0 8px; font-size: 14.5px; font-weight: 700; color: var(--color-navy-soft); }
.page-article strong { color: var(--color-navy); font-weight: 700; }
.page-article ul { margin: 0 0 16px; padding: 0; list-style: none; }
.page-article ul li { position: relative; padding-left: 22px; margin-bottom: 9px; }
.page-article ul li:last-child { margin-bottom: 0; }
.page-article ul li::before { content: ""; position: absolute; left: 2px; top: 9px; width: 6px; height: 6px; border-radius: 50%; background: var(--color-brand-green); }
.page-article figure { margin: 26px 0; text-align: center; }
.page-article figure img { border: 1px solid var(--color-line); }
.page-article figcaption { margin-top: 10px; font-size: 12.5px; font-style: italic; color: var(--color-muted); }
.page-article .lead { font-size: 16px; line-height: 1.75; color: var(--color-navy-soft); font-weight: 500; }
.page-article .ck-line-single { line-height: 1.5; }
.page-article .ck-line-1-5 { line-height: 1.9; }
.page-article .ck-line-double { line-height: 2.3; }
.page-article table { width: 100%; border-collapse: collapse; margin: 0 0 16px; }
.page-article table td, .page-article table th { border: 1px solid var(--color-line); padding: 8px 10px; }
.page-article table th { background: var(--color-soft); font-weight: 700; }
.page-article .table > figcaption { caption-side: bottom; }
.page-article blockquote { margin: 20px 0; padding: 14px 18px; border-left: 4px solid var(--color-brand-blue); background: var(--color-soft); border-radius: 0 10px 10px 0; font-style: italic; color: var(--color-navy-soft); }
.page-article pre { margin: 0 0 16px; padding: 14px 16px; background: #1e2735; color: #e8ecf3; border-radius: 10px; overflow-x: auto; font-size: 13px; }
.page-article hr { margin: 24px 0; border: none; border-top: 1px solid var(--color-line); }
.page-article mark { background: #fff3a3; padding: 0 2px; border-radius: 2px; }
.page-article .todo-list { list-style: none; padding-left: 0; }
.page-article .todo-list li { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; }
.page-article .todo-list .todo-list__label__description { flex: 1; }
.page-article iframe { max-width: 100%; border-radius: 10px; }
.page-article .image { margin: 20px 0; }
.page-article .image-style-side { float: right; max-width: 45%; margin-left: 20px; }
.page-article .image-style-align-left { float: left; max-width: 45%; margin-right: 20px; }

@media (max-width: 900px) {
  .page-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-grid-2 { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .page-grid { grid-template-columns: 1fr; }
  .page-hero h1 { font-size: 22px; }
}

/* ---- Trang Giới thiệu (About CEHS) — hand-written, mirrors an infographic-style
   reference layout: value pillars, hero, stat strip, mission/vision, fields grid,
   competencies, team, partner network. ---- */
.about-hero { padding: 44px 0 40px; background: linear-gradient(180deg, #f4f8fd 0%, #ffffff 100%); }
.about-hero-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 44px; align-items: center; }
.about-eyebrow { display: inline-block; margin: 0 0 10px; font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--color-brand-blue); }
.about-hero h1 { margin: 0 0 10px; font-size: 38px; font-weight: 800; line-height: 1.18; color: var(--color-navy); }
.about-hero-sub { margin: 0 0 16px; font-size: 16px; font-weight: 700; color: var(--color-navy-soft); line-height: 1.5; }
.about-lead { margin: 0 0 13px; font-size: 14.5px; line-height: 1.85; color: var(--color-ink); }
.about-lead:last-child { margin-bottom: 0; }
.about-hero-media { position: relative; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3.3; box-shadow: 0 20px 45px rgba(16,58,135,.16); }
.about-hero-media img { width: 100%; height: 100%; object-fit: cover; }

.about-values { background: #fff; border-top: 1px solid var(--color-line); border-bottom: 1px solid var(--color-line); padding: 24px 0; }
.about-values-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.about-value { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.about-value-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--color-soft); color: var(--color-brand-blue); flex-shrink: 0; }
.about-value-icon svg { width: 22px; height: 22px; }
.about-value span { font-size: 12.5px; font-weight: 700; color: var(--color-navy-soft); line-height: 1.4; }

.about-stats { background: linear-gradient(120deg, var(--color-navy-950) 0%, var(--color-navy) 100%); padding: 28px 0; }
.about-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.about-stat { display: flex; align-items: center; gap: 14px; }
.about-stat-icon { flex-shrink: 0; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: rgba(255,255,255,.14); color: #fff; }
.about-stat-icon svg { width: 24px; height: 24px; }
.about-stat b { display: block; font-size: 25px; font-weight: 800; color: #fff; line-height: 1.15; }
.about-stat span { font-size: 12px; font-weight: 600; color: rgba(255,255,255,.8); line-height: 1.35; }

.about-section { padding: 48px 0; }
.about-section-title { margin: 0 0 22px; font-size: 19px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; color: var(--color-navy); }
.about-soft { background: var(--color-soft); }

.about-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.about-card { background: #fff; border: 1px solid var(--color-line); border-radius: 16px; padding: 26px; }
.about-card-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: var(--color-soft); color: var(--color-brand-blue); margin-bottom: 14px; }
.about-card-icon svg { width: 23px; height: 23px; }
.about-card h3 { margin: 0 0 8px; font-size: 16.5px; font-weight: 800; color: var(--color-navy); }
.about-card p { margin: 0; font-size: 13.5px; line-height: 1.75; color: var(--color-muted); }

.about-fields-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.about-field-card { display: flex; align-items: flex-start; gap: 13px; background: #fff; border: 1px solid var(--color-line); border-radius: 14px; padding: 17px; text-decoration: none; transition: box-shadow .15s ease, transform .15s ease; }
.about-field-card:hover { box-shadow: 0 10px 24px rgba(16,58,135,.08); transform: translateY(-2px); }
.about-field-card .about-field-icon { flex-shrink: 0; width: 40px; height: 40px; }
.about-field-card h4 { margin: 0; font-size: 13.5px; font-weight: 700; color: var(--color-navy-soft); line-height: 1.4; }

.about-competency-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 30px; }
.about-competency { display: flex; align-items: flex-start; gap: 13px; }
.about-competency-icon { flex-shrink: 0; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: #fff; color: var(--color-brand-blue); }
.about-competency-icon svg { width: 19px; height: 19px; }
.about-competency span { font-size: 13.5px; font-weight: 600; color: var(--color-navy-soft); line-height: 1.55; }

.about-team-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 34px; align-items: start; }
.about-team-grid p { margin: 0 0 13px; font-size: 13.5px; line-height: 1.8; color: var(--color-ink); }
.about-team-grid p:last-child { margin-bottom: 0; }
.about-team-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.about-team-stat { background: #fff; border: 1px solid var(--color-line); border-radius: 14px; padding: 18px 10px; text-align: center; }
.about-team-stat b { display: block; font-size: 23px; font-weight: 800; color: var(--color-navy); }
.about-team-stat span { font-size: 11px; font-weight: 700; color: var(--color-muted); line-height: 1.4; }

.about-network-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 22px; }
.about-network-item { background: #fff; border: 1px solid var(--color-line); border-radius: 14px; padding: 22px 14px; text-align: center; }
.about-network-item .about-value-icon { margin: 0 auto 10px; }
.about-network-item span { font-size: 12.5px; font-weight: 700; color: var(--color-navy-soft); }

.about-orgchart { margin-top: 22px; padding: 26px; background: #fff; border: 1px solid var(--color-line); border-radius: 16px; text-align: center; }
.about-orgchart img { max-width: 100%; height: auto; margin: 0 auto; border-radius: 8px; }

.about-leaders-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; }
.about-leader-card { background: #fff; border: 1px solid var(--color-line); border-radius: 14px; padding: 20px; }
.about-leader-card b { display: block; margin-bottom: 4px; font-size: 14px; color: var(--color-navy); }
.about-leader-card span { font-size: 12.5px; color: var(--color-muted); line-height: 1.5; }

@media (max-width: 1023px) {
  .about-hero-grid { grid-template-columns: 1fr; }
  .about-hero-media { order: -1; }
  .about-values-grid { grid-template-columns: repeat(3, 1fr); }
  .about-stats-grid { grid-template-columns: repeat(2, 1fr); }
  .about-2col { grid-template-columns: 1fr; }
  .about-fields-grid { grid-template-columns: repeat(2, 1fr); }
  .about-competency-grid { grid-template-columns: 1fr; }
  .about-team-grid { grid-template-columns: 1fr; }
  .about-network-grid { grid-template-columns: repeat(2, 1fr); }
  .about-leaders-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .about-values-grid { grid-template-columns: repeat(2, 1fr); }
  .about-hero h1 { font-size: 28px; }
}

@property --tw-blur { syntax: "*"; inherits: false; }

@property --tw-brightness { syntax: "*"; inherits: false; }

@property --tw-contrast { syntax: "*"; inherits: false; }

@property --tw-grayscale { syntax: "*"; inherits: false; }

@property --tw-hue-rotate { syntax: "*"; inherits: false; }

@property --tw-invert { syntax: "*"; inherits: false; }

@property --tw-opacity { syntax: "*"; inherits: false; }

@property --tw-saturate { syntax: "*"; inherits: false; }

@property --tw-sepia { syntax: "*"; inherits: false; }

@property --tw-drop-shadow { syntax: "*"; inherits: false; }

@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }

@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }

@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }

@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-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-duration: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-content: ""; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; }
}
}