@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary:#030712;--bg-secondary:#0a0f1e;--bg-tertiary:#111827;--bg-card:#0f172a99;--bg-card-hover:#0f172acc;--bg-glass:#0f172a66;--cyan:#06b6d4;--cyan-glow:#06b6d44d;--cyan-dim:#06b6d41a;--green:#10b981;--green-glow:#10b9814d;--purple:#8b5cf6;--purple-glow:#8b5cf64d;--amber:#f59e0b;--red:#ef4444;--blue:#3b82f6;--text-primary:#f0f4f8;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-accent:#06b6d4;--border:#94a3b81a;--border-hover:#06b6d44d;--gradient-primary:linear-gradient(135deg, #06b6d4, #8b5cf6);--gradient-hero:linear-gradient(135deg, #06b6d426, #8b5cf61a, #10b98114)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2}code,pre{font-family:JetBrains Mono,monospace}a{color:var(--cyan);text-decoration:none;transition:color .2s}a:hover{color:#22d3ee}::selection{color:#fff;background:#06b6d44d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.container{max-width:1280px;margin:0 auto;padding:0 24px}.container-wide{max-width:1440px;margin:0 auto;padding:0 24px}.container-narrow{max-width:800px;margin:0 auto;padding:0 24px}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grid-bg{background-image:linear-gradient(#94a3b808 1px,#0000 1px),linear-gradient(90deg,#94a3b808 1px,#0000 1px);background-size:60px 60px}pre.code-block{border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;margin:24px 0;padding:24px;font-size:14px;line-height:1.6;overflow-x:auto;background:#0006!important}pre.code-block .keyword{color:#c084fc}pre.code-block .string{color:#34d399}pre.code-block .comment{color:#64748b}pre.code-block .function{color:#38bdf8}pre.code-block .number{color:#fbbf24}code:not(.code-block){color:var(--cyan);background:#06b6d41a;border-radius:4px;padding:2px 8px;font-size:.9em}@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)}}