:root{font-family:"Helvetica Neue",Arial,sans-serif;color:#1c2320;background:#f3f4f1;color-scheme:light dark}
*{box-sizing:border-box}body{margin:0;min-height:100svh;padding:32px 18px;display:grid;place-items:center}
.login-card{width:min(100%,440px);padding:36px;background:#fff;border:1px solid #d6dbd6;border-radius:14px;box-shadow:0 12px 40px #1c23200b}
h1{font-size:1.75rem;line-height:1.2;margin:10px 0 20px}p{line-height:1.55;margin:0 0 20px}.eyebrow{font-weight:700;letter-spacing:.06em;color:#1f6b52;margin:0}.hint{font-size:.85rem;color:#5c6964;margin:18px 0 0}
.login-button{display:block;padding:13px 20px;border-radius:7px;background:#1f6b52;color:#fff;text-align:center;font-weight:700;text-decoration:none}.login-button:hover{background:#17543f}.login-button:focus-visible{outline:3px solid #a36400;outline-offset:4px}
.notice{border:2px solid #a36400;background:#fff3d6;color:#553600;padding:14px;border-radius:7px}[hidden]{display:none!important}
@media(prefers-color-scheme:dark){:root{color:#e3eae5;background:#121715}.login-card{background:#1a201d;border-color:#2e3732}.eyebrow{color:#6cc6a2}.hint{color:#aab8b0}.notice{background:#382a0d;color:#ffdc99;border-color:#e8b25c}}
@media(max-width:400px){.login-card{padding:24px}}