:root {--space-2xs: clamp(0.5000rem, 0.4560rem + 0.1878vw, 0.6250rem);--space-xs: clamp(0.7500rem, 0.6840rem + 0.2817vw, 0.9375rem);--space-s: clamp(1.0000rem, 0.9120rem + 0.3756vw, 1.2500rem);--space-m: clamp(1.5000rem, 1.3680rem + 0.5634vw, 1.8750rem);--space-l: clamp(2.0000rem, 1.8239rem + 0.7512vw, 2.5000rem);--space-xl: clamp(3.0000rem, 2.7359rem + 1.1268vw, 3.7500rem);--space-2xl: clamp(4.0000rem, 3.6479rem + 1.5023vw, 5.0000rem);--space-3xl: clamp(6.0000rem, 5.4718rem + 2.2535vw, 7.5000rem);--text-2xl: clamp(2.0000rem, 1.6479rem + 1.5023vw, 3.0000rem);--text-xl: clamp(1.6875rem, 1.4014rem + 1.2207vw, 2.5000rem);--text-l: clamp(1.3750rem, 1.1989rem + 0.7512vw, 1.8750rem);--text-m: 1.25rem;--text-s: 1.00rem;--text-xs: clamp(0.7500rem, 0.7060rem + 0.1878vw, 0.8750rem);--color-primary-100: color-mix(in srgb, var(--color-primary-500), white 80%);--color-primary-400: color-mix(in srgb, var(--color-primary-500), white 30%);--color-primary-500: #188DFB;--color-primary-900: color-mix(in srgb, var(--color-primary-500), black 50%);--color-secondary-100: color-mix(in srgb, var(--color-secondary-500), white 80%);--color-secondary-500: #E7C340;--color-secondary-900: color-mix(in srgb, var(--color-secondary-500), black 50%);--color-accent-100: color-mix(in srgb, var(--color-accent-500), white 80%);--color-accent-500: #6717FB;--color-accent-900: color-mix(in srgb, var(--color-accent-500), black 50%);--color-neutral-100: color-mix(in srgb, var(--color-neutral-500), white 80%);--color-neutral-500: #3B3B3B;--color-neutral-900: color-mix(in srgb, var(--color-neutral-500), black 50%);--color-white: #FFFFFF;--radius-normal: 20px;--grid-1: repeat(1, minmax(0, 1fr));--grid-2: repeat(2, minmax(0, 1fr));--grid-3: repeat(3, minmax(0, 1fr));--grid-4: repeat(4, minmax(0, 1fr));--grid-5: repeat(5, minmax(0, 1fr));--grid-6: repeat(6, minmax(0, 1fr));--grid-7: repeat(7, minmax(0, 1fr));--grid-8: repeat(8, minmax(0, 1fr));--grid-9: repeat(9, minmax(0, 1fr));--grid-10: repeat(10, minmax(0, 1fr));--grid-11: repeat(11, minmax(0, 1fr));--mw-normal: 42rem;--mw-tight: 30rem;--ratio-square: 1 / 1;--ratio-landscape: 4 / 3;--ratio-portrait: 3 / 4;--ratio-classic: 3 / 2;--ratio-classic-portrait: 2 / 3;--ratio-widescreen: 16 / 9;--ls-tight: -0.04em;--body-lh: 1.5;--heading-lh: 1.1;--ls-normal: 0px;--ls-wide: 0.04em;--gradient-stop-2: var(--color-primary-400);--gradient-stop-1: var(--color-primary-100);--surface-primary: var(--color-neutral-100);--text-color: var(--color-neutral-500);--text-color-primary: var(--color-primary-500);--section-vertical: var(--space-l);--section-horizontal: var(--space-m);--container-horizontal: var(--space-m);--container-vertical: var(--space-xl);--container-gap: var(--space-xl);--grid-gap: var(--space-s);--content-gap: var(--space-s);--content-padding-l: var(--space-l);--content-padding-m: var(--space-m);--content-padding-s: var(--space-s);--grid-12: repeat(12, minmax(0, 1fr));--radius-full: 9999px;--ratio-ultrawide: 21 / 9;--mw-wide: 82rem;--mw-full: 100%;--surface-elevated: var(--color-white);--grid-min: 18rem;--border-color-light: var(--color-primary-100);--border-color-dark: var(--color-primary-900);--primary-font-family: "Manrope", sans-serif;--secondary-font-family: "Inter", sans-serif;--primary-font-weight: 400;--secondary-font-weight: 800;--button-bg: color-mix(in srgb, var(--color-primary-500), black 20%);--heading-font-weight: 500;--text-color-heading: var(--color-neutral-900);--text-color-muted: color-mix(in srgb, var(--color-neutral-500), transparent 35%);--icon-color: var(--text-color-primary);}