*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:#f4f1eb;color:#25382e;font:16px system-ui,sans-serif;padding:24px}main{width:min(100%,460px);padding:32px;background:#fff;border-radius:22px;box-shadow:0 8px 40px #1833260d}.brand{font-size:30px;font-weight:800;color:#265640;letter-spacing:-1px}h1{font-size:26px;margin:24px 0 12px}p{line-height:1.5;color:#5c6962}label{display:block;font-weight:600;margin:18px 0}input{width:100%;font:inherit;padding:13px;border:1px solid #bbc7bf;border-radius:10px;margin-top:7px}input:focus{outline:2px solid #42795b}button{width:100%;padding:14px;background:#285b40;color:white;border:0;border-radius:10px;font:600 16px system-ui;cursor:pointer;margin-top:14px}button:disabled{opacity:.55;cursor:wait}small{display:block;color:#68756e;line-height:1.5}#message{white-space:pre-line;color:#8a3f28}