*{box-sizing:border-box}body{margin:0;background:#101010;color:#fff;font:1rem/1.5 system-ui,sans-serif}main{width:min(100% - 2rem,44rem);margin:3rem auto}a{color:#fff}h1{font-size:clamp(2.5rem,8vw,5rem);line-height:1;margin:1rem 0;text-transform:uppercase}section{background:#202020;border-top:4px solid #ef4444;padding:clamp(1rem,4vw,2rem);border-radius:.5rem}#progress{color:#ddd}h2{line-height:1.25}form{display:grid;gap:.5rem}label{display:flex;align-items:center;gap:.75rem;padding:.7rem;background:#303030;border-radius:.35rem;cursor:pointer}input{accent-color:#ef4444}button{font:inherit;font-weight:750;background:#b91c1c;color:white;border:0;border-radius:.35rem;padding:.7rem 1rem;cursor:pointer}button:focus-visible,a:focus-visible,label:focus-within{outline:3px solid white;outline-offset:3px}