*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,"Microsoft YaHei",sans-serif;background:#eef4e8}
body{display:grid;place-items:center;min-height:100vh}
.login-card{width:min(360px,calc(100vw - 32px));padding:36px 30px 32px;background:#fff;border:1px solid #c2d8ad;border-radius:4px;box-shadow:0 8px 30px #6c7d5a33;text-align:center}
.login-card h1{margin:0 0 28px;color:#fff;font-size:42px;line-height:1;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px #456b21;background:linear-gradient(#88d63d,#4f9917);padding:18px 0;border-radius:3px}
#loginForm{display:grid;gap:12px}
#loginForm input{height:42px;padding:0 12px;border:1px solid #b9c9aa;border-radius:2px;font-size:15px;outline:0}
#loginForm input:focus{border-color:#629e22;box-shadow:0 0 0 2px #8bc95755}
#loginForm button{height:42px;border:1px solid #4d8b15;border-radius:2px;background:#6aad21;color:#fff;font-size:16px;cursor:pointer}
#loginForm button:hover{background:#5c9e18}
#loginForm button:disabled{opacity:.6;cursor:wait}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.login-error{margin:0;color:#b52c19;font-size:13px;line-height:1.5;min-height:20px}