:root{--bg-dark: #03060c;--bg-surface: rgba(12, 19, 32, .82);--bg-surface-elevated: rgba(18, 28, 47, .92);--bg-input: rgba(6, 10, 18, .92);--nv-green: #76b900;--nv-neon: #00ff66;--nv-glow: rgba(118, 185, 0, .35);--nv-glow-intense: rgba(0, 255, 102, .5);--meta-violet: #8b5cf6;--meta-magenta: #d946ef;--meta-glow: rgba(139, 92, 246, .3);--accent-cyan: #06b6d4;--accent-danger: #ff3366;--accent-warning: #ffaa00;--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(118, 185, 0, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-apple: 0 20px 50px -15px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-nv: 0 0 35px var(--nv-glow)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:14px 14px 48px;line-height:1.5;background-image:radial-gradient(circle at 50% -10%,rgba(118,185,0,.18) 0%,transparent 60%),radial-gradient(circle at 100% 60%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(6,182,212,.1) 0%,transparent 45%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.app-shell{width:100%;max-width:720px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.eskom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#00ff6614;border:1px solid rgba(0,255,102,.25);border-radius:var(--radius-md);font-size:.775rem;font-weight:800}header.nav-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg-surface);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-apple);position:sticky;top:12px;z-index:100}.brand-group{display:flex;align-items:center;gap:14px}.brand-logo{width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,#000,#121c2d);border:1px solid var(--nv-green);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--nv-glow)}.brand-logo svg{width:24px;height:24px;color:var(--nv-neon)}.brand-meta{display:flex;flex-direction:column}.brand-name{font-weight:900;font-size:1.2rem;letter-spacing:-.03em;color:#fff;display:flex;align-items:center;gap:8px}.nvidia-badge{font-size:.65rem;background:#76b90026;border:1px solid var(--nv-green);color:var(--nv-neon);padding:2px 8px;border-radius:var(--radius-full);font-weight:800;letter-spacing:.05em}.brand-sub{font-size:.75rem;color:var(--text-muted);font-weight:600}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn{background:var(--bg-input);border:1px solid var(--border-glass);color:var(--text-muted);width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.icon-btn:hover{color:#fff;border-color:var(--nv-green);background:#76b9001a;box-shadow:0 0 15px #76b90033}.icon-btn.active{color:var(--nv-neon);border-color:var(--nv-green);background:#76b90026}.tab-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:var(--bg-surface);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:6px;border-radius:var(--radius-lg);border:1px solid var(--border-glass);box-shadow:var(--shadow-apple)}.tab-bar-3{grid-template-columns:repeat(3,1fr)}.tab-btn{background:transparent;border:none;color:var(--text-muted);padding:10px 2px;border-radius:var(--radius-md);font-size:.7rem;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .25s ease;font-family:var(--font-sans)}.tab-btn svg{width:17px;height:17px}.tab-btn:hover{color:#fff;background:#ffffff0a}.tab-btn.active{background:linear-gradient(135deg,#76b900e6,#00c850e6);color:#04070d;box-shadow:0 4px 20px var(--nv-glow-intense);font-weight:900}.drawer-panel{background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:20px;display:none;flex-direction:column;gap:16px;box-shadow:var(--shadow-apple);animation:slideDown .3s cubic-bezier(.16,1,.3,1)}.drawer-panel.open{display:flex}.card{background:var(--bg-surface);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-apple);display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between}.card-title{font-size:1.2rem;font-weight:900;color:#fff;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.card-sub{font-size:.85rem;color:var(--text-muted);line-height:1.5}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.game-card{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .25s ease;text-align:center}.game-card:hover{border-color:var(--nv-green);transform:translateY(-2px);box-shadow:0 0 20px var(--nv-glow)}.game-icon-box{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,#76b90033,#8b5cf633);display:flex;align-items:center;justify-content:center;margin:0 auto;font-weight:900;color:var(--nv-neon);font-size:1.1rem}.form-group{display:flex;flex-direction:column;gap:6px}label{font-size:.775rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}input[type=text],input[type=email],input[type=number],input[type=password]{width:100%;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:14px 16px;color:#fff;font-family:var(--font-sans);font-size:.95rem;outline:none;transition:all .25s ease}input:focus{border-color:var(--nv-green);box-shadow:0 0 0 3px var(--nv-glow)}.input-hint{font-size:.75rem;color:var(--text-subtle)}.btn{padding:14px 22px;font-size:.95rem;font-weight:800;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .25s cubic-bezier(.16,1,.3,1);font-family:var(--font-sans);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--nv-green) 0%,#00cc55 100%);color:#04070d;box-shadow:0 6px 24px var(--nv-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--nv-glow-intense)}.btn-secondary{background:var(--bg-input);border-color:var(--border-glass);color:#fff}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.btn-danger{background:#ff33661f;border-color:#ff33664d;color:var(--accent-danger)}.btn-danger:hover{background:var(--accent-danger);color:#fff;box-shadow:0 6px 20px #ff336659}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.alert{padding:14px 18px;border-radius:var(--radius-md);font-size:.875rem;display:flex;align-items:center;gap:12px;line-height:1.45}.alert-error{background:#ff33661f;border:1px solid rgba(255,51,102,.3);color:#ff99b3}.alert-success{background:#00ff661f;border:1px solid rgba(0,255,102,.3);color:var(--nv-neon)}.alert-warning{background:#ffaa001f;border:1px solid rgba(255,170,0,.3);color:#ffd699}.alert-info{background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);color:#d8b4fe}.user-pill-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-apple)}.user-pill-info{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--nv-green),var(--meta-violet));color:#04070d;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:900}.user-id-mono{font-family:var(--font-mono);font-weight:800;color:#fff;font-size:.9rem}.rig-list{display:flex;flex-direction:column;gap:14px}.rig-card{background:#0e1624cc;border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:14px;transition:all .25s ease;cursor:pointer}.rig-card:hover{border-color:var(--border-glass-hover);background:#142034e6;transform:translateY(-2px)}.rig-card.selected{border-color:var(--nv-green);background:#76b90014;box-shadow:0 0 25px var(--nv-glow)}.rig-header{display:flex;align-items:flex-start;justify-content:space-between}.rig-name{font-weight:900;font-size:1.05rem;color:#fff;display:flex;align-items:center;gap:10px}.tier-badge{font-size:.675rem;font-weight:900;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-full);letter-spacing:.06em}.tier-premium{background:#76b90026;border:1px solid var(--nv-green);color:var(--nv-neon)}.tier-interruptible{background:#ffaa0026;border:1px solid var(--accent-warning);color:#ffd699}.rig-price{font-family:var(--font-mono);font-weight:900;font-size:1.15rem;color:var(--nv-neon);text-align:right}.rig-price-sub{font-size:.725rem;color:var(--text-subtle);font-weight:600}.rig-specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--bg-input);padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-glass)}.spec-item{display:flex;flex-direction:column;gap:3px}.spec-label{font-size:.65rem;color:var(--text-subtle);font-weight:700;text-transform:uppercase}.spec-val{font-size:.8rem;font-weight:800;color:#fff}.session-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.status-requested,.status-granted,.status-pairing{background:#ffaa0026;color:#ffd699;border:1px solid rgba(255,170,0,.4)}.status-active{background:#00ff6626;color:var(--nv-neon);border:1px solid var(--nv-green);box-shadow:0 0 15px var(--nv-glow)}.status-ended,.status-failed{background:#94a3b826;color:var(--text-muted);border:1px solid rgba(148,163,184,.35)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.4s infinite}@keyframes pulse{0%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}to{opacity:.4;transform:scale(.85)}}.pin-display-box{background:linear-gradient(135deg,#76b90026,#8b5cf626);border:2px dashed rgba(0,255,102,.4);border-radius:var(--radius-xl);padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 0 35px var(--nv-glow)}.pin-title{font-size:.8rem;font-weight:900;color:var(--nv-neon);text-transform:uppercase;letter-spacing:.15em}.pin-code{font-family:var(--font-mono);font-size:3.6rem;font-weight:900;letter-spacing:.35em;color:#fff;text-shadow:0 0 30px var(--nv-neon);padding-left:.35em}.pin-instruction{font-size:.85rem;color:var(--text-muted);font-weight:600}.telemetry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--bg-input);padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border-glass);text-align:center}.telemetry-val{font-family:var(--font-mono);font-size:1.25rem;font-weight:900;color:#fff}.data-table{width:100%;border-collapse:collapse;font-size:.825rem}.data-table th{text-align:left;padding:10px 12px;background:var(--bg-input);color:var(--text-subtle);font-weight:800;text-transform:uppercase;font-size:.7rem;border-bottom:1px solid var(--border-glass)}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border-glass);color:var(--text-main)}.guide-step{display:flex;gap:16px;padding:14px;background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-glass)}.step-num{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--nv-green),var(--meta-violet));color:#04070d;font-weight:900;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.code-snippet{font-family:var(--font-mono);font-size:.8rem;background:#020408;padding:10px 12px;border-radius:var(--radius-sm);color:var(--nv-neon);border:1px solid rgba(118,185,0,.2);word-break:break-all;margin-top:6px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}