html,body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:#0f172a;color:#e5e7eb}
.wrap{max-width:960px;margin:0 auto;padding:18px}
.card{background:#0b1223;border:1px solid #1f2a44;border-radius:12px;padding:16px;margin:14px 0;box-shadow:0 10px 24px #0003}
.btn{display:inline-block;padding:10px 14px;border:1px solid #27324f;border-radius:10px;text-decoration:none;color:#e5e7eb;background:#111a33;cursor:pointer}
.btn.primary{background:#2563eb;border-color:#2563eb}
.btn.primary:hover{background:#1e4fd1}
.muted{color:#94a3b8}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.note{background:#0d172f;border:1px solid #223055;padding:12px;border-radius:10px}
.progress{height:8px;background:#11203b;border-radius:999px;overflow:hidden;margin:8px 0}
.progress>div{height:100%;background:#22c55e;width:0%}