*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#edf4f7;color:#152d38;font:16px system-ui,sans-serif;padding:24px}main{width:min(480px,100%);padding:42px;background:white;border:1px solid #d9e5e9;border-radius:20px;box-shadow:0 18px 60px #24414a12}.brand{font-size:12px;font-weight:750;letter-spacing:2px;color:#08736b}h1{font-size:32px;line-height:1.15;margin:18px 0}p,small{line-height:1.5;color:#4b6570}label{display:block;margin:22px 0;font-weight:600}input{display:block;width:100%;padding:14px;border:1px solid #a8bbc5;border-radius:9px;margin-top:8px;font:inherit}input:focus{outline:3px solid #b5e9db;border-color:#08736b}button{border:0;border-radius:9px;padding:15px;width:100%;font:inherit;font-weight:700;background:#07675e;color:white;cursor:pointer}button:disabled{opacity:.55}#notice{min-height:24px;color:#9a311c}small{font-size:13px}