:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#152320;color:#eef5ef;font:16px/1.7 system-ui,sans-serif}main{max-width:780px;margin:0 auto;padding:48px 24px 64px}a{color:#bdf4cd;text-underline-offset:4px}.brand{font-weight:700;letter-spacing:3px;text-decoration:none;font-size:14px}h1{font-size:38px;line-height:1.2;margin:32px 0}h2{font-size:22px;margin-top:32px}p{color:#d9e6df}nav{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid #53665b;margin-top:40px;padding-top:24px}a:focus-visible{outline:2px solid #bdf4cd;outline-offset:5px}