*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f2f4f3;color:#243b35;font:16px/1.65 'Segoe UI',sans-serif;padding:24px}main{width:min(460px,100%);padding:36px;background:white;border:1px solid #dbe3de;border-radius:10px;box-shadow:0 18px 50px #1536290a}h1{font-size:28px;line-height:1.25;margin:14px 0 20px}.mark{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:#477262}label{display:grid;gap:7px;margin:16px 0;font-size:13px}input{width:100%;padding:12px;border:1px solid #c7d2cc;border-radius:5px;font:inherit}button{border:0;background:#176a56;color:white;padding:12px 20px;border-radius:5px;font:600 15px 'Segoe UI';cursor:pointer;margin-top:12px}button:disabled{opacity:.5}#error{color:#943a2d;font-size:13px}[hidden]{display:none!important}