:root{--void:#000000;--white:#ffffff;--white-95:rgba(255,255,255,0.95);--white-90:rgba(255,255,255,0.9);--white-80:rgba(255,255,255,0.8);--white-70:rgba(255,255,255,0.7);--white-60:rgba(255,255,255,0.6);--white-50:rgba(255,255,255,0.5);--white-40:rgba(255,255,255,0.4);--white-20:rgba(255,255,255,0.2);--white-12:rgba(255,255,255,0.12);--white-08:rgba(255,255,255,0.08);--white-05:rgba(255,255,255,0.05);--glass-bg:rgba(255,255,255,0.06);--glass-bg-hover:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.15);--glass-border-hover:rgba(255,255,255,0.25);--ambient-a:rgba(255,255,255,0.2);--ambient-b:rgba(255,255,255,0.11);--ambient-c:rgba(255,255,255,0.06);--nav-bg:rgba(0,0,0,0.8);--surface-shadow:0 16px 64px rgba(0,0,0,0.5);--btn-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 40px rgba(255,255,255,0.08);--btn-shadow-hover:0 16px 64px rgba(0,0,0,0.5),0 0 60px rgba(255,255,255,0.12);--r-xs:8px;--r-sm:14px;--r-md:20px;--r-lg:28px;--r-pill:999px;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--ease-out:cubic-bezier(0.16,1,0.3,1);--spring:cubic-bezier(0.34,1.56,0.64,1);color-scheme:dark}:root[data-theme=light]{--void:#f3f6fc;--white:#0f172a;--white-95:rgba(15,23,42,0.95);--white-90:rgba(15,23,42,0.9);--white-80:rgba(15,23,42,0.8);--white-70:rgba(15,23,42,0.7);--white-60:rgba(15,23,42,0.6);--white-50:rgba(15,23,42,0.5);--white-40:rgba(15,23,42,0.4);--white-20:rgba(15,23,42,0.2);--white-12:rgba(15,23,42,0.12);--white-08:rgba(15,23,42,0.08);--white-05:rgba(15,23,42,0.05);--glass-bg:rgba(255,255,255,0.72);--glass-bg-hover:rgba(255,255,255,0.9);--glass-border:rgba(15,23,42,0.12);--glass-border-hover:rgba(15,23,42,0.25);--ambient-a:rgba(30,64,175,0.16);--ambient-b:rgba(2,132,199,0.12);--ambient-c:rgba(14,116,144,0.08);--nav-bg:rgba(243,246,252,0.82);--surface-shadow:0 12px 30px rgba(15,23,42,0.14);--btn-shadow:0 10px 24px rgba(15,23,42,0.18);--btn-shadow-hover:0 14px 30px rgba(15,23,42,0.24);color-scheme:light}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{background:var(--void);color:var(--white-90);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .26s var(--ease-out),color .26s var(--ease-out)}a{color:var(--white-70);text-decoration:none;transition:color .2s var(--ease-out)}a:hover{color:var(--white)}h1,h2,h3,h4{font-weight:700;letter-spacing:1px}.mono,h1,h2,h3,h4{font-family:var(--font-mono)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-md);-webkit-backdrop-filter:blur(40px) saturate(120%);backdrop-filter:blur(40px) saturate(120%);padding:32px;transition:all .3s var(--ease-out)}.glass-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--surface-shadow)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 48px;background:var(--white);color:var(--void);border:none;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .2s var(--ease-out);box-shadow:var(--btn-shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--btn-shadow-hover)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;color:var(--white-70);border:1px solid var(--glass-border);border-radius:var(--r-pill);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:all .2s var(--ease-out)}.btn-secondary:hover{color:var(--white);border-color:var(--glass-border-hover);background:var(--glass-bg)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 40px rgba(255,255,255,.05)}50%{box-shadow:0 0 80px rgba(255,255,255,.1)}}.animate-in{animation:fadeInUp .6s var(--ease-out) both}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px}.nav-brand{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:3px;color:var(--white-95)}.nav-links{display:flex;gap:32px;align-items:center}.nav-link{font-size:14px;color:var(--white-60)}.nav-link:hover{color:var(--white)}.theme-toggle{position:fixed;right:20px;bottom:20px;z-index:200;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--white-90);border-radius:var(--r-pill);padding:9px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .2s var(--ease-out);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.theme-toggle:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}.badge{display:inline-block;padding:4px 12px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.5px}.badge-green{color:#4ade80;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.25)}.badge-red{color:#f87171;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.25)}.badge-yellow{color:#fbbf24;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.25)}