:root{font-family:system-ui,sans-serif;color:#173141;background:#f2f7f9;color-scheme:light}body{margin:0;padding:32px 16px}main{box-sizing:border-box;max-width:480px;margin:6vh auto;background:white;padding:32px;border-radius:16px;box-shadow:0 4px 24px #17314112}h1{font-size:1.6rem}p{line-height:1.8}label{display:block;margin:20px 0}input{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:8px;font:inherit;border:1px solid #859aa6;border-radius:6px}button{width:100%;padding:14px;font:inherit;font-weight:600;background:#146e91;color:white;border:0;border-radius:8px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button[hidden]{display:none}#message{font-weight:600}input:focus-visible,button:focus-visible{outline:3px solid #59b6dc;outline-offset:2px}@media(max-width:360px){main{padding:20px}}