:root{--scrollbar-track-bg-color: #e6e6e6;--scrollbar-scrollbar-thumb: #c3c3c3;--scrollbar-scrollbar-thumb-active: #acacac}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track-bg-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-scrollbar-thumb-active)}html,body{overflow-x:hidden}.site-content{padding-top:78px}.page-container{position:relative}.page-container:before{content:"";position:absolute;width:400px;height:400px;top:-170px;left:-280px;background:#2f61b30b;border-radius:50%;pointer-events:none;z-index:0}.page-container:after{content:"";position:absolute;width:460px;height:460px;right:-310px;bottom:-210px;background:#2f61b30b;border-radius:50%;pointer-events:none;z-index:-1}.page-container .login-card{position:relative;z-index:1}.login-card{display:grid;grid-template-columns:46% 54%;max-width:1050px;margin:55px auto 70px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #1e375a1f}.login-brand-panel{position:relative;display:flex;align-items:center;padding:55px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.15),transparent 30%),linear-gradient(145deg,#2458a8,#2f65b8,#194b98)}.login-brand-panel:after{content:"";position:absolute;width:280px;height:280px;right:-110px;bottom:-120px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.login-brand-content{position:relative;z-index:2;max-width:390px}.login-brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:70px;font-size:1.7rem;font-weight:700;letter-spacing:-.5px}.login-eyebrow{display:block;margin-bottom:15px;font-size:.75rem;font-weight:600;letter-spacing:1.5px;opacity:.75}.login-brand-text h2{margin:0 0 20px;color:#fff;font-size:2.55rem;line-height:1.15;font-weight:700;letter-spacing:-1px}.login-brand-text p{margin:0;color:#ffffffd1;font-size:1rem;line-height:1.7}.login-features{margin-top:40px}.login-feature{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#ffffffeb;font-size:.92rem}.feature-icon{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#ffffff26;font-size:.65rem}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:45px 50px;background:#fff}.login-form-container{width:100%;max-width:420px}.login-heading{margin-bottom:30px}.login-heading h1{margin:0 0 8px;color:#17233c;font-size:1.8rem;font-weight:700;letter-spacing:-.4px}.login-heading p{margin:0;color:#7b8497;font-size:.92rem;line-height:1.5}.social-login-btn{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;height:50px;margin-bottom:12px;border:1px solid #dce2eb;border-radius:8px;background:#fff;color:#28344b;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.social-login-btn:hover{color:#1e2d45;border-color:#c6d0df;background:#fafbfd;text-decoration:none;box-shadow:0 4px 12px #1e32500f;transform:translateY(-1px)}.social-login-btn img{object-fit:contain}.login-divider{display:flex;align-items:center;gap:14px;margin:25px 0;color:#98a1b2;font-size:.78rem}.login-divider span{flex:1;height:1px;background:#e4e8ee}.login-divider strong{font-weight:500}.login-field{margin-bottom:19px}.login-field label{display:block;margin-bottom:8px;color:#344054;font-size:.83rem;font-weight:600}.login-input{width:100%;height:51px;padding:0 15px;border:1px solid #d9dfe8;border-radius:8px;outline:none;background:#fff;color:#17233c;font-size:.92rem;transition:border-color .2s ease,box-shadow .2s ease}.login-input::placeholder{color:#a2aaba}.login-input:focus{border-color:#3b6fc5;box-shadow:0 0 0 3px #3b6fc51f}.password-label-row{display:flex;align-items:center;justify-content:space-between}.password-label-row a{color:#3267b7;font-size:.78rem;font-weight:500;text-decoration:none}.password-label-row a:hover{text-decoration:underline}.password-input-wrapper{position:relative}.password-input-wrapper .login-input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:5px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#8b95a7;transform:translateY(-50%);cursor:pointer}.password-toggle:hover{color:#3b6fc5}.login-submit{display:flex;align-items:center;justify-content:center;width:100%;height:51px;margin-top:5px;padding:0 20px;border:0;border-radius:8px;background:#2f61b3;color:#fff;font-family:inherit;font-size:.94rem;font-weight:600;cursor:pointer;box-shadow:0 6px 15px #2f61b333;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.login-submit:hover{background:#2855a0;box-shadow:0 8px 20px #2f61b347;transform:translateY(-1px)}.login-submit:active{transform:translateY(0)}.login-submit:focus{outline:none}.login-submit:focus-visible{box-shadow:0 0 0 3px #2f61b32e,0 6px 15px #2f61b333}.login-signup{margin-top:25px;text-align:center;color:#7b8494;font-size:.85rem}.login-signup span{margin-right:4px}.login-signup a{color:#3267b7;font-weight:600;text-decoration:none}.login-signup a:hover{text-decoration:underline}.login-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:28px;color:#9aa3b2;font-size:.8rem}.login-security i{font-size:.68rem}.login-submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}@media(max-width:991px){.login-card{grid-template-columns:100%;margin-top:40px}.login-brand-panel{display:none}.login-form-panel{padding:42px 38px}.login-brand-text h2{font-size:2.1rem}.login-brand-logo{margin-bottom:55px}}@media(max-width:767px){.login-card{display:block;margin:25px 15px 45px;border-radius:14px}.login-brand-panel{display:none}.login-brand-logo{margin-bottom:35px;font-size:1.45rem}.login-brand-text h2{font-size:2rem}.login-brand-text p{font-size:.9rem}.login-features{margin-top:25px}.login-feature{margin-bottom:10px;font-size:.84rem}.login-form-panel{padding:35px 25px 40px}.login-heading h1{font-size:1.6rem}}@media(max-width:400px){.login-brand-panel{padding:25px}.login-form-panel{padding:30px 20px 35px}.login-brand-text h2{font-size:1.8rem}}
