*{box-sizing:border-box;margin:0}html{font-size:10px;overflow-y:scroll}body{font-family:system-ui,sans-serif;font-size:1.6rem;line-height:1.5}h1,h2{font-weight:400}input,textarea,select,button{font-family:inherit;font-size:inherit}button{all:unset;cursor:pointer;color:#fff;cursor:pointer;background-color:#405cf5;border:0;border-radius:.5rem;margin-inline-start:auto;padding:.8rem 1.5rem;font-weight:600}button:hover{opacity:.8}button[disabled]{cursor:not-allowed;background-color:#333}button[disabled]:hover{opacity:1}:focus-visible{outline-offset:.3rem;outline:.2rem solid orange}.page-container{grid-template-rows:auto 1fr auto;height:100vh;display:grid}.page-header,.page-footer{color:#fff;text-align:center;background-color:#000;padding:3rem}.page-footer a{color:#fff;text-decoration:none}.page-footer a:after{content:" ⟶"}.page-footer a:hover{text-decoration:underline}.main-content{flex-direction:column;gap:3rem;padding:5rem 3rem;display:flex}@media screen and (width>700px){.main-content{grid-template-columns:repeat(2,1fr);justify-items:center;display:grid}}.main-content>div{flex-direction:column;gap:3rem;display:flex}.main-content h2{text-align:center}.form{border:1px solid #000;flex-direction:column;gap:1rem;max-width:40rem;margin-inline:auto;padding:2rem 3rem;display:flex}.form>*{flex-direction:column;gap:.5rem;display:flex}.form .checkbox,.form p{flex-direction:row}.form fieldset{border:1px dotted #000}.form .radios>div{align-items:center;gap:1rem;display:flex}.form .required{color:red;font-weight:600}.content ul:empty{display:none}.content ul{padding-inline-start:0;border:1px solid #000;flex-direction:column;gap:1rem;padding:2rem;list-style:none;display:flex}.content li{font-weight:600}.content li span{font-weight:400}.content .reload-page{text-align:center}
