:root{
  --bg:#0b0d10;
  --card:#12161c;
  --text:#e8eef7;
  --muted:#a9b4c0;
  --accent:#7dd3fc;
  --border:#1f2a37;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.55;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:900px; margin:0 auto; padding:28px 18px}
nav{
  display:flex; gap:16px;
  padding-bottom:16px;
  border-bottom:1px solid var(--border);
  margin-bottom:24px;
}
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  padding:18px;
  margin:16px 0;
}
h1{font-size:32px;margin:0 0 8px}
h2{font-size:18px;margin:18px 0 8px}
p,li{color:var(--muted)}
.footer{
  margin-top:32px;
  padding-top:16px;
  border-top:1px solid var(--border);
  font-size:14px;
  color:var(--muted);
}