:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#000000;color:#fff9ee;line-height:1.65}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:850px;margin:auto;padding:28px}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #303030}header img{width:58px;border-radius:12px}header a{font-size:22px;color:#fff9ee;text-decoration:none;font-weight:750}nav{margin-left:auto;display:flex;gap:22px}nav a{font-size:15px;color:#d0c9bd}h1{font-size:clamp(34px,6vw,54px);line-height:1.1;letter-spacing:-1.5px;margin:35px 0 22px}h2{font-size:22px;margin-top:35px}p,li{color:#d0c9bd}a{color:#f6c779;text-underline-offset:4px}.eyebrow{font-size:13px;letter-spacing:2px;color:#f6c779;text-transform:uppercase}.card{background:#111111;border:1px solid #303030;border-radius:20px;padding:28px;margin:30px 0}.button{display:inline-block;background:#f6c779;color:#000000;padding:12px 21px;border-radius:12px;text-decoration:none;font-weight:700}footer{font-size:13px;color:#c3bbae;border-top:1px solid #303030;margin-top:30px}code{overflow-wrap:anywhere}img.brand{width:100%;max-width:520px;display:block;margin:30px auto}@media(max-width:520px){header,main,footer{padding:22px}nav{gap:12px}header a{font-size:18px}.card{padding:20px}}

:focus-visible{outline:2px solid #f6c779;outline-offset:4px}header a:focus-visible,footer a:focus-visible{border-radius:2px}