:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101b25;color:#edf3f7;font:1rem/1.6 system-ui,sans-serif}main{max-width:30rem;margin:8vh auto;padding:2rem;background:#192936;border:1px solid #466070;border-radius:1rem}h1{font-size:1.8rem;line-height:1.25}label{display:block;font-weight:650;margin-top:1rem}input{width:100%;padding:.8rem;background:#101b25;color:#fff;border:1px solid #8ea6b6;border-radius:.35rem;font:inherit}button{margin-top:1.5rem;width:100%;padding:.9rem;background:#bdeee2;color:#102c28;font:inherit;font-weight:700;border:0;border-radius:.35rem;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #f9d886;outline-offset:3px}.error,.errorlist{color:#ffd0c7}.eyebrow{letter-spacing:.12em;font-size:.8rem;color:#bdd8e6}p{color:#d2e0e9}@media(max-width:36rem){main{margin:2rem 1rem;padding:1.4rem}}

input[type="checkbox"]{width:auto;min-width:1.2rem;min-height:1.2rem;accent-color:#bdeee2}.helptext{display:block;font-size:.88rem;color:#bdd8e6}a{color:#bdeee2}a:focus-visible{outline:3px solid #f9d886;outline-offset:3px}.browser-card{border-top:1px solid #466070;margin-top:1.5rem;padding-top:.6rem}.browser-card h2{font-size:1.1rem}.browser-card button{margin-top:0}