:root{color-scheme:dark;background:#0a1020;color:#f7f4e9;font:17px/1.6 Manrope,system-ui,sans-serif}
*{box-sizing:border-box} body{margin:0} a{color:inherit} .wrap{width:min(100% - 44px,1000px);margin:auto}
header,footer{border-block:1px solid #2a3446;padding:20px 0} header .wrap,footer .wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}
.brand{font-weight:800;text-decoration:none;color:#c6ff3d} main{padding:clamp(36px,8vw,94px) 0}
h1,h2{font-family:Fraunces,Georgia,serif;line-height:1.1} h1{font-size:clamp(38px,7vw,82px);max-width:13ch;margin:.15em 0 .35em} h2{font-size:clamp(28px,4vw,43px)}
p,li{max-width:64ch;color:#e0e3e9} .panel{background:#121d31;border:1px solid #2a3446;border-radius:20px;padding:clamp(22px,4vw,42px);margin:52px 0 30px}
li+li{margin-top:12px}.button{display:inline-block;background:#c6ff3d;color:#0a1020;font-weight:800;text-decoration:none;padding:11px 20px;border-radius:30px} :focus-visible{outline:2px solid #c6ff3d;outline-offset:5px}