:root{color-scheme:light;font-family:Arial,"Segoe UI",sans-serif;color:#202c25;background:#f7f7f2}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh}
.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,420px);place-content:center;gap:28px;padding:24px}
.brand{display:flex;align-items:center;gap:12px;width:min(100%,420px);margin:auto}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#15533d;color:#fff;font:26px Georgia,serif}
.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{margin-top:2px;font-size:12px;color:#66716b}
.login-card{width:min(100%,420px);padding:32px;background:#fff;border:1px solid #dfe4dc;border-radius:12px;box-shadow:0 12px 36px #14372d0d}
.eyebrow{margin:0 0 12px;color:#15533d;font-size:11px;font-weight:700;letter-spacing:.1em}
h1{margin:0;font:normal 32px/1.2 Georgia,serif}.intro{margin:9px 0 27px;color:#66716b;font-size:14px}
form{display:grid;gap:8px}label{font-size:13px;font-weight:650}input{width:100%;min-height:46px;padding:11px 13px;border:1px solid #cbd5cb;border-radius:8px;background:#fff;color:#202c25;font:inherit;font-size:16px}input:focus{outline:2px solid #9dcdb8;outline-offset:1px}
label:not(:first-child){margin-top:9px}.error{margin:7px 0 0;color:#a53043;font-size:13px;line-height:1.4}
button{min-height:46px;margin-top:16px;border:0;border-radius:8px;background:#15533d;color:#fff;font:700 15px Arial,"Segoe UI",sans-serif;cursor:pointer}button:disabled{opacity:.65;cursor:wait}
.session-note{margin:22px 0 0;color:#66716b;font-size:12px;line-height:1.5}
@media(max-width:520px){.login-page{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:20px 16px}.brand{margin:0}.login-card{padding:26px 20px;box-shadow:none}h1{font-size:29px}}