:root{color-scheme:dark}
body{margin:0;background:#000;color:#eee;font:17px/1.6 system-ui,Segoe UI,Roboto,sans-serif}
header,main,footer{max-width:760px;margin:0 auto;padding:1rem 1.2rem}
header{display:flex;align-items:center;gap:.8rem;border-bottom:2px solid #d62828}
header img{width:44px;height:44px;border-radius:8px}
header a{color:#fff;text-decoration:none;font-weight:700}
nav{margin-left:auto;display:flex;gap:1rem}
nav a{font-weight:400;color:#bbb}
h1,h2{color:#fff}h2{border-left:4px solid #d62828;padding-left:.6rem;margin-top:2rem}
a{color:#ff5a5a}a:focus,a:hover{color:#fff}
.hero img{max-width:100%;border-radius:10px;border:1px solid #333}
footer{color:#888;font-size:.9rem;border-top:1px solid #222;margin-top:2rem}
code{background:#1a1a1a;padding:.1em .35em;border-radius:4px}