*{box-sizing:border-box}body{font:15px system-ui,sans-serif;background:#292a2e;color:#f3f3f3;margin:0}main{max-width:650px;margin:45px auto;padding:30px;background:#3c3d42;border-radius:12px}h1{margin-top:0}p{color:#c4c5ca;line-height:1.7}form,label{display:grid;gap:9px}form{gap:20px}input{width:100%;background:#25262a;border:1px solid #686970;border-radius:6px;color:white;padding:12px;font:inherit}fieldset{border:1px solid #65666b;display:grid;gap:16px;padding:20px;border-radius:8px}button,a{background:#ae153b;color:white;padding:14px;border:0;border-radius:7px;font:inherit;text-decoration:none;cursor:pointer}.error{color:#ffc4d1;background:#542b35;padding:15px}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #ffa3bc;outline-offset:3px}@media(max-width:680px){main{margin:15px;padding:20px}}
input[type=radio]{width:auto;display:inline-block;margin-inline-end:8px}details{padding:15px;border:1px solid #65666b;border-radius:8px}summary{cursor:pointer}details fieldset{margin-top:15px}