@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #080b1a;--bg-secondary: #0f1328;--bg-tertiary: #161b35;--bg-elevated: #1a2040;--accent: #00e5a0;--accent-hover: #00ffb3;--accent-glow: rgba(0, 229, 160, .1);--accent-secondary: #3b82f6;--accent-warm: #f59e0b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #475569;--border: #1e293b;--border-active: #2d3a52;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Work Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--nav-bg: rgba(8, 11, 26, .9);--grid-opacity: .15;--pre-bg: #060814;--pre-code: #cbd5e1}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: #e2e8f0;--accent: #059669;--accent-hover: #047857;--accent-glow: rgba(5, 150, 105, .08);--accent-secondary: #2563eb;--accent-warm: #d97706;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--border-active: #cbd5e1;--success: #059669;--error: #dc2626;--warning: #d97706;--nav-bg: rgba(248, 250, 252, .92);--pre-bg: #f1f5f9;--pre-code: #334155;--grid-opacity: .4}:root{transition:--accent .3s ease,--accent-hover .3s ease,--accent-glow .3s ease}::selection{background:var(--accent);color:var(--bg-primary)}[data-theme=light] ::selection{background:var(--accent);color:#fff}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--bg-primary),var(--bg-secondary))}::-webkit-scrollbar-thumb{background:var(--border);border-radius:0;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-family:var(--font-mono);background:var(--bg-primary);padding:2px 8px;border-radius:2px;font-size:.84em;color:var(--accent);border:1px solid var(--border)}pre{background:var(--pre-bg);border-left:3px solid var(--accent);padding:20px 24px;overflow-x:auto;font-size:13px;line-height:1.8;margin:16px 0}pre code{background:none;padding:0;border:none;color:var(--pre-code)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:var(--grid-opacity);pointer-events:none;z-index:0}#root{position:relative;z-index:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.neon-orb{background:radial-gradient(circle at 50% 50%,var(--bg-primary) 0%,var(--bg-primary) 90%,transparent 100%);box-shadow:0 0 60px 2px #00e5a04d,0 0 100px 5px #00e5a026,inset 0 0 60px 2px #00e5a014;border:1px solid rgba(0,229,160,.25)}[data-theme=light] .neon-orb{background:radial-gradient(circle at 50% 50%,var(--bg-primary) 0%,var(--bg-primary) 90%,transparent 100%);box-shadow:0 0 60px 2px #05966933,0 0 100px 5px #0596691a,inset 0 0 60px 2px #0596690d;border:1px solid rgba(5,150,105,.3)}.neon-beam-container{position:absolute;inset:-2px;border-radius:50%;will-change:transform}.neon-beam{position:absolute;top:0;left:50%;width:60px;height:4px;margin-left:-30px;border-radius:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent 0%,rgba(0,229,160,.5) 30%,rgba(0,229,160,.9) 70%,rgba(0,229,160,1) 100%);box-shadow:0 0 20px 4px #00e5a099,0 0 40px 8px #00e5a04d}[data-theme=light] .neon-beam{background:linear-gradient(90deg,transparent 0%,rgba(5,150,105,.4) 30%,rgba(5,150,105,.8) 70%,rgba(5,150,105,1) 100%);box-shadow:0 0 20px 4px #05966980,0 0 40px 8px #05966940}.neon-spin-6{animation:neon-spin 6s linear infinite}.neon-spin-7-reverse{animation:neon-spin-reverse 7s linear infinite}.neon-spin-8{animation:neon-spin 8s linear infinite}.neon-spin-10-reverse{animation:neon-spin-reverse 10s linear infinite}@keyframes neon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neon-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}