:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#24372c;background:#f4f6f2;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:28px}
.login-card{width:min(100%,380px);padding:42px 34px 36px;background:#fff;border:1px solid #e2e8df;border-radius:16px;box-shadow:0 14px 55px #17382708}
h1{margin:0 0 36px;text-align:center;font-size:28px;font-weight:600;letter-spacing:2px}
label{display:block;font-size:13px;margin:20px 0 8px;color:#657260}
input,button{width:100%;font:inherit;border-radius:8px;min-height:46px}
input{padding:12px;border:1px solid #dce4d7;background:#fff;color:#24372c;font-size:16px}
input:focus-visible,button:focus-visible{outline:3px solid #9ec4ac;outline-offset:3px}
input:focus{border-color:#52866a}
button{border:0;padding:12px;background:#123d32;color:#fff;font-size:14px;cursor:pointer}
button:hover{background:#1c5141}
button:disabled{opacity:.6;cursor:wait}
#login-error{min-height:20px;margin:15px 0;font-size:12px;color:#b46155;line-height:1.6}
@media(max-width:480px){body{padding:20px}.login-card{padding:34px 24px 28px}}