:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#242a31;background:#f5f7f8;font-size:14px;--green:#138761;--border:#e0e6e8}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}
.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:6px;padding:36px}
.brand{font-size:26px;font-weight:750;color:var(--green);margin-bottom:32px}.brand span{font-size:14px;font-weight:500;color:#657168}
h1{font-size:22px;margin:0 0 10px}.subtitle{color:#66756c;font-size:13px;margin:0 0 28px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label{font-size:13px}.field input{width:100%;min-width:0;padding:12px;background:white;border:1px solid var(--border);border-radius:4px;font:inherit}
input:focus-visible,button:focus-visible{outline:3px solid #93ccb7;outline-offset:3px}
.button{font:inherit;cursor:pointer;border:1px solid var(--green);border-radius:4px;padding:12px;width:100%;min-height:44px}
.primary{background:var(--green);color:white}.primary:hover{background:#0e7452}button:disabled{cursor:wait;opacity:.6}
.error-message{font-size:13px;line-height:1.6;color:#923f35;background:#fff1ee;padding:12px;border-radius:4px;overflow-wrap:anywhere}
.login-note{font-size:12px;line-height:1.9;color:#67736b;margin:24px 0 0;overflow-wrap:anywhere}
@media(max-width:480px){body{padding:16px}.login-card{padding:28px 24px}}