.login-page{min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:linear-gradient(135deg,#edf3fa,#f8fbfd)}
.login-card{width:100%;max-width:420px;margin:0;padding:32px;background:white;border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #0f2d5b0d}
.login-logo{display:block;width:180px;max-width:100%;height:auto;margin:0 auto 24px}
.login-card .eyebrow,.login-card h1,.login-description{text-align:center}.login-card h1{font-size:26px}.login-description{color:var(--muted);margin:0 0 28px;font-size:14px}
.login-field{margin-bottom:20px}.login-field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.login-field input{display:block;width:100%;border:1px solid #b9c7d7;border-radius:7px;padding:11px 12px;background:white;color:var(--text);font:inherit}.login-field input:focus{outline:3px solid color-mix(in srgb,var(--brand-accent) 25%,transparent);border-color:var(--brand-primary)}
.login-submit{width:100%;border:0;border-radius:7px;padding:12px;background:var(--brand-primary);color:white;font-weight:650;cursor:pointer;border-bottom:3px solid var(--brand-accent)}.login-submit:hover{background:var(--brand-primary);filter:brightness(1.12)}.login-help{font-size:11px;color:var(--muted);text-align:center;margin:24px 0 0}.login-error{background:#fff1f1;color:#8d2525;border:1px solid #edc5c5;padding:12px;border-radius:7px;font-size:13px;margin-bottom:20px}
@media(max-width:480px){.login-card{padding:24px}.login-logo{width:150px}}
#toggle-password{margin-top:8px;border:1px solid var(--brand-primary);border-radius:6px;background:white;color:var(--brand-primary);padding:7px 10px;cursor:pointer}