:root{color-scheme:dark;--bg:#101916;--surface:#19251f;--text:#eff6f0;--muted:#b5c7bd;--accent:#b8f3ca}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 system-ui,sans-serif}main{max-width:800px;margin:auto;padding:48px 24px}header{padding:24px 0 40px}header>p:first-of-type{letter-spacing:.15em;font-size:13px;color:var(--accent)}h1{font-size:clamp(34px,7vw,58px);line-height:1.12;letter-spacing:-.04em}h2{font-size:26px;line-height:1.3}h3{font-size:20px}p,li{color:var(--muted)}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}section{padding:20px 0;border-top:1px solid #34443b}nav{display:flex;gap:10px;flex-wrap:wrap}nav a,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;background:var(--surface);border:1px solid #455d4e;border-radius:12px}.button{background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none}code{color:var(--text)}li{padding:5px 0}footer{padding:24px 0}footer a{display:inline-block;min-height:44px}@media(max-width:420px){main{padding:24px 20px}h2{font-size:23px}}