*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:#21352c;font:16px/1.6 system-ui,sans-serif;display:grid;min-height:100vh;place-items:center;padding:24px}main{width:min(100%,420px);background:white;padding:36px;border:1px solid #dbe3df;border-radius:16px}h1{font-size:24px;line-height:1.4;margin:0 0 12px}p{color:#58685f}label{display:block;margin:20px 0 8px}input,button{width:100%;font:inherit;border-radius:8px;padding:11px 14px}input{display:block;margin-top:8px;border:1px solid #abbab2}button{margin-top:24px;border:0;background:#245c42;color:white;cursor:pointer}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #8ab89b;outline-offset:3px}#message{color:#a7352d;min-height:26px}