:root { --bg:#0b0d12; --fg:#e6e9ef; --accent:#f48120; }
* { box-sizing: border-box; }
html,body { margin:0; padding:0; background:var(--bg); color:var(--fg);
  font: 16px/1.6 system-ui, -apple-system, sans-serif; }
main { max-width: 720px; margin: 8vh auto; padding: 0 24px; }
h1 { font-size: clamp(28px, 5vw, 48px); margin: 0 0 16px; color: var(--accent); }
.meta { opacity: .7; font-size: 14px; margin: 4px 0; }
code { background:#1a1f2c; padding:2px 6px; border-radius:4px; }
.cta { display:inline-block; margin-top:24px; padding:10px 18px;
  background:var(--accent); color:#000; text-decoration:none; border-radius:6px;
  font-weight:600; }
.cta:hover { filter: brightness(1.1); }