:root{color-scheme:dark}
body{margin:0;background:#141c24 radial-gradient(circle at 20% -10%,#2b3a44,transparent 60%);color:#efe4d2;font:16px/1.65 Manrope,system-ui,sans-serif}
.info{max-width:760px;margin:0 auto;padding:32px 22px 60px}
.info header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f6e8cc35;padding-bottom:18px;margin-bottom:34px}
.info header a{display:flex;gap:10px;align-items:center;color:#fff1dc;text-decoration:none;font:800 28px "Bricolage Grotesque",sans-serif;letter-spacing:-.04em}
.info header a img{width:34px;height:34px}.info header a span{color:#ff8f5a}
.info header nav a{font:700 14px Manrope,sans-serif;letter-spacing:0;border:1px solid #f6e8cc55;border-radius:8px;padding:8px 12px}
h1{font:800 clamp(34px,6vw,52px)/1.05 "Bricolage Grotesque",sans-serif;letter-spacing:-.035em;color:#fff1dc;margin:0 0 8px}
h2{font:800 22px/1.2 "Bricolage Grotesque",sans-serif;color:#ffcf9f;margin:34px 0 8px}
p,li{color:#e2d6c3}a{color:#ffb27a}ul{padding-left:22px}
.lead{font-size:18px;color:#f3e8d6}.muted{color:#a9a093;font-size:14px}
footer{margin-top:48px;border-top:1px solid #f6e8cc35;padding-top:16px;display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
