@import url("https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Sora:wght@300;400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#050810;--bg-surface:#0c1120;--bg-elevated:#111827;--bg-card:rgba(12,17,32,0.85);--accent:#00f5c4;--accent-dim:rgba(0,245,196,0.15);--accent-glow:rgba(0,245,196,0.08);--accent-hover:#00ddb0;--purple:#7c3aed;--purple-light:#a78bfa;--purple-dim:rgba(124,58,237,0.15);--amber:#f59e0b;--amber-dim:rgba(245,158,11,0.12);--danger:#ef4444;--danger-dim:rgba(239,68,68,0.12);--success:#22c55e;--success-dim:rgba(34,197,94,0.12);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border:rgba(0,245,196,0.12);--border-subtle:rgba(255,255,255,0.06);--border-hover:rgba(0,245,196,0.35);--font-mono:"Space Mono","Courier New",monospace;--font-sans:"Sora",system-ui,sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition:0.2s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,245,196,.025) 1px,transparent 0),linear-gradient(90deg,rgba(0,245,196,.025) 1px,transparent 0);background-size:64px 64px;pointer-events:none;z-index:0}h1,h2,h3,h4,h5{font-family:var(--font-sans);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary)}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(1.8rem,3vw,2.8rem)}h3{font-size:1.25rem}h4{font-size:1rem;font-weight:600;letter-spacing:-.01em}p{color:var(--text-secondary);line-height:1.7}code{font-family:var(--font-mono);font-size:.85em;background:var(--accent-glow);padding:2px 6px;border-radius:4px;border:1px solid var(--accent-dim)}a,code{color:var(--accent)}a{text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.container--narrow{max-width:800px}.container--wide{max-width:1280px}section{position:relative;z-index:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition),transform var(--transition)}.card:hover{border-color:var(--border-hover)}.card--elevated{background:var(--bg-elevated);border-color:var(--border-subtle)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.02em;padding:.75rem 1.5rem;border-radius:var(--radius-sm);border:none;cursor:pointer;text-decoration:none;transition:all var(--transition);white-space:nowrap}.btn--primary{background:var(--accent);color:var(--bg-base)}.btn--primary:hover{background:var(--accent-hover);color:var(--bg-base);transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.15)}.btn--ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);color:var(--text-primary)}.btn--accent-outline{background:transparent;color:var(--accent);border:1px solid var(--border)}.btn--accent-outline:hover{background:var(--accent-glow);border-color:var(--border-hover)}.btn--sm{font-size:.75rem;padding:.5rem 1rem}.btn--icon{padding:.5rem;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.68rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .7rem;border-radius:100px}.badge--accent{background:var(--accent-glow);border:1px solid var(--accent-dim);color:var(--accent)}.badge--purple{background:var(--purple-dim);border:1px solid rgba(124,58,237,.3);color:var(--purple-light)}.badge--amber{background:var(--amber-dim);border:1px solid rgba(245,158,11,.3);color:var(--amber)}.badge--danger{background:var(--danger-dim);border:1px solid rgba(239,68,68,.3);color:var(--danger)}.badge--success{background:var(--success-dim);border:1px solid rgba(34,197,94,.3);color:var(--success)}.badge--live{background:var(--accent-glow);border:1px solid var(--accent-dim);color:var(--accent)}.section-label{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:1rem}.section-label:before{content:"";width:24px;height:1px;background:var(--accent);flex-shrink:0}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.stat-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem 1.5rem}.stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:flex;align-items:center;gap:6px}.stat-label,.stat-value{font-family:var(--font-mono)}.stat-value{font-size:1.6rem;font-weight:700;color:var(--accent);line-height:1}.stat-value--large{font-size:2rem}.stat-value--sm{font-size:1.1rem}.stat-sub{font-size:.72rem;color:var(--text-muted);margin-top:.3rem}input[type=range]{width:100%;height:4px;background:var(--accent-dim);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;-webkit-transition:transform var(--transition);transition:transform var(--transition)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=number],input[type=text],select{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;padding:.6rem .9rem;border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition)}input:focus,select:focus{border-color:var(--border-hover)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.pulse-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:pulse-dot 1.8s infinite;flex-shrink:0}.pulse-dot--amber{background:var(--amber)}.pulse-dot--danger{background:var(--danger)}@keyframes scan{0%{transform:translateX(-100%);opacity:0}50%{opacity:1}to{transform:translateX(200%);opacity:0}}.scan-line:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scan 3.5s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s ease both}.fade-up-1{animation-delay:.1s}.fade-up-2{animation-delay:.2s}.fade-up-3{animation-delay:.3s}.fade-up-4{animation-delay:.4s}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.mono{font-family:var(--font-mono)}.accent{color:var(--accent)}.muted{color:var(--text-secondary)}.danger{color:var(--danger)}.success{color:var(--success)}.amber{color:var(--amber)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media (max-width:768px){.container{padding:0 1.25rem}h1{font-size:2.2rem}h2{font-size:1.8rem}}