:root{--bg: #0b0c10;--bg-elevated: #14161d;--bg-card: #191b23;--border: #2a2d38;--text: #e8e9ec;--text-muted: #9599a6;--accent: #ffd166;--accent-dim: #b89747;--accent-blue: #4ea1ff;--danger: #ff6b6b}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Orbitron,Inter,sans-serif;letter-spacing:.02em;margin:0}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.container{max-width:1080px;margin:0 auto;padding:0 24px 64px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;background:#ffd1661f;color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.state-msg{padding:48px 0;text-align:center;color:var(--text-muted)}.state-msg.error{color:var(--danger)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}