:root{font-family:system-ui,sans-serif;color:#162438;background:#f3f6fa;font-size:17px;line-height:1.6}*{box-sizing:border-box}body{margin:0;padding:1.2rem}main{max-width:30rem;margin:4vh auto;padding:2rem;border:1px solid #d9e2eb;border-radius:1rem;background:#fff}nav{font-size:.85rem}h1{margin-bottom:.4rem}label,input,button{display:block;width:100%}label{margin-top:1rem}input{padding:.75rem;border:1px solid #8192a5;border-radius:.35rem;font:inherit}button{margin-top:1rem;padding:.8rem;background:#143e69;color:white;border:0;border-radius:.35rem;font:inherit;cursor:pointer}button:disabled{opacity:.65}a{color:#075699}#status{min-height:3rem}input:focus,button:focus,a:focus{outline:3px solid #db9d36;outline-offset:3px}@media(max-width:420px){body{padding:.6rem}main{padding:1.1rem;margin:1vh auto}}