:root { --p: #59ff73; --bg: #030503; }
* { box-sizing: border-box; margin: 0; }
body { background: var(--bg); color: var(--p); font-family: "SF Mono", Menlo, Consolas, monospace; line-height: 1.65; }
.crt { position: fixed; inset: 0; pointer-events: none; opacity: .35;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,.4) 0 1px, transparent 1px 3px); }
main { max-width: 860px; margin: 0 auto; padding: 48px 24px 96px; position: relative; }
h1 { font-size: clamp(40px, 8vw, 72px); letter-spacing: 6px; text-shadow: 0 0 24px var(--p); }
h2 { margin: 44px 0 12px; letter-spacing: 3px; }
h3 { margin: 28px 0 8px; }
p, li { opacity: .85; font-size: 15px; }
a { color: var(--p); }
.tag { opacity: .6; letter-spacing: 3px; margin-bottom: 40px; }
.cta { display: inline-block; border: 3px solid var(--p); padding: 14px 26px; margin: 18px 12px 0 0;
  text-decoration: none; letter-spacing: 2px; font-weight: 700; }
.cta.solid { background: var(--p); color: #000; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin-top: 18px; }
.card { border: 2px solid color-mix(in srgb, var(--p) 45%, transparent); padding: 18px; }
.card b { letter-spacing: 2px; }
footer { margin-top: 72px; opacity: .5; font-size: 12px; }
footer a { margin-right: 16px; }
ul { padding-left: 22px; }
.small { font-size: 12px; opacity: .6; }