:root {
  --ground: #0B0F14;
  --surface: #151B23;
  --text: #F2F5F7;
  --muted: #9AA6B2;
  --green: #2BD96B;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--ground);
  color: var(--text);
  font: 400 17px/1.65 Barlow, system-ui, sans-serif;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 0 20px 64px; }
header { padding: 24px 0 8px; }
.logo {
  color: var(--text);
  font: 800 26px "Barlow Condensed", "Arial Narrow", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}
.logo span { color: var(--green); }
h1 {
  margin: 32px 0 4px;
  font: 800 52px/1 "Barlow Condensed", "Arial Narrow", sans-serif;
  text-transform: uppercase;
}
h2 {
  margin: 36px 0 8px;
  font: 700 26px/1.1 "Barlow Condensed", "Arial Narrow", sans-serif;
  text-transform: uppercase;
}
.updated, footer { color: var(--muted); font-size: 15px; }
a { color: var(--green); }
footer { margin-top: 48px; }
footer a { color: inherit; }