:root{
  --bg:#0b0f18;
  --panel:#111826e6;
  --line:#243042;
  --text:#e6eef7;
  --muted:#9bb0c9;
  --accent:#7aa2ff;
  --danger:#ff6b6b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Ubuntu,Arial,sans-serif}
a{color:var(--accent);text-decoration:none}
input,button{font:inherit;color:inherit}
input{background:#0e1624;border:1px solid var(--line);border-radius:10px;padding:10px}
button,.btn{cursor:pointer}
.btn{background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 14px;display:inline-flex;align-items:center;gap:8px}
.btn:hover{border-color:#3a4a62}
.btn.ghost{background:transparent}
.btn.small{padding:6px 10px;border-radius:10px}
.btn.danger{border-color:#7a2b2b;background:#2b1a1a}
h1,h2{margin:.3em 0}
@media (prefers-reduced-motion:no-preference){
  .btn{transition:border-color .2s ease, background .2s ease}
}