:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#071b19;color:#e9eee3;font:17px/1.65 system-ui,-apple-system,sans-serif}header{max-width:1120px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}a{color:#ffdb94}.brand{font-size:24px;letter-spacing:.24em;text-decoration:none;color:#ffdb94}nav{display:flex;gap:18px;font-size:14px}main{max-width:900px;margin:0 auto;padding:28px 24px 72px}h1,h2,h3{font-weight:500;color:#ffdb94;line-height:1.2}h1{font-size:clamp(32px,5vw,54px)}h2{margin-top:1.7em}p,li{max-width:75ch}blockquote{border-left:3px solid #ffdb94;padding-left:16px;color:#b5c9be}.hero img{display:block;width:100%;height:auto;border-radius:14px}.intro{padding-top:18px}.button{display:inline-block;background:#ffdb94;color:#12302a;padding:10px 20px;border-radius:6px;text-decoration:none}footer{border-top:1px solid #1d4038;text-align:center;color:#a5bbb0;padding:24px;font-size:13px}code{overflow-wrap:anywhere}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap}}