:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1b2733;background:#f4f7fa}
*{box-sizing:border-box}
body{max-width:44rem;margin:0 auto;padding:3rem 1.25rem;min-height:100vh;background:#fff;box-shadow:0 0 2rem rgba(24,48,72,.08)}
h1{font-size:1.8rem;margin:0 0 1.5rem}
h2{font-size:1.25rem;margin-top:2rem}
form{max-width:32rem}
label{display:block;margin:1rem 0;font-weight:600}
input,select{display:block;width:100%;margin-top:.35rem;padding:.7rem .75rem;border:1px solid #9eacb9;border-radius:.35rem;background:#fff;font:inherit}
input:focus,select:focus{outline:3px solid rgba(36,91,138,.2);border-color:#245b8a}
button{padding:.75rem 1.25rem;border:0;border-radius:.35rem;background:#245b8a;color:#fff;font:inherit;font-weight:700;cursor:pointer}
button:hover{background:#19466d}
a{color:#175d91}
[role=alert]{padding:.8rem;border-left:4px solid #b33b32;background:#fff1f0}
section{margin:2rem 0;padding:1rem;border:1px solid #d7e0e8;border-radius:.5rem}
@media(max-width:36rem){body{padding:1.5rem 1rem;box-shadow:none}h1{font-size:1.5rem}button{width:100%}}