:root {
  --bg: #0b1220;
  --fg: #e5edf8;
  --muted: #9ab0cc;
  --card: #121c30;
  --accent: #66a3ff;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background: linear-gradient(180deg, #0b1220 0%, #101a2e 100%);
  color: var(--fg);
  line-height: 1.6;
}
.wrap {
  width: min(900px, 92%);
  margin: 0 auto;
}
header { padding: 56px 0 20px; }
h1 { margin: 0 0 6px; font-size: clamp(2rem, 4vw, 3rem); }
.tag { margin: 0; color: var(--muted); }
.card {
  background: rgba(18, 28, 48, 0.9);
  border: 1px solid rgba(154, 176, 204, 0.18);
  border-radius: 14px;
  padding: 22px;
  margin: 14px 0;
}
h2, h3 { margin-top: 0; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
ul { padding-left: 20px; }
.foot {
  color: var(--muted);
  padding: 30px 0 42px;
}