:root {
  --bg: #020817; --panel: rgba(8,18,42,0.85); --cyan: #22d3ee;
  --violet: #a78bfa; --fuchsia: #e879f9; --gold: #fbbf24;
  --muted: #64748b; --text: #cbd5e1;
}
* { box-sizing: border-box; border-radius: 0; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font-family: 'VT323', monospace; font-size: 1.25rem; line-height: 1.6;
}
body::before {
  content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(56,189,248,0.06) 1px, transparent 1px);
  background-size: 34px 34px;
}
.wrap { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; padding: 28px 18px 70px; }
a { color: var(--cyan); }
h1, h2 { font-family: 'Press Start 2P', cursive; text-transform: uppercase; line-height: 1.5; }
h1 { font-size: 1.1rem; color: #fff; margin: 18px 0 8px; }
h2 { font-size: 0.8rem; color: var(--cyan); margin: 34px 0 12px; }
.crumb { font-size: 1rem; color: var(--muted); }
.crumb a { color: var(--muted); }
.crumb a:hover { color: var(--cyan); }
.date { color: var(--muted); font-size: 1rem; margin-bottom: 24px; }
p, li { color: var(--text); }
strong { color: #fff; }
.tip {
  border: 2px solid rgba(34,211,238,0.4); background: rgba(34,211,238,0.05);
  padding: 14px 16px; margin: 20px 0;
}
.tip b { color: var(--cyan); font-family: 'Press Start 2P', cursive; font-size: 0.62rem; display: block; margin-bottom: 8px; }
table { width: 100%; border-collapse: collapse; margin: 18px 0; font-size: 1.05rem; }
th, td { border: 2px solid rgba(255,255,255,0.12); padding: 8px 10px; text-align: left; }
th { color: var(--cyan); font-family: 'Press Start 2P', cursive; font-size: 0.58rem; }
.cta {
  display: block; text-align: center; margin: 36px 0 0; padding: 15px 18px;
  font-family: 'Press Start 2P', cursive; font-size: 0.72rem; text-decoration: none;
  color: var(--bg); background: linear-gradient(135deg, var(--cyan), var(--violet));
  box-shadow: 0 0 22px rgba(34,211,238,0.35);
}
footer { text-align: center; color: var(--muted); font-size: 1rem; margin-top: 44px; }
footer a { color: var(--muted); text-decoration: underline; margin: 0 6px; }
footer a:hover { color: var(--cyan); }