:root { --primary: #243C66; --primary-100: oklch(from var(--primary) 0.95 c h); --primary-200: oklch(from var(--primary) 0.87 c h); --primary-300: oklch(from var(--primary) 0.75 c h); --primary-400: oklch(from var(--primary) 0.63 c h); --primary-500: oklch(from var(--primary) 0.54 c h); --primary-600: oklch(from var(--primary) 0.45 c h); --primary-700: oklch(from var(--primary) 0.35 c h); --primary-800: oklch(from var(--primary) 0.25 c h); --primary-900: oklch(from var(--primary) 0.15 c h); --secondary: #EE3910; --secondary-100: oklch(from var(--secondary) 0.95 c h); --secondary-200: oklch(from var(--secondary) 0.87 c h); --secondary-300: oklch(from var(--secondary) 0.75 c h); --secondary-400: oklch(from var(--secondary) 0.63 c h); --secondary-500: oklch(from var(--secondary) 0.54 c h); --secondary-600: oklch(from var(--secondary) 0.45 c h); --secondary-700: oklch(from var(--secondary) 0.35 c h); --secondary-800: oklch(from var(--secondary) 0.25 c h); --secondary-900: oklch(from var(--secondary) 0.15 c h); --tertiary: #B4E4FF; --tertiary-100: oklch(from var(--tertiary) 0.95 c h); --tertiary-200: oklch(from var(--tertiary) 0.87 c h); --tertiary-300: oklch(from var(--tertiary) 0.75 c h); --tertiary-400: oklch(from var(--tertiary) 0.63 c h); --tertiary-500: oklch(from var(--tertiary) 0.54 c h); --tertiary-600: oklch(from var(--tertiary) 0.45 c h); --tertiary-700: oklch(from var(--tertiary) 0.35 c h); --tertiary-800: oklch(from var(--tertiary) 0.25 c h); --tertiary-900: oklch(from var(--tertiary) 0.15 c h); --neutral: #e3e4e8; --neutral-50: oklch(from var(--neutral) 0.99 c h); --neutral-100: oklch(from var(--neutral) 0.97 c h); --neutral-200: oklch(from var(--neutral) 0.92 c h); --neutral-300: oklch(from var(--neutral) 0.82 c h); --neutral-400: oklch(from var(--neutral) 0.70 c h); --neutral-500: oklch(from var(--neutral) 0.54 c h); --neutral-600: oklch(from var(--neutral) 0.43 c h); --neutral-700: oklch(from var(--neutral) 0.35 c h); --neutral-800: oklch(from var(--neutral) 0.25 c h); --neutral-900: oklch(from var(--neutral) 0.15 c h); --neutral-950: oklch(from var(--neutral) 0.05 c h); --space-4xs: clamp(0.13rem, calc(0 * (100vw - 22.5rem) + 0.13rem), 0.13rem); --space-3xs: clamp(0.25rem, calc(0 * (100vw - 22.5rem) + 0.25rem), 0.25rem); --space-2xs: clamp(0.38rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.38rem), 0.5rem); --space-xs: clamp(0.5rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.5rem), 0.75rem); --space-s: clamp(0.75rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.75rem), 1rem); --space-m: clamp(1rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1rem), 1.5rem); --space-l: clamp(1.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.5rem), 2rem); --space-xl: clamp(2rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 2rem), 3rem); --space-2xl: clamp(3rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 3rem), 4rem); --space-3xl: clamp(4rem, calc(0.02962962962962963 * (100vw - 22.5rem) + 4rem), 6rem); --space-4xl: clamp(6rem, calc(0.02962962962962963 * (100vw - 22.5rem) + 6rem), 8rem); --pad-section-xs: clamp(2.5rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 2.5rem), 3.75rem); --pad-section-s: clamp(3.5rem, calc(0.022222222222222223 * (100vw - 22.5rem) + 3.5rem), 5rem); --pad-section-m: clamp(5rem, calc(0.037037037037037035 * (100vw - 22.5rem) + 5rem), 7.5rem); --pad-section-l: clamp(7rem, calc(0.044444444444444446 * (100vw - 22.5rem) + 7rem), 10rem); --pad-section-xl: clamp(10rem, calc(0.07407407407407407 * (100vw - 22.5rem) + 10rem), 15rem); --text-2xs: clamp(0.56rem, calc(0.0010370370370370364 * (100vw - 22.5rem) + 0.56rem), 0.63rem); --text-xs: clamp(0.63rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.63rem), 0.75rem); --text-s: clamp(0.75rem, calc(0.001925925925925926 * (100vw - 22.5rem) + 0.75rem), 0.88rem); --text-m: clamp(0.88rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.88rem), 1rem); --text-l: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-xl: clamp(1.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --text-2xl: clamp(1.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.5rem), 2rem); --text-3xl: clamp(1.88rem, calc(0.009185185185185187 * (100vw - 22.5rem) + 1.88rem), 2.5rem); --text-4xl: clamp(2.25rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 2.25rem), 3rem); --h6: clamp(0.88rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.88rem), 1rem); --h5: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --h4: clamp(1.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --h3: clamp(1.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.5rem), 2rem); --h2: clamp(2rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 2rem), 3rem); --h1: clamp(3rem, calc(0.022222222222222223 * (100vw - 22.5rem) + 3rem), 4.5rem);}.p-4xs { padding: var(--space-4xs); }.p-3xs { padding: var(--space-3xs); }.p-2xs { padding: var(--space-2xs); }.p-xs { padding: var(--space-xs); }.p-s { padding: var(--space-s); }.p-m { padding: var(--space-m); }.p-l { padding: var(--space-l); }.p-xl { padding: var(--space-xl); }.p-2xl { padding: var(--space-2xl); }.p-3xl { padding: var(--space-3xl); }.p-4xl { padding: var(--space-4xl); }.px-4xs { padding-inline: var(--space-4xs); }.px-3xs { padding-inline: var(--space-3xs); }.px-2xs { padding-inline: var(--space-2xs); }.px-xs { padding-inline: var(--space-xs); }.px-s { padding-inline: var(--space-s); }.px-m { padding-inline: var(--space-m); }.px-l { padding-inline: var(--space-l); }.px-xl { padding-inline: var(--space-xl); }.px-2xl { padding-inline: var(--space-2xl); }.px-3xl { padding-inline: var(--space-3xl); }.px-4xl { padding-inline: var(--space-4xl); }.py-4xs { padding-block: var(--space-4xs); }.py-3xs { padding-block: var(--space-3xs); }.py-2xs { padding-block: var(--space-2xs); }.py-xs { padding-block: var(--space-xs); }.py-s { padding-block: var(--space-s); }.py-m { padding-block: var(--space-m); }.py-l { padding-block: var(--space-l); }.py-xl { padding-block: var(--space-xl); }.py-2xl { padding-block: var(--space-2xl); }.py-3xl { padding-block: var(--space-3xl); }.py-4xl { padding-block: var(--space-4xl); }.pt-4xs { padding-top: var(--space-4xs); }.pt-3xs { padding-top: var(--space-3xs); }.pt-2xs { padding-top: var(--space-2xs); }.pt-xs { padding-top: var(--space-xs); }.pt-s { padding-top: var(--space-s); }.pt-m { padding-top: var(--space-m); }.pt-l { padding-top: var(--space-l); }.pt-xl { padding-top: var(--space-xl); }.pt-2xl { padding-top: var(--space-2xl); }.pt-3xl { padding-top: var(--space-3xl); }.pt-4xl { padding-top: var(--space-4xl); }.pb-4xs { padding-bottom: var(--space-4xs); }.pb-3xs { padding-bottom: var(--space-3xs); }.pb-2xs { padding-bottom: var(--space-2xs); }.pb-xs { padding-bottom: var(--space-xs); }.pb-s { padding-bottom: var(--space-s); }.pb-m { padding-bottom: var(--space-m); }.pb-l { padding-bottom: var(--space-l); }.pb-xl { padding-bottom: var(--space-xl); }.pb-2xl { padding-bottom: var(--space-2xl); }.pb-3xl { padding-bottom: var(--space-3xl); }.pb-4xl { padding-bottom: var(--space-4xl); }.pl-4xs { padding-left: var(--space-4xs); }.pl-3xs { padding-left: var(--space-3xs); }.pl-2xs { padding-left: var(--space-2xs); }.pl-xs { padding-left: var(--space-xs); }.pl-s { padding-left: var(--space-s); }.pl-m { padding-left: var(--space-m); }.pl-l { padding-left: var(--space-l); }.pl-xl { padding-left: var(--space-xl); }.pl-2xl { padding-left: var(--space-2xl); }.pl-3xl { padding-left: var(--space-3xl); }.pl-4xl { padding-left: var(--space-4xl); }.pr-4xs { padding-right: var(--space-4xs); }.pr-3xs { padding-right: var(--space-3xs); }.pr-2xs { padding-right: var(--space-2xs); }.pr-xs { padding-right: var(--space-xs); }.pr-s { padding-right: var(--space-s); }.pr-m { padding-right: var(--space-m); }.pr-l { padding-right: var(--space-l); }.pr-xl { padding-right: var(--space-xl); }.pr-2xl { padding-right: var(--space-2xl); }.pr-3xl { padding-right: var(--space-3xl); }.pr-4xl { padding-right: var(--space-4xl); }.m-4xs { margin: var(--space-4xs); }.m-3xs { margin: var(--space-3xs); }.m-2xs { margin: var(--space-2xs); }.m-xs { margin: var(--space-xs); }.m-s { margin: var(--space-s); }.m-m { margin: var(--space-m); }.m-l { margin: var(--space-l); }.m-xl { margin: var(--space-xl); }.m-2xl { margin: var(--space-2xl); }.m-3xl { margin: var(--space-3xl); }.m-4xl { margin: var(--space-4xl); }.mx-4xs { margin-inline: var(--space-4xs); }.mx-3xs { margin-inline: var(--space-3xs); }.mx-2xs { margin-inline: var(--space-2xs); }.mx-xs { margin-inline: var(--space-xs); }.mx-s { margin-inline: var(--space-s); }.mx-m { margin-inline: var(--space-m); }.mx-l { margin-inline: var(--space-l); }.mx-xl { margin-inline: var(--space-xl); }.mx-2xl { margin-inline: var(--space-2xl); }.mx-3xl { margin-inline: var(--space-3xl); }.mx-4xl { margin-inline: var(--space-4xl); }.my-4xs { margin-block: var(--space-4xs); }.my-3xs { margin-block: var(--space-3xs); }.my-2xs { margin-block: var(--space-2xs); }.my-xs { margin-block: var(--space-xs); }.my-s { margin-block: var(--space-s); }.my-m { margin-block: var(--space-m); }.my-l { margin-block: var(--space-l); }.my-xl { margin-block: var(--space-xl); }.my-2xl { margin-block: var(--space-2xl); }.my-3xl { margin-block: var(--space-3xl); }.my-4xl { margin-block: var(--space-4xl); }.mt-4xs { margin-top: var(--space-4xs); }.mt-3xs { margin-top: var(--space-3xs); }.mt-2xs { margin-top: var(--space-2xs); }.mt-xs { margin-top: var(--space-xs); }.mt-s { margin-top: var(--space-s); }.mt-m { margin-top: var(--space-m); }.mt-l { margin-top: var(--space-l); }.mt-xl { margin-top: var(--space-xl); }.mt-2xl { margin-top: var(--space-2xl); }.mt-3xl { margin-top: var(--space-3xl); }.mt-4xl { margin-top: var(--space-4xl); }.mb-4xs { margin-bottom: var(--space-4xs); }.mb-3xs { margin-bottom: var(--space-3xs); }.mb-2xs { margin-bottom: var(--space-2xs); }.mb-xs { margin-bottom: var(--space-xs); }.mb-s { margin-bottom: var(--space-s); }.mb-m { margin-bottom: var(--space-m); }.mb-l { margin-bottom: var(--space-l); }.mb-xl { margin-bottom: var(--space-xl); }.mb-2xl { margin-bottom: var(--space-2xl); }.mb-3xl { margin-bottom: var(--space-3xl); }.mb-4xl { margin-bottom: var(--space-4xl); }.ml-4xs { margin-left: var(--space-4xs); }.ml-3xs { margin-left: var(--space-3xs); }.ml-2xs { margin-left: var(--space-2xs); }.ml-xs { margin-left: var(--space-xs); }.ml-s { margin-left: var(--space-s); }.ml-m { margin-left: var(--space-m); }.ml-l { margin-left: var(--space-l); }.ml-xl { margin-left: var(--space-xl); }.ml-2xl { margin-left: var(--space-2xl); }.ml-3xl { margin-left: var(--space-3xl); }.ml-4xl { margin-left: var(--space-4xl); }.mr-4xs { margin-right: var(--space-4xs); }.mr-3xs { margin-right: var(--space-3xs); }.mr-2xs { margin-right: var(--space-2xs); }.mr-xs { margin-right: var(--space-xs); }.mr-s { margin-right: var(--space-s); }.mr-m { margin-right: var(--space-m); }.mr-l { margin-right: var(--space-l); }.mr-xl { margin-right: var(--space-xl); }.mr-2xl { margin-right: var(--space-2xl); }.mr-3xl { margin-right: var(--space-3xl); }.mr-4xl { margin-right: var(--space-4xl); }.gap-4xs { gap: var(--space-4xs); }.gap-3xs { gap: var(--space-3xs); }.gap-2xs { gap: var(--space-2xs); }.gap-xs { gap: var(--space-xs); }.gap-s { gap: var(--space-s); }.gap-m { gap: var(--space-m); }.gap-l { gap: var(--space-l); }.gap-xl { gap: var(--space-xl); }.gap-2xl { gap: var(--space-2xl); }.gap-3xl { gap: var(--space-3xl); }.gap-4xl { gap: var(--space-4xl); }.pad-section-xs { padding-block: var(--pad-section-xs); }.pad-section-s { padding-block: var(--pad-section-s); }.pad-section-m { padding-block: var(--pad-section-m); }.pad-section-l { padding-block: var(--pad-section-l); }.pad-section-xl { padding-block: var(--pad-section-xl); }.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }.text-3xl { font-size: var(--text-3xl); }.text-4xl { font-size: var(--text-4xl); }.h6 { font-size: var(--h6); }.h5 { font-size: var(--h5); }.h4 { font-size: var(--h4); }.h3 { font-size: var(--h3); }.h2 { font-size: var(--h2); }.h1 { font-size: var(--h1); }