:root{--neutral-50: oklch(.985 0 0);--neutral-100: oklch(.955 0 0);--neutral-200: oklch(.915 0 0);--neutral-300: oklch(.86 0 0);--neutral-400: oklch(.75 0 0);--neutral-500: oklch(.62 0 0);--neutral-600: oklch(.5 0 0);--neutral-700: oklch(.38 0 0);--neutral-800: oklch(.27 0 0);--neutral-900: oklch(.18 0 0);--neutral-950: oklch(.11 0 0);--brand-50: oklch(.95 .05 290);--brand-100: oklch(.9 .1 290);--brand-200: oklch(.8 .14 290);--brand-300: oklch(.7 .17 290);--brand-400: oklch(.6 .19 290);--brand-500: oklch(.52 .2 290);--brand-600: oklch(.44 .18 290);--brand-700: oklch(.36 .15 290);--brand-800: oklch(.28 .12 290);--accent-400: oklch(.7 .15 220);--accent-500: oklch(.6 .16 220);--accent-600: oklch(.5 .14 220);--success: oklch(.55 .15 150);--warning: oklch(.65 .15 85);--danger: oklch(.55 .2 30);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .04);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .06);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--gradient-hero: radial-gradient(ellipse 80% 60% at 50% -20%, oklch(.6 .19 290 / .15) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 30% 100%, oklch(.6 .16 220 / .1) 0%, transparent 50%);--gradient-cta: linear-gradient(135deg, oklch(.52 .2 290) 0%, oklch(.48 .18 260) 100%);--gradient-card: linear-gradient(180deg, oklch(1 0 0) 0%, oklch(.98 .003 290) 100%)}