:root {
  --bg: #0b0c10; --card:#111218; --text:#eaf0ff; --muted:#a8b0c2; --brand:#7aa2ff;
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#0b0c10}
header{position:sticky;top:0;background:#0f1118;border-bottom:1px solid #1b1e28;padding:12px 16px}
header h1{margin:0;font-size:20px;display:inline-block}
nav{float:right}
nav a{color:var(--muted);text-decoration:none;margin-left:12px}
nav a:hover{color:var(--text)}
main{max-width:900px;margin:24px auto;padding:0 16px}
section{background:linear-gradient(180deg,#121421,#0f1118);border:1px solid #1b2030;border-radius:14px;padding:16px;margin:16px 0}
h2{margin-top:0}
footer{border-top:1px solid #1b1e28;color:var(--muted);padding:16px;text-align:center}