@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&display=swap";:root{--bg-0: #05050a;--bg-1: #0a0a0f;--bg-2: #111118;--bg-3: #1a1a2e;--bg-card: #0e0e18;--border: #22223a;--border-hover: #00ff8855;--line: #1b2236;--line-2: #283353;--grid: #0c101c;--amber: #ffb437;--text: #e8e8f0;--text-dim: #8888a0;--text-faint: #55556a;--neon-green: #00ff88;--neon-cyan: #00ccff;--neon-pink: #ff3388;--neon-orange: #ff9544;--neon-purple: #b388ff;--neon-yellow: #ffcc44;--gradient-main: linear-gradient(90deg, var(--neon-green), var(--neon-cyan));--gradient-hot: linear-gradient(135deg, var(--neon-pink), var(--neon-orange));--gradient-cool: linear-gradient(135deg, var(--neon-cyan), var(--neon-purple));--shadow-glow: 0 0 24px rgba(0, 255, 136, .18);--shadow-card: 0 8px 32px rgba(0, 0, 0, .5);--shadow-hover: 0 12px 48px rgba(0, 0, 0, .6), 0 0 24px rgba(0, 255, 136, .12);--radius: 5px;--radius-sm: 3px;--radius-lg: 6px;--ff-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--ff-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, .68, .53)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--ff-mono);background:var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(0,255,136,.06),transparent 60%),var(--bg-0);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 35%,transparent 80%)}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.13) 0,rgba(0,0,0,.13) 1px,transparent 2px,transparent 3px);opacity:.22;mix-blend-mode:multiply}@media (prefers-reduced-motion: reduce){body:after{display:none}}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}img{display:block;max-width:100%}header,main,footer,section{position:relative;z-index:1}.grad-text{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1280px;margin:0 auto;padding:0 var(--sp-6)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--bg-card);font-size:.85rem;font-weight:600;letter-spacing:.5px;transition:all .2s;cursor:pointer}.btn:hover{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 16px #0f83}.btn-primary{background:var(--neon-green);color:#04130c;border-color:var(--neon-green);font-weight:700}.btn-primary:hover{color:var(--bg-0);transform:translateY(-1px);box-shadow:0 8px 20px #00ff884d}.badge{display:inline-block;padding:2px 10px;font-size:.65rem;border-radius:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.badge.live{background:#00ff8826;color:var(--neon-green);border:1px solid var(--neon-green);box-shadow:0 0 12px #00ff884d}.badge.live:before{content:"● ";animation:pulse 1.5s ease-in-out infinite}.badge.soon{background:#8888a01a;color:var(--text-dim);border:1px solid var(--border)}.badge.beta{background:#ff954426;color:var(--neon-orange);border:1px solid var(--neon-orange)}@keyframes pulse{50%{opacity:.5}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--neon-green)}::selection{background:var(--neon-green);color:var(--bg-0)}
