:root { color-scheme: dark; --bg:#040d10; --card:#0c1d21; --text:#effffd; --muted:#b4ced0; --accent:#51e0c2; --line:#244246; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 80% 0,#123235,#040d10 48%); 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); }