:root{color-scheme:light;--paper:#f6f7f1;--ink:#172c28;--muted:#52635c;--line:#d2d9ce;--green:#245f48;--lime:#d4f36a;--coral:#a13c27}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:28px 20px;background:var(--paper);color:var(--ink);font:18px/1.65 "Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif}
.login-card{width:min(100%,440px);padding:38px 32px;background:#fffef9;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 40px #172c2808}
.eyebrow{margin:0 0 18px;font-size:18px;font-weight:700;letter-spacing:.12em;color:var(--green)}
h1{margin:0;font-size:clamp(28px,7vw,34px);line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}
.intro{margin:18px 0 28px;color:var(--muted)}
label{display:block;margin-bottom:8px;font-weight:650}
input,button{width:100%;min-height:56px;font:inherit;border-radius:12px}
input{border:1px solid var(--line);padding:12px 14px;background:white;color:var(--ink)}
input[aria-invalid="true"]{border-color:var(--coral)}
button{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:20px;padding:12px 18px;border:1px solid var(--green);background:var(--green);color:white;text-align:left;font-weight:650;cursor:pointer;white-space:normal}
button:hover{background:#1c503c}button:disabled{opacity:.65;cursor:wait}
:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.error{color:var(--coral);margin:12px 0 0;overflow-wrap:anywhere}
.session-note{margin:24px 0 0;color:var(--muted);font-size:18px}
[hidden]{display:none!important}
@media(max-width:380px){.login-card{padding:30px 22px}body{padding:20px 16px}}