.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#eef3f7}.login-shell{width:100%;max-width:460px;margin:0 auto}.login-panel{width:100%}.login-card{width:100%;padding:28px 26px 22px;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-xs)}.login-brand{display:flex;flex-direction:column;gap:12px;margin-bottom:22px;text-align:left}.login-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--gray-700);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.login-brand h1{font-size:1.52rem;font-weight:800;line-height:1.15;color:var(--text)}.login-brand p{color:var(--text-muted);font-size:.88rem}.login-card-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--gray-150)}.login-card h2{color:var(--gray-850);font-size:.92rem;font-weight:700}.login-form{margin-top:18px}.login-input{min-height:46px}.password-wrap{position:relative}.password-input{padding-right:42px}.toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--text-soft);cursor:pointer;padding:0;line-height:0}.toggle-password-btn:hover{color:var(--accent-blue)}.toggle-password-btn:focus{outline:2px solid rgba(58,103,159,.14);outline-offset:2px;border-radius:6px}.login-submit-btn{min-height:44px;margin-top:10px}.login-error{margin-bottom:12px;padding:12px;background:var(--accent-red-soft);border:1px solid #efcecb;border-radius:var(--radius);font-weight:600}.login-footer{margin-top:14px;text-align:center}.login-footer-text{color:var(--text-soft);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}@media (max-width: 480px){.login-page{padding:18px}.login-card{padding:22px 18px 18px}.login-brand h1{font-size:1.34rem}.login-brand p{font-size:.84rem}}