:root{--bg:#0b0f12;--panel:#0f1720;--muted:#94a3b8;--accent:#06b6d4;--text:#e6eef6}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg),#061018);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial}.topbar{padding:20px 28px;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent);border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:center}.topbar h1{margin:0;font-size:18px;letter-spacing:1px}.container{padding:28px;max-width:1100px;margin:0 auto}.hero{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:28px;border-radius:12px}.card{background:var(--panel);padding:16px;border-radius:10px}@media (max-width:800px){.container{padding:16px}}.spinner{width:28px;height:28px;border-radius:50%;border:4px solid rgba(255,255,255,.08);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{height:8px;background:#ffffff0a;border-radius:6px;overflow:hidden}.progress-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#34dce6);width:0%}.muted{color:var(--muted)}