:root{--navy-950: #070b11;--navy-900: #0a0f17;--navy-850: #0d131d;--navy-800: #111927;--navy-700: #182236;--navy-600: #22304a;--navy-500: #37496b;--navy-400: #5b7096;--gray-100: #eef2f6;--gray-200: #dbe2ea;--gray-300: #a6b2c2;--gray-400: #7c8aa0;--gray-500: #5c6b82;--gray-600: #3f4b5e;--cyan-200: #a6f7ec;--cyan-300: #7df3e0;--cyan-400: #3ce8ce;--cyan-500: #1fe5c9;--cyan-600: #12b8a1;--cyan-700: #0b8c7a;--cyan-900: #083f38;--indigo-300: #9aabff;--indigo-400: #7b90fc;--indigo-500: #5b7cfa;--indigo-600: #4560d6;--green-400: #4fe39a;--green-500: #2fd97a;--amber-400: #f7c85e;--amber-500: #f5b942;--red-400: #ff7d7d;--red-500: #ff5c5c;--bg-canvas: var(--navy-900);--bg-canvas-alt: var(--navy-950);--bg-surface: var(--navy-850);--bg-surface-raised: var(--navy-800);--bg-surface-hover: var(--navy-700);--bg-inset: var(--navy-950);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-accent: rgba(31, 229, 201, .4);--text-primary: var(--gray-100);--text-secondary: var(--gray-300);--text-tertiary: var(--gray-400);--text-disabled: var(--gray-500);--text-on-accent: var(--navy-950);--accent: var(--cyan-500);--accent-hover: var(--cyan-400);--accent-active: var(--cyan-600);--accent-tint: var(--cyan-900);--accent-soft: rgba(31, 229, 201, .12);--accent-secondary: var(--indigo-500);--accent-secondary-hover: var(--indigo-400);--success: var(--green-500);--success-tint: rgba(47, 217, 122, .12);--warning: var(--amber-500);--warning-tint: rgba(245, 185, 66, .12);--danger: var(--red-500);--danger-tint: rgba(255, 92, 92, .12);--info: var(--accent);--info-tint: var(--accent-soft);--focus-ring: 0 0 0 3px rgba(31, 229, 201, .35);--logo-accent: var(--cyan-500);--logo-body: var(--gray-200);--logo-detail: var(--gray-300);--logo-shade: var(--navy-700);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.375rem;--text-4xl: 3rem;--lh-tight: 1.1;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.65;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-tight: -.02em;--ls-tighter: -.03em;--ls-wide: .04em;--ls-widest: .12em;--space-0: 0;--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;--space-40: 160px;--container-max: 1200px;--container-narrow: 760px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 0 1px rgba(31, 229, 201, .25), 0 0 24px rgba(31, 229, 201, .15);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--blur-glass: blur(16px);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .36s}[data-theme=light]{--bg-canvas: #f6f8fa;--bg-canvas-alt: #eef1f5;--bg-surface: #ffffff;--bg-surface-raised: #ffffff;--bg-surface-hover: #eef1f5;--bg-inset: #eef1f5;--border-subtle: rgba(13, 20, 32, .07);--border-default: rgba(13, 20, 32, .12);--border-strong: rgba(13, 20, 32, .22);--border-accent: rgba(11, 140, 122, .35);--text-primary: #0d1420;--text-secondary: #414c5c;--text-tertiary: #6b7686;--text-disabled: #9aa5b3;--text-on-accent: #04231f;--accent: var(--cyan-700);--accent-hover: var(--cyan-600);--accent-active: #096f61;--accent-tint: #e4faf6;--accent-soft: rgba(11, 140, 122, .1);--accent-secondary: var(--indigo-600);--accent-secondary-hover: var(--indigo-500);--success: #1c9a5c;--warning: #b9800f;--danger: #d63c3c;--logo-accent: var(--cyan-700);--logo-body: var(--gray-600);--logo-detail: var(--gray-600);--logo-shade: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);margin:0;color:var(--text-primary)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code,pre,kbd{font-family:var(--font-mono)}button,input,select,textarea{font-family:inherit}button{background:none;border:none;padding:0;cursor:pointer}input:focus,select:focus,textarea:focus,button:focus-visible{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-canvas-alt)}::-webkit-scrollbar-thumb{background:var(--navy-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--navy-600)}