@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-primary:#0a1220;--bg-secondary:#0d1828;--bg-tertiary:#131f33;--bg-card:#131f3399;--bg-card-hover:#18263ccc;--bg-glass:#0d182880;--bg-panel:#0e1a2c;--cyan:#4a9eff;--cyan-glow:#4a9eff4d;--cyan-dim:#4a9eff1a;--green:#10b981;--green-glow:#10b9814d;--purple:#6366f1;--purple-glow:#6366f14d;--amber:#f59e0b;--red:#ef4444;--blue:#4a9eff;--text-primary:#e8eef8;--text-secondary:#94a3b8;--text-tertiary:#5e6b80;--text-accent:#4a9eff;--border:#94a3b81a;--border-strong:#4a9eff40;--border-hover:#4a9eff66;--status-ok:#10b981;--status-warn:#f59e0b;--status-alert:#ef4444;--gradient-primary:linear-gradient(135deg, #4a9eff 0%, #6366f1 100%);--gradient-hero:linear-gradient(180deg, #4a9eff0d 0%, transparent 60%);--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--side-pad:clamp(24px, 4vw, 72px);--navbar-h:68px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.025em;font-weight:800}code,pre,kbd,samp{font-family:var(--font-mono)}a{color:var(--cyan);text-decoration:none;transition:color .15s}a:hover{color:#7cb7ff}::selection{color:#fff;background:#4a9eff4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#4a9eff2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a9eff52}.container,.container-wide{width:100%;max-width:none;padding:0 var(--side-pad);margin:0}.container-narrow{width:100%;max-width:1240px;padding:0 var(--side-pad);margin:0 auto}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:8px}.gradient-text{background:linear-gradient(90deg,#4a9eff,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grid-bg{background-image:linear-gradient(#94a3b806 1px,#0000 1px),linear-gradient(90deg,#94a3b806 1px,#0000 1px);background-size:64px 64px}.noise:after{content:"";pointer-events:none;z-index:9999;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.025'/></svg>");position:fixed;inset:0}pre.code-block{border:1px solid var(--border);border-left:3px solid var(--cyan);color:var(--text-secondary);border-radius:6px;margin:24px 0;padding:22px 26px;font-size:13px;line-height:1.7;overflow-x:auto;background:#0006!important}pre.code-block .keyword{color:#a78bfa}pre.code-block .string{color:#5eead4}pre.code-block .comment{color:#5e6b80;font-style:italic}pre.code-block .function{color:#4a9eff}pre.code-block .number{color:#fbbf24}code:not(.code-block){color:var(--cyan);font-size:.88em;font-family:var(--font-mono);background:#4a9eff1a;border-radius:4px;padding:2px 7px}.mono-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-size:11px;font-weight:600}.btn-primary{background:var(--cyan);color:#0a1220;font-family:var(--font-body);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:10px;padding:12px 26px;font-size:15px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.btn-primary:hover{color:#0a1220;background:#7cb7ff}.btn-secondary{color:var(--text-primary);font-family:var(--font-body);border:1px solid var(--border);cursor:pointer;background:#94a3b80f;border-radius:6px;align-items:center;gap:10px;padding:12px 26px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);background:#94a3b81a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes scan-line{0%{top:-5%}to{top:105%}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{50%{border-color:#0000}}@keyframes orb-float-1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,10px)scale(1.02)}}@keyframes orb-float-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-40px,30px)scale(1.1)}66%{transform:translate(30px,-30px)scale(.9)}}