@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Syne:wght@400;600;700;800&display=swap";:root{--bg:#080c10;--surface:#0d1117;--surface2:#161b22;--border:#21262d;--accent:#f97316;--accent2:#ef4444;--accent3:#22d3ee;--green:#4ade80;--text:#e6edf3;--muted:#7d8590;--font-mono:"JetBrains Mono", monospace;--font-display:"Syne", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#f9731614 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#22d3ee0d 0%,#0000 50%);position:fixed;inset:0}.page{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:680px;padding:2rem}.btn{background:var(--accent);color:#000;font-family:var(--font-mono);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:#fb923c;transform:translateY(-1px);box-shadow:0 4px 20px #f973164d}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface2);border-color:var(--accent);color:var(--accent);box-shadow:none}.btn-cyan{background:var(--accent3);color:#000}.btn-cyan:hover{background:#67e8f9;box-shadow:0 4px 20px #22d3ee4d}input,select{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--muted)}select option{background:var(--surface2)}.tag{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.tag-red{color:var(--accent2)}.tag-orange{color:var(--accent)}.tag-cyan{color:var(--accent3)}.tag-green{color:var(--green)}.nav-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;max-width:680px;margin-bottom:2rem;padding-bottom:1rem;display:flex}.nav-logo{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;font-size:1rem;font-weight:800}.progress-bar{background:var(--border);border-radius:2px;width:100%;max-width:680px;height:3px;margin-bottom:2rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent3));border-radius:2px;height:100%;transition:width .4s}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.grid-2{grid-template-columns:1fr}.card{padding:1.25rem}}.blink{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.fade-in{animation:.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 6px #4ade8000}}.spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}