:root{--color-primary:#10b981;--color-accent:#3b82f6;--color-bg:#0a0f1a;--color-bg-elevated:#111827;--color-bg-surface:#1e293b;--color-bg-hover:#253349;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-dim:#64748b;--color-border:#1e293b;--color-border-hover:#334155;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--gradient-primary:linear-gradient(135deg, var(--color-primary), var(--color-accent));--gradient-text:linear-gradient(135deg, #10b981, #3b82f6);--gradient-subtle:linear-gradient(135deg, #10b9811a, #3b82f61a);--gradient-glow:radial-gradient(ellipse at 50% 0%, #10b98126 0%, transparent 60%);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:80px;--space-16:128px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #10b98126;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:1200px;--header-height:64px;font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}ul,ol{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;font-size:3.5rem}h2{letter-spacing:-.01em;font-size:2rem}h3{font-size:1.25rem}@media (width<=768px){h1{font-size:2.25rem}h2{font-size:1.5rem}h3{font-size:1.125rem}}.container{max-width:var(--max-width);padding:0 var(--space-5);margin:0 auto}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0a0f1ad9;align-items:center;display:flex;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;width:100%;display:flex}.header-logo{align-items:center;gap:var(--space-3);color:var(--color-text);font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.header-logo:hover{color:var(--color-text)}.header-logo svg{width:28px;height:28px}.header-nav{align-items:center;gap:var(--space-2);display:flex}.header-nav a,.header-nav button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none}.header-nav a:hover,.header-nav button:hover{color:var(--color-text);background:var(--color-bg-surface)}.header-nav .nav-cta{background:var(--gradient-primary);color:#fff;font-weight:600}.header-nav .nav-cta:hover{opacity:.9;color:#fff}.mobile-nav-toggle{padding:var(--space-2);display:none}@media (width<=768px){.mobile-nav-toggle{justify-content:center;align-items:center;display:flex}.header-nav{display:none}.header-nav.open{top:var(--header-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex;position:absolute;left:0;right:0}}.main-content{flex:1}