:root{--bg-dark: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--bg-nav: #0f172a;--accent-cyan: #38bdf8;--accent-cyan-subtle: rgba(56, 189, 248, .12);--accent-red: #ef4444;--accent-red-subtle: rgba(239, 68, 68, .12);--accent-amber: #f59e0b;--accent-amber-subtle: rgba(245, 158, 11, .12);--accent-green: #10b981;--accent-green-subtle: rgba(16, 185, 129, .12);--accent-purple: #a855f7;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-subtle: #334155;--border-accent: #0284c7;--font-heading: "Orbitron", -apple-system, sans-serif;--font-sub: "Rajdhani", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.app-container{display:flex;flex-direction:column;min-height:100vh;padding-bottom:80px}@media(min-width:1024px){.app-container{padding-bottom:30px}}.main-content{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:20px 16px}h1,h2,h3,.font-heading{font-family:var(--font-heading);letter-spacing:.3px}h4,h5,.font-sub{font-family:var(--font-sub);letter-spacing:.3px}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000040;transition:border-color .2s ease,background .2s ease}.glass-panel-interactive{cursor:pointer}.glass-panel-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.glass-panel-cyber{border-left:4px solid var(--accent-cyan)}.btn-cyber{font-family:var(--font-sub);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--accent-cyan);background:var(--accent-cyan-subtle);color:var(--accent-cyan);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.btn-cyber:hover{background:var(--accent-cyan);color:#0f172a}.btn-cyber-magenta{border-color:var(--accent-red);background:var(--accent-red-subtle);color:var(--accent-red)}.btn-cyber-magenta:hover{background:var(--accent-red);color:#fff}.btn-cyber-amber{border-color:var(--accent-amber);background:var(--accent-amber-subtle);color:var(--accent-amber)}.btn-cyber-amber:hover{background:var(--accent-amber);color:#0f172a}.input-cyber{width:100%;padding:10px 14px;background:#0f172a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .2s ease}.input-cyber:focus{border-color:var(--accent-cyan)}.badge-cyber{font-family:var(--font-sub);font-weight:700;font-size:.75rem;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center;gap:5px}.badge-cyan{background:var(--accent-cyan-subtle);color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3)}.badge-magenta{background:var(--accent-red-subtle);color:var(--accent-red);border:1px solid rgba(239,68,68,.3)}.badge-amber{background:var(--accent-amber-subtle);color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.badge-green{background:var(--accent-green-subtle);color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}