:root{--bg-primary: #090a0f;--bg-secondary: #11141d;--bg-tertiary: #181d2a;--bg-glass: rgba(17, 20, 29, .75);--bg-glass-hover: rgba(26, 32, 48, .85);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(99, 102, 241, .35);--border-active: #6366f1;--accent-cyan: #06b6d4;--accent-indigo: #6366f1;--accent-violet: #8b5cf6;--accent-emerald: #10b981;--accent-amber: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .4);--shadow-glow: 0 0 35px rgba(99, 102, 241, .22);--shadow-glow-cyan: 0 0 35px rgba(6, 182, 212, .22)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.ambient-glow{position:fixed;top:0;left:50%;transform:translate(-50%);width:1200px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,rgba(6,182,212,.08) 40%,transparent 70%);pointer-events:none;z-index:0;filter:blur(80px)}.grid-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#ffffff29}.gradient-text{background:linear-gradient(135deg,#fff,#cbd5e1,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-brand{background:linear-gradient(135deg,#38bdf8,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;font-size:15px;padding:12px 24px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 25px #6366f159;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 35px #6366f18c;background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;color:var(--text-primary);font-weight:500;font-size:15px;padding:12px 22px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:#ffffff17;border-color:#ffffff2e}.code-container{background:#0b0d14;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13.5px;color:#e2e8f0;position:relative}.badge-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.pulse-animation{animation:pulseGlow 4s infinite ease-in-out}