:root{--bg-color: hsl(224, 71%, 4%);--bg-grid-color: rgba(99, 102, 241, .03);--card-bg: hsla(222, 47%, 11%, .7);--card-border: hsla(223, 40%, 20%, .4);--accent-cyan: hsl(180, 100%, 45%);--accent-purple: hsl(265, 85%, 60%);--accent-gradient: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%);--text-main: hsl(210, 40%, 98%);--text-muted: hsl(215, 20%, 65%);--color-success: hsl(145, 85%, 45%);--color-danger: hsl(355, 85%, 55%);--color-warning: hsl(40, 95%, 50%);--font-sans: "Inter", system-ui, sans-serif;--font-tech: "Orbitron", monospace;--shadow-glow-cyan: 0 0 20px hsla(180, 100%, 45%, .25);--shadow-glow-purple: 0 0 20px hsla(265, 85%, 60%, .25);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,.15) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,.08) 0,transparent 50%),linear-gradient(to right,var(--bg-grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-color) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,40px 40px,40px 40px;color:var(--text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006;transition:var(--transition-smooth)}.glass-panel:hover{border-color:#2e3f6b99;box-shadow:0 12px 40px #0009}h2,h3,h4{font-family:var(--font-sans);font-weight:700;letter-spacing:-.02em}.title-glow{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(180,100,45,.1)}.number-tech{font-family:var(--font-tech);font-weight:700}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-family:var(--font-sans);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-glow-purple);transition:var(--transition-smooth);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #8b42f073}.btn-secondary{background:#1f2a4766;border:1px solid var(--card-border);color:var(--text-main);padding:12px 24px;border-radius:12px;font-family:var(--font-sans);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-smooth)}.btn-secondary:hover{background:#26355999;border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}.btn-danger{background:#47060b99;border:1px solid var(--color-danger);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-smooth)}.btn-danger:hover{background:var(--color-danger);box-shadow:0 0 15px #ee2b3b66;transform:translateY(-1px)}.input-field{background:#0b101ecc;border:1px solid var(--card-border);border-radius:10px;padding:12px 16px;color:var(--text-main);font-family:var(--font-sans);outline:none;transition:var(--transition-smooth);width:100%}.input-field:focus{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#1f2a4799;outline:none;transition:var(--transition-smooth)}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;box-shadow:var(--shadow-glow-cyan);transition:var(--transition-smooth)}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}@keyframes pulseGlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.live-indicator{display:inline-block;width:8px;height:8px;background-color:var(--accent-cyan);border-radius:50%;position:relative;box-shadow:0 0 8px var(--accent-cyan)}.live-indicator:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:2px solid var(--accent-cyan);animation:pulseGlow 2s infinite ease-in-out}.badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-cyan{background:#00e6e61a;color:var(--accent-cyan);border:1px solid hsla(180,100%,45%,.2)}.badge-purple{background:#8b42f01a;color:var(--accent-purple);border:1px solid hsla(265,85%,60%,.2)}.badge-success{background:#11d4621a;color:var(--color-success);border:1px solid hsla(145,85%,45%,.2)}.badge-danger{background:#ee2b3b1a;color:var(--color-danger);border:1px solid hsla(355,85%,55%,.2)}.mining-counter{background:linear-gradient(135deg,#00e6e626,#8b42f026);border-radius:12px;padding:24px;text-align:center;border:1px solid hsla(180,100%,45%,.2);box-shadow:inset 0 0 20px #0006}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}