*{box-sizing:border-box}body{font:16px system-ui,sans-serif;background:#f4f7f6;color:#183b36;margin:0;padding:24px}main{max-width:460px;margin:8vh auto;background:white;padding:32px;border:1px solid #d9e4e0;border-radius:16px}h1{font-size:28px}label,input,small{display:block}label{margin-top:16px}input{width:100%;padding:12px;margin:8px 0;border:1px solid #8ca59e;border-radius:6px;font:inherit}button{width:100%;margin:24px 0 8px;padding:13px;background:#164e43;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:#17644e}small{color:#475f59}#status{white-space:pre-line}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b68329;outline-offset:3px}