.login-page{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--page-bg,#f5f4f0);color:var(--text,#252525)}
.login-card{box-sizing:border-box;width:min(100%,460px);padding:36px;border:1px solid #d9d4cd;border-radius:24px;background:var(--surface,#fff);box-shadow:0 20px 60px #0000000d}
.login-logo{max-width:170px;height:auto}.login-card h1{font-size:1.8rem;line-height:1.2;margin:12px 0}.login-card p{line-height:1.6}.login-card form{display:grid;gap:10px;margin:24px 0}.login-card input{box-sizing:border-box;min-height:48px;max-width:100%;font:inherit;padding:10px 12px;border:1px solid #87796e;border-radius:8px}.login-card label{font-weight:650}.login-card button{margin-top:14px;min-height:48px}.login-card small{display:block;line-height:1.6}.login-error{padding:12px;border:1px solid #b53f27;border-radius:8px;color:#8c2416;background:#fff0ec}.login-card :focus-visible{outline:3px solid #125cc7;outline-offset:3px}
.login-card label{font-size:1rem;color:inherit;letter-spacing:normal}
@media(max-width:480px){.login-page{padding:16px}.login-card{padding:24px 20px}.login-card h1{font-size:1.5rem}}
@media(prefers-color-scheme:dark){.login-page{background:#17191d;color:#f1f2f4}.login-card{background:#23262c;border-color:#50545d}.login-card input{background:#17191d;color:#fff;border-color:#838895}.login-error{background:#42201c;color:#ffd8d0}}