:root{--violet-50: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-700: #0e7490;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-700: #be123c;--gold-300: #fcd34d;--gold-400: #fbbf24;--gold-500: #f59e0b;--gold-700: #b45309;--gray-0: #ffffff;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--gray-950: #0b0b0f;--bg: var(--gray-0);--bg-subtle: var(--gray-50);--bg-muted: var(--gray-100);--bg-inverse: var(--gray-950);--surface: var(--gray-0);--surface-2: var(--gray-50);--surface-3: var(--gray-100);--surface-glass: rgba(255, 255, 255, .72);--fg: var(--gray-950);--fg-muted: var(--gray-600);--fg-subtle: var(--gray-500);--fg-inverse: var(--gray-0);--border: rgba(9, 9, 11, .08);--border-strong: rgba(9, 9, 11, .14);--accent: var(--violet-600);--accent-hover: var(--violet-700);--accent-fg: #ffffff;--accent-soft: var(--violet-50);--accent-soft-2: var(--violet-100);--accent-ring: rgba(124, 58, 237, .35);--purple-line: var(--violet-200);--purple-line-strong: var(--violet-400);--purple-surface: var(--violet-50);--purple-surface-strong: var(--violet-100);--purple-hover: var(--violet-700);--purple-active: var(--violet-800);--cyan-line: rgba(6, 182, 212, .34);--cyan-surface: rgba(6, 182, 212, .09);--rose-line: rgba(244, 63, 94, .3);--rose-surface: rgba(244, 63, 94, .08);--gold-line: rgba(245, 158, 11, .32);--gold-surface: rgba(245, 158, 11, .1);--hero-gradient: radial-gradient(circle at 18% 16%, rgba(34, 211, 238, .24), transparent 30%), radial-gradient(circle at 78% 18%, rgba(251, 113, 133, .2), transparent 32%), radial-gradient(circle at 50% 74%, rgba(139, 92, 246, .18), transparent 38%), linear-gradient(145deg, rgba(245, 243, 255, .72), rgba(255, 255, 255, .66) 48%, rgba(253, 242, 248, .72));--success: #16a34a;--danger: #dc2626;--warning: #d97706;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--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;--text-7xl: 4.5rem;--tracking-tight: -.02em;--tracking-tighter: -.04em;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-2xl: 0px;--radius-full: 0px;--shadow-xs: 0 1px 2px rgba(9, 9, 11, .05);--shadow-sm: 0 1px 3px rgba(9, 9, 11, .08), 0 1px 2px rgba(9, 9, 11, .04);--shadow-md: 0 6px 16px -4px rgba(9, 9, 11, .1), 0 2px 6px rgba(9, 9, 11, .05);--shadow-lg: 0 20px 40px -12px rgba(9, 9, 11, .16), 0 8px 16px -8px rgba(9, 9, 11, .08);--shadow-accent: 0 10px 30px -8px rgba(124, 58, 237, .45);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--container: 1200px;--container-wide: 1400px;--header-h: 64px;--header-offset: var(--header-h);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-layout: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .4s;color-scheme:light}[data-theme=dark]{--bg: var(--gray-950);--bg-subtle: #0f0f14;--bg-muted: var(--gray-900);--bg-inverse: var(--gray-0);--surface: #121218;--surface-2: #17171f;--surface-3: #1e1e27;--surface-glass: rgba(18, 18, 24, .72);--fg: #f4f4f5;--fg-muted: var(--gray-400);--fg-subtle: var(--gray-500);--fg-inverse: var(--gray-950);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--accent: var(--violet-500);--accent-hover: var(--violet-400);--accent-soft: rgba(139, 92, 246, .12);--accent-soft-2: rgba(139, 92, 246, .2);--accent-ring: rgba(167, 139, 250, .4);--purple-line: rgba(167, 139, 250, .34);--purple-line-strong: var(--violet-400);--purple-surface: rgba(139, 92, 246, .12);--purple-surface-strong: rgba(139, 92, 246, .2);--purple-hover: var(--violet-400);--purple-active: var(--violet-300);--cyan-line: rgba(34, 211, 238, .34);--cyan-surface: rgba(34, 211, 238, .1);--rose-line: rgba(251, 113, 133, .34);--rose-surface: rgba(251, 113, 133, .1);--gold-line: rgba(251, 191, 36, .34);--gold-surface: rgba(251, 191, 36, .1);--hero-gradient: radial-gradient(circle at 18% 16%, rgba(34, 211, 238, .18), transparent 31%), radial-gradient(circle at 78% 18%, rgba(251, 113, 133, .15), transparent 33%), radial-gradient(circle at 50% 74%, rgba(139, 92, 246, .2), transparent 40%), linear-gradient(145deg, rgba(11, 11, 15, .7), rgba(19, 16, 27, .66) 48%, rgba(22, 15, 22, .7));--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 6px 16px -4px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .6);--shadow-accent: 0 10px 30px -8px rgba(139, 92, 246, .5);color-scheme:dark}