:root {
  --bg: #071420;
  --panel: #0d1f2c;
  --text: #e8f3ec;
  --dim: #9fb3aa;
  --neon: #4dff88;
  --line: #1d3a46;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
header { margin-bottom: 28px; }
.brand {
  font-weight: 900; letter-spacing: 0.06em; font-size: 28px; color: var(--neon);
  text-shadow: 0 0 18px rgba(77, 255, 136, 0.55); margin: 0;
}
.sub { color: var(--dim); font-family: ui-monospace, Menlo, monospace; font-size: 13px; letter-spacing: 0.12em; margin: 4px 0 0; }
nav { margin-top: 16px; display: flex; gap: 16px; flex-wrap: wrap; font-size: 14px; }
a { color: var(--neon); }
section {
  background: var(--panel); border: 1px solid var(--line); border-radius: 14px;
  padding: 20px 20px 8px; margin-bottom: 24px;
}
h2 { margin: 0 0 4px; font-size: 22px; }
h3 { margin: 22px 0 6px; font-size: 17px; }
.date { color: var(--dim); font-size: 14px; margin: 0 0 12px; }
ul { padding-left: 20px; }
footer { color: var(--dim); font-size: 13px; text-align: center; }