*{box-sizing:border-box}body{margin:0;background:#f4f6ef;font-family:Arial,"Microsoft YaHei",sans-serif;color:#45553d;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(440px,100%);background:#fff;border:1px solid #dce5d3;border-radius:18px;padding:36px;box-shadow:0 16px 60px #304d2120}.mark{font-size:40px;color:#71945c}.eyebrow{font-size:11px;letter-spacing:2px;color:#839477}h1{font-size:25px;font-weight:500;margin:12px 0 18px}p{font-size:13px;line-height:1.9;color:#8a987e}label{display:block;font-size:12px;margin:26px 0 10px}input,button{width:100%;padding:13px 14px;border-radius:7px;font:14px inherit}input{border:1px solid #dce5d3;outline-color:#7e9c6b}button{border:0;background:#3d6243;color:white;margin-top:15px;cursor:pointer}button:disabled{opacity:.5}small{display:block;font-size:11px;line-height:1.8;color:#9ba690;margin-top:22px}#loginError{font-size:12px;color:#a86c4e;min-height:18px;margin-top:12px}