:root { color-scheme: dark; --bg:#071713; --card:#102720; --text:#f3fff8; --muted:#b9d3c6; --accent:#70d69c; --line:#28473a; }
* { box-sizing: border-box; }
body { margin:0; background:linear-gradient(180deg,#071713,#0b1e18); color:var(--text); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(860px,calc(100% - 32px)); margin:0 auto; padding:36px 0 64px; }
nav { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:30px; }
a { color:var(--accent); }
h1 { font-size:clamp(32px,6vw,48px); line-height:1.08; margin:0 0 10px; }
h2 { margin:30px 0 8px; font-size:22px; }
p,li { color:var(--muted); }
.meta,.card { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:18px 20px; }
.meta strong,.card strong { color:var(--text); }
footer { margin-top:40px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); }