@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-bg-base: #050d1a;--color-bg-elevated: #0a1628;--color-bg-surface: #0e1e36;--color-bg-card: #111f38;--color-bg-card-hover: #162540;--color-bg-glass: rgba(14, 30, 54, .7);--color-border: rgba(6, 182, 212, .12);--color-border-hover: rgba(6, 182, 212, .35);--color-border-subtle: rgba(255, 255, 255, .06);--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-violet-400: #a78bfa;--color-violet-500: #8b5cf6;--color-text-primary: #f0f8ff;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-accent: var(--color-cyan-400);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--gradient-brand: linear-gradient(135deg, var(--color-cyan-500), var(--color-blue-500));--gradient-brand-v: linear-gradient(180deg, var(--color-cyan-500), var(--color-blue-600));--gradient-surface: linear-gradient(135deg, var(--color-bg-surface), var(--color-bg-card));--gradient-hero-bg: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(6, 182, 212, .12) 0%, transparent 70%);--gradient-glow-cyan: radial-gradient(circle, rgba(6, 182, 212, .18) 0%, transparent 70%);--gradient-glow-blue: radial-gradient(circle, rgba(59, 130, 246, .15) 0%, transparent 70%);--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", 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;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.6;--leading-relaxed:1.75;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--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;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-xl: 0 16px 48px rgba(0,0,0,.7);--shadow-cyan: 0 0 32px rgba(6, 182, 212, .2);--shadow-blue: 0 0 32px rgba(59, 130, 246, .15);--shadow-card: 0 2px 12px rgba(0,0,0,.4), 0 0 0 1px rgba(6,182,212,.08);--shadow-card-hover: 0 4px 24px rgba(0,0,0,.5), 0 0 0 1px rgba(6,182,212,.22), 0 0 24px rgba(6,182,212,.1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--max-content: 1200px;--nav-height: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan-600)}:focus-visible{outline:2px solid var(--color-cyan-400);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:var(--max-content);margin:0 auto;padding:0 var(--space-6)}@media (max-width: 640px){.container{padding:0 var(--space-4)}}.section{padding:var(--space-24) 0}@media (max-width: 768px){.section{padding:var(--space-16) 0}}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-violet{background:linear-gradient(135deg,var(--color-cyan-400),var(--color-violet-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--color-border-hover);background:#06b6d414;color:var(--color-cyan-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-sans);cursor:pointer;border:none;transition:all var(--duration-base) var(--ease-out);text-decoration:none;white-space:nowrap;line-height:1;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 0 20px #06b6d44d}.btn-primary:hover:not(:disabled){box-shadow:0 0 32px #06b6d480;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-hover)}.btn-outline:hover:not(:disabled){border-color:var(--color-cyan-400);color:var(--color-cyan-400);background:#06b6d40d}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff0d}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--duration-base) var(--ease-out)}.card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-cyan-400);margin-bottom:var(--space-3)}.grid-bg{background-image:radial-gradient(circle at 1px 1px,rgba(6,182,212,.08) 1px,transparent 0);background-size:40px 40px}.glow-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.35}.mono{font-family:var(--font-mono);font-size:.9em}.divider{height:1px;background:var(--color-border-subtle);border:none;margin:0}