body{margin:0;background:#f2f7fb;color:#153d52;font:17px/1.8 system-ui,sans-serif}main{max-width:660px;margin:12vh auto;padding:40px;background:#fff;border:1px solid #d7e4ed;border-radius:16px}h1{font-size:32px}p{color:#4b6576}
label{display:block;margin:18px 0}input{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #b9cfdf;border-radius:8px;font:inherit}button{background:#007fba;color:#fff;border:0;border-radius:8px;padding:12px 24px;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:#007fba}[hidden]{display:none!important}#message{min-height:2em}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #00a2ed;outline-offset:3px}@media(max-width:700px){main{margin:24px 12px;padding:24px}}