:root{
  --bg:#0d0f14; --card:#151923; --elev:#1b2130; --line:#2a3242;
  --text:#e6e9ef; --muted:#a7b0c0; --brand:#3aa0ff; --brand-2:#28d0a0; --danger:#ff5d5d;
  --radius:14px; --maxw:980px; --pad:18px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font:14.5px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
a{color:var(--brand); text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:var(--maxw); margin:0 auto; padding:24px var(--pad)}
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:16px}
.header, .footer{background:transparent; border-top:1px solid var(--line)}
.header .bar{display:flex; align-items:center; gap:16px; padding:14px var(--pad)}
.header nav a{margin-right:12px; color:var(--muted)}
.header nav a.active, .header nav a:hover{color:var(--text)}
.logo{display:flex; align-items:center; gap:10px; font-weight:700}
.badge{display:inline-block; padding:4px 10px; border-radius:999px; background:var(--elev); color:var(--muted); border:1px solid var(--line)}
.btn{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:10px;
  border:1px solid var(--line); background:var(--elev); color:var(--text)}
.btn:hover{filter:brightness(1.05)}
.pill{padding:5px 10px; border-radius:999px; border:1px solid var(--line); background:transparent; color:var(--muted)}
.grid{display:grid; gap:16px}
.grid.cols-2{grid-template-columns:1fr 1fr}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
hr{border:0; border-top:1px solid var(--line); margin:24px 0}
img{max-width:100%; height:auto; display:block}
main{min-height:60vh}
.footer .inner{padding:24px var(--pad); color:var(--muted)}
/* kill inline overrides from legacy pages */
body[style], main[style], header[style], footer[style]{background:unset !important;color:unset !important}