*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f4f5ef;color:#304b3c;font-family:system-ui,sans-serif;padding:24px}main{width:min(440px,100%);padding:36px;background:white;border:1px solid #dce2d5;border-radius:12px}.brand{font-size:12px;letter-spacing:2px}h1{font-size:30px;margin:22px 0 12px}p{line-height:1.7;font-size:14px;color:#65715e}form{margin-top:24px}label{display:flex;flex-direction:column;gap:8px;margin:18px 0;font-size:14px}input,button{font:inherit;font-size:16px;min-height:46px;border-radius:6px;padding:10px 12px}input{border:1px solid #bbc8b1;width:100%}button{background:#304b3c;color:white;border:0;width:100%;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#message{color:#964b3e;min-height:24px}.help{font-size:12px;margin-top:24px}@media(max-width:500px){main{padding:26px 22px}body{padding:16px}}