*{box-sizing:border-box}
:root{
  --bg:#0b1220;
  --card:#0f172a;
  --muted:#94a3b8;
  --text:#e5e7eb;
  --primary:#0ea5e9;
}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:linear-gradient(160deg,#0b1220,#111827);color:var(--text)}
/*.wrap{max-width:720px;margin:32px auto;padding:0 16px}*/
.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
h1{margin:0 0 8px}
.muted{color:var(--muted)}
.actions{display:flex;gap:12px;margin:16px 0 8px;flex-wrap:wrap}
.btn{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0b1220;color:var(--text);cursor:pointer}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#031019;font-weight:700}
.note{font-size:13px;color:var(--muted)}