*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101112;color:#eaeaea;font:17px/1.8 system-ui,sans-serif}main{max-width:880px;margin:auto;padding:48px 24px 80px}header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #38332b;padding-bottom:24px}header img{width:64px;height:64px;border-radius:14px}nav{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}a{color:#ffda70;text-underline-offset:4px}h1{font-size:2rem;line-height:1.4;margin:0}h2{font-size:1.3rem;margin-top:36px;color:#ffdc81}p{margin:14px 0}footer{border-top:1px solid #38332b;margin-top:48px;padding-top:20px;color:#bbb}a:focus-visible{outline:2px solid #ffda70;outline-offset:5px}