*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f5ef;color:#20352b;font:16px/1.6 system-ui,sans-serif;padding:24px}main{width:100%;max-width:460px;padding:40px;background:white;border:1px solid #dce3d7;border-radius:16px;box-shadow:0 18px 60px #20352b12}.brand{font-weight:800;letter-spacing:.22em;color:#4c775c}h1{font-size:27px;line-height:1.2}label{display:block;font-weight:600;margin-top:24px}input,button{font:inherit;width:100%;padding:12px;border-radius:6px;margin-top:8px}input{border:1px solid #96aa9a}button{border:0;background:#244c38;color:white;font-weight:700;cursor:pointer;margin-top:20px}button:disabled{opacity:.6}#message{color:#9b3028;font-size:14px}