:root{
  --bg:#0b1020;
  --panel:#121a2e;
  --muted:#8aa0c3;
  --text:#e6eefb;
  --accent:#3b82f6;
  --accent-2:#22c55e;
  --danger:#ef4444;
  --border:#25304a;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size:16px;
  line-height:1.5;
}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
header{display:flex;align-items:center;justify-content:space-between;margin:1rem 0}
.brand{display:flex;align-items:center;gap:.8rem}
.brand-logo{font-weight:800;font-size:1.35rem;color:#fff;text-decoration:none;letter-spacing:-.03em}
.brand-logo span{color:#6c63ff}
nav a,.btn,button{
  display:inline-block;
  padding:.5rem .9rem;
  border:1px solid var(--border);
  border-radius:.5rem;
  text-decoration:none;
  color:var(--text);
  background:transparent;
  transition:.15s background, .15s color, .15s border-color;
}
.btn:hover,nav a:hover{border-color:var(--muted)}
.btn-primary{background:var(--accent);border-color:var(--accent);color:white}
.btn-primary:hover{filter:brightness(1.05)}
.btn-danger{background:var(--danger);border-color:var(--danger);color:white}
.pill{background:#1f2942;color:var(--muted);padding:.2rem .6rem;border-radius:999px;font-size:.85rem}
.card{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:1rem;margin:.75rem 0}
fieldset{border:1px solid var(--border);border-radius:.5rem;padding:1rem;margin:1rem 0}
legend{color:var(--muted)}
label{display:inline-block;margin:.35rem .6rem .35rem 0}
input,select{background:#0e1527;color:var(--text);border:1px solid var(--border);border-radius:.4rem;padding:.45rem .6rem}
input:focus,select:focus{outline:none;border-color:var(--accent)}
h1{font-size:1.75rem;margin:.5rem 0 1rem}
h2{font-size:1.3rem;color:var(--muted)}