:root{color-scheme:dark;--bg:#0b1020;--panel:#151d33;--text:#e6edf7;--accent:#76a9fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}main{max-width:48rem;margin:auto;padding:4rem 1.5rem}header{border-bottom:1px solid #334155;margin-bottom:2rem}h1,h2{color:var(--accent)}article{background:var(--panel);padding:1.5rem;border-radius:.75rem}