:root {--color-primary-500: #188DFB;--color-secondary-500: #E7C340;--color-accent-500: #6717FB;--color-neutral-500: #3B3B3B;--primary-font-family: "Manrope", sans-serif;--secondary-font-family: "Inter", sans-serif;--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);--heading-lh: 1.1;--body-lh: 1.5;--text-4xl: clamp(3.0000rem, 1.9438rem + 4.5070vw, 6.0000rem);--text-3xl: clamp(2.5000rem, 1.8836rem + 2.6291vw, 4.2500rem);--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-600: color-mix(in srgb, var(--color-primary-500), black 20%);--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-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-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-200: color-mix(in srgb, var(--color-neutral-500), white 60%);--color-neutral-300: color-mix(in srgb, var(--color-neutral-500), white 15%);--color-neutral-900: color-mix(in srgb, var(--color-neutral-500), black 50%);--color-white: #FFFFFF;--radius-none: 0px;--radius-normal: 20px;--radius-full: 9999px;--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));--grid-12: repeat(12, minmax(0, 1fr));--grid-min: 18rem;--mw-tight: 30rem;--mw-normal: 42rem;--mw-wide: 82rem;--mw-full: 100%;--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;--ratio-ultrawide: 21 / 9;--primary-font-weight: 400;--heading-font-weight: 500;--secondary-font-weight: 800;--ls-tight: -0.04em;--ls-normal: 0px;--ls-wide: 0.04em;--gradient-stop-1: var(--color-primary-100);--gradient-stop-2: var(--color-primary-400);--text-color: var(--color-neutral-500);--text-color-primary: var(--color-primary-600);--border-color-light: var(--color-primary-100);--border-color-dark: var(--color-primary-900);--text-color-heading: var(--color-neutral-900);--text-color-muted: var(--color-neutral-300);--border-color: var(--color-neutral-200);--icon-color: var(--text-color-primary);--scrim-soft: color-mix(in srgb, var(--color-neutral-900), transparent 65%);--scrim-strong: color-mix(in srgb, var(--color-neutral-900), transparent 25%);--button-bg: var(--color-primary-600);--surface-primary: var(--color-neutral-100);--surface-elevated: var(--color-white);--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);--button-padding: var(--space-xs) var(--space-l);--button-radius: var(--radius-full);--duration-fast: 200ms;--duration-normal: 250ms;--duration-slow: 600ms;--ease-out: cubic-bezier(0.33, 1, 0.68, 1);--ease-entrance: cubic-bezier(0.22, 1, 0.36, 1);--z-below: -1;--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-sticky: 500;--z-modal: 1000;}