:root{
  --bg:#071426;--bg2:#0b1d33;--panel:#10243d;--panel2:#142b47;--border:#294461;
  --text:#f4f7fb;--muted:#aab9c9;--accent:#2eb7e5;--accent2:#1a6f91;--good:#39b86e;
  --warn:#d7a94b;--bad:#d95c5c;--shadow:0 18px 55px rgba(0,0,0,.24);--radius:16px;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:radial-gradient(circle at 85% 0%,rgba(46,183,229,.10),transparent 30%),var(--bg)}
button,select,input{font:inherit} button{cursor:pointer}.hidden{display:none!important}
a{color:inherit}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--accent);font-weight:800}
.card{background:linear-gradient(180deg,rgba(20,43,71,.98),rgba(16,36,61,.98));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.btn{border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:.72rem 1rem;border-radius:10px;font-weight:750}.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#04111e}.btn.ghost{background:transparent}.btn.danger{background:rgba(217,92,92,.14);border-color:rgba(217,92,92,.5)}
.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .58rem;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.035);font-size:.78rem;color:var(--muted)}
.score-good{color:var(--good)}.score-warn{color:var(--warn)}.score-bad{color:var(--bad)}