:root{--bg-deep:#030712;--bg-surface:#11182799;--bg-surface-hover:#111827cc;--accent-teal:174, 90%, 55%;--accent-violet:262, 83%, 58%;--accent-blue:217, 91%, 60%;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-glow:#14b8a626;--border-glow-active:#7c3aed66;--font-heading:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", ui-monospace, monospace;--ease-premium:cubic-bezier(.16, 1, .3, 1);--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--accent-teal))}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#14b8a608 1px,#0000 1px),linear-gradient(90deg,#14b8a608 1px,#0000 1px);background-position:50%;background-size:40px 40px;position:fixed;inset:0}body:after{content:"";z-index:-2;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#7c3aed14 0%,#0000 70%);width:60vw;height:60vw;position:fixed;top:-10%;left:20%}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.1}p{color:var(--text-secondary)}a{color:hsl(var(--accent-teal));transition:all var(--transition-speed) var(--ease-premium);text-decoration:none}a:hover{color:#fff;text-shadow:0 0 10px #14b8a666}.gradient-text{background:linear-gradient(135deg, #fff 30%, hsl(var(--accent-teal)) 70%, hsl(var(--accent-violet)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);transition:all .4s var(--ease-premium);border-radius:16px;padding:2rem}.glass-panel:hover{background:var(--bg-surface-hover);border-color:var(--border-glow-active);transform:translateY(-4px);box-shadow:0 10px 30px -10px #7c3aed26,inset 0 1px #ffffff0d}.btn{font-family:var(--font-heading);cursor:pointer;transition:all .3s var(--ease-premium);border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:hsl(var(--accent-teal));color:var(--bg-deep);border:none;box-shadow:0 0 20px #14b8a633}.btn-primary:hover{color:var(--bg-deep);background:#fff;transform:scale(1.03);box-shadow:0 0 30px #fff6}.btn-secondary{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1a}.btn-secondary:hover{border-color:hsl(var(--accent-violet));background:#ffffff14;transform:scale(1.03);box-shadow:0 0 20px #7c3aed33}.code-block{font-family:var(--font-mono);text-align:left;border:1px solid #ffffff0d;border-radius:8px;padding:1.25rem;font-size:.9rem;position:relative;overflow-x:auto;background:#030712cc!important}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:.9}}.glow-dot{background-color:hsl(var(--accent-teal));width:8px;height:8px;box-shadow:0 0 10px hsl(var(--accent-teal));border-radius:50%;animation:2s ease-in-out infinite pulseGlow}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}