:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101114;color:#ececf0}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:64px 24px}nav,footer{display:flex;gap:20px;flex-wrap:wrap}nav{margin-bottom:56px}a{color:#e3afbd;text-underline-offset:4px}h1{font-size:clamp(30px,6vw,46px);letter-spacing:-.04em;line-height:1.12}h2{font-size:21px;margin-top:32px}p,li{line-height:1.8;color:#c6c8d0}small{color:#9599a6}footer{border-top:1px solid #30333b;margin-top:48px;padding-top:24px;font-size:14px}a:focus-visible{outline:2px solid #e3afbd;outline-offset:5px}@media(max-width:500px){main{padding-top:32px}nav{margin-bottom:36px}}