.login-page{min-height:100vh;min-height:100dvh;background:#f2f5fa;display:grid;place-items:center;padding:40px 24px}
.login-layout{width:100%;max-width:1080px;padding:0;display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:white;border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #19397312}
.login-intro{padding:54px 44px;background:linear-gradient(145deg,#edf3ff,#f8faff);display:flex;flex-direction:column;align-items:flex-start}
.login-logo{width:210px;max-width:100%;margin-bottom:64px}
.login-badge{font-size:12px;color:var(--blue);border:1px solid #cedcff;border-radius:20px;padding:7px 14px;margin-bottom:18px}
.login-intro h1{font-size:35px;line-height:1.65;margin:0 0 20px;color:var(--navy)}
.login-intro p{font-size:14px;line-height:2.2;max-width:350px}
.login-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:30px;font-size:11px;color:#516788}
.login-tagline{margin-top:auto;padding-top:40px;color:#8293ad;font-size:11px}
.login-panel{padding:60px 48px 26px;display:flex;flex-direction:column;justify-content:center}
.login-form-wrap{width:100%;max-width:350px;margin:auto}
.login-panel h2{font-size:25px;margin:12px 0}
.login-description{font-size:13px;margin-bottom:32px}
#login-form label{display:block;font-size:13px;margin:20px 0 10px}
#login-form input{width:100%;height:52px;border:1px solid var(--border);border-radius:9px;background:#fafbfd;padding:12px 14px;outline:none;text-align:right}
#login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2459e015;background:white}
#login-form input::placeholder{color:#a1adbf;font-size:12px}
.password-field{position:relative}
#login-form .password-field input{padding-left:70px}
#toggle-password{position:absolute;left:8px;top:8px;height:36px;padding:0 10px;background:transparent;color:var(--blue);font-size:11px}
.login-error{font-size:12px;color:#ba3545;min-height:24px;margin:10px 0}
.login-submit{width:100%;height:52px;display:flex;align-items:center;justify-content:space-between}
.login-demo{font-size:11px;line-height:2;background:#f5f8fe;border:1px solid var(--border);border-radius:9px;padding:12px 14px;margin-top:22px}
.login-copyright{font-size:10px;color:#9aa7ba;text-align:center;margin-top:40px}
.login-page button:focus-visible{outline:3px solid #92b1ff;outline-offset:3px}
@media(max-width:760px){.login-page{padding:20px 14px}.login-layout{grid-template-columns:1fr;min-height:auto;max-width:480px;border-radius:18px}.login-intro{padding:26px 28px}.login-logo{width:165px;margin-bottom:24px}.login-intro h1{font-size:26px;margin-bottom:10px}.login-intro h1 br{display:none}.login-intro p{font-size:12px}.login-badge{margin-bottom:10px;font-size:11px}.login-benefits{margin-top:16px;gap:8px 14px}.login-tagline{display:none}.login-panel{padding:32px 28px 24px}.login-panel h2{font-size:23px}.login-description{margin-bottom:24px}.login-copyright{margin-top:24px}}