:root{--void:#000000;--white:#FFFFFF;--white-95:rgba(255,255,255,0.95);--white-90:rgba(255,255,255,0.90);--white-70:rgba(255,255,255,0.70);--white-60:rgba(255,255,255,0.60);--white-40:rgba(255,255,255,0.40);--white-20:rgba(255,255,255,0.20);--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.10);--glass-border:rgba(255,255,255,0.15);--glass-border-hover:rgba(255,255,255,0.25);--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)}*,: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}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:0 16px 64px rgba(0,0,0,.5)}.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:0 8px 32px rgba(0,0,0,.4),0 0 40px rgba(255,255,255,.08)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 64px rgba(0,0,0,.5),0 0 60px rgba(255,255,255,.12)}.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:rgba(0,0,0,.8);-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)}.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)}