@font-face {
  font-family: "IBM VGA";
  src: url("/fonts/ibm-vga-9x16.woff") format("woff");
  font-display: swap;
}
:root {
  --bg: #0a0a0c;
  --surface: #131318;
  --line: #2c2c36;
  --text: #e8e8ec;
  --muted: #a3a3ae;
  --action: #55ffff;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 18px/1.5 "IBM VGA", ui-monospace, monospace;
}
main { max-width: 42rem; margin: 0 auto; padding: 3rem 16px; }
h1 { font-size: 2rem; font-weight: normal; letter-spacing: 0.15em; margin: 0 0 1.5rem; }
h1 a { color: inherit; text-decoration: none; }
h2 { font-size: 1.2rem; font-weight: normal; color: var(--action); margin-top: 2rem; }
p, li { color: var(--muted); }
a { color: var(--action); }
a:focus-visible { outline: 2px solid var(--action); outline-offset: 2px; }
nav { border-top: 1px solid var(--line); margin-top: 3rem; padding-top: 1rem; }
nav a { margin-right: 1.5rem; }
.cursor::after { content: "_"; animation: blink 1s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .cursor::after { animation: none; } }