.login-layout{background:#fff;display:grid;grid-template-columns:46% 54%;min-height:100svh}.login-visual{background:#eef4ff;min-height:100svh;overflow:hidden}.login-visual img{display:block;height:100%;object-fit:cover;width:100%}.login-panel{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:44px 58px 26px;position:relative}.login-brand{margin-bottom:38px}.login-brand .brand-logo{width:min(330px,100%)}.login-card{border:1px solid #dfe5f2;border-radius:13px;box-shadow:0 8px 28px #1c3a7b0a;max-width:640px;padding:36px;width:100%}.login-card h1{color:#102164;font-size:34px;letter-spacing:-1.3px;margin:0;text-align:center}.login-card>p{color:#7888bd;font-size:18px;margin:10px 0 26px;text-align:center}.login-card .auth-tabs{margin:0 0 24px}.login-form{display:grid;gap:20px}.login-field label{color:#17245c;display:block;font-size:15px;font-weight:650;margin-bottom:10px}.login-field input{background:#fff;border:1px solid #cfd9f2;border-radius:9px;color:#24355f;font:inherit;font-size:15px;height:59px;outline:0;padding:0 16px;width:100%}.login-field input:focus{border-color:#3833d4;box-shadow:0 0 0 3px #3833d414}.login-field input[aria-invalid=true]{border-color:#d65a6d}.password-input{position:relative}.password-input input{padding-right:54px}.password-input .password-toggle{align-items:center;background:transparent;border:0;color:#6c7fb8;display:flex;font-size:20px;height:49px;justify-content:center;position:absolute;right:5px;top:5px;width:42px}.login-options{align-items:center;color:#58678f;display:flex;font-size:14px;justify-content:space-between}.login-options label{align-items:center;display:flex;gap:9px}.login-options input{accent-color:#342ed3;height:18px;width:18px}.login-options span{color:#2d26dc}.login-submit{background:linear-gradient(100deg,#3229d1,#4139df);border:0;border-radius:9px;box-shadow:0 7px 14px #332bd42b;color:#fff;font-size:17px;font-weight:650;height:61px;margin-top:3px}.login-submit span{font-size:25px;margin-left:12px}.login-security{border-top:1px solid #e7ebf4;color:#6e7fae!important;font-size:13px!important;margin:25px 0 0!important;padding-top:19px}.login-footer{bottom:24px;color:#7484ad;display:flex;font-size:12px;gap:18px;justify-content:space-between;left:58px;position:absolute;right:58px}.login-footer span{color:#6576a4}@media(max-width:1000px){.login-layout{grid-template-columns:42% 58%}.login-panel{padding:38px}.login-footer{left:38px;right:38px}.login-card{padding:30px}}@media(max-width:760px){.login-layout{display:block}.login-visual{display:none}.login-panel{justify-content:flex-start;min-height:100svh;padding:36px 22px 88px}.login-brand{margin:10px 0 32px}.login-brand .brand-logo{width:260px}.login-card{padding:26px 20px}.login-card h1{font-size:30px}.login-card>p{font-size:15px}.login-footer{bottom:22px;flex-direction:column;gap:4px;left:22px;right:22px;text-align:center}.login-options{font-size:13px}}
.login-submit>span:first-child{font-size:17px;margin:0}.login-submit>span:last-child{font-size:25px;margin-left:12px}
.login-layout{grid-template-columns:42% 58%}.login-panel{padding:34px 48px 22px}.login-brand{margin-bottom:26px}.login-brand .brand-logo{width:min(285px,100%)}.login-card{max-width:540px;padding:28px}.login-card h1{font-size:30px}.login-card>p{font-size:16px;margin:8px 0 21px}.login-form{gap:16px}.login-field label{font-size:14px;margin-bottom:8px}.login-field input{font-size:14px;height:53px}.password-input .password-toggle{height:43px;top:5px}.login-submit{font-size:16px;height:54px}.login-security{margin-top:20px!important;padding-top:16px}.login-footer{left:48px;right:48px}@media(max-width:1000px){.login-layout{grid-template-columns:40% 60%}.login-panel{padding:30px}.login-footer{left:30px;right:30px}}@media(max-width:760px){.login-panel{padding:36px 22px 88px}.login-card{max-width:540px;padding:26px 20px}.login-footer{left:22px;right:22px}}