body{background:#eef2f5;}
.login-pro-shell{background:#eef2f5;}
.login-pro-brand{background:linear-gradient(145deg,#06172b 0%,#0a2949 58%,#124b78 100%);align-items:flex-start;padding:clamp(3rem,7vw,7rem);}
.login-pro-brand::before{width:640px;height:640px;background:radial-gradient(circle,rgba(238,125,50,.13),transparent 63%);}
.login-pro-brand::after{opacity:.5;}
.login-pro-logo-box{border-radius:12px;padding:1.6rem 2rem;margin-bottom:2.25rem;box-shadow:0 20px 55px rgba(0,0,0,.2);}
.login-pro-logo-box img{max-width:250px;max-height:105px;object-fit:contain;}
.login-pro-brand-text{text-align:left;max-width:480px;}
.login-pro-brand-text h2{font-size:23px;letter-spacing:-.3px;margin-bottom:.7rem;}
.login-pro-brand-text p{font-size:13.5px;line-height:1.75;max-width:430px;}
.login-pro-badge{border-radius:6px;padding:7px 11px;margin-top:2rem;font-size:10px;letter-spacing:.65px;text-transform:uppercase;}
.login-pro-formside{background:#f5f7f9;padding:3rem;}
.login-pro-card{max-width:410px;background:#fff;border:1px solid #dce3ea;border-radius:14px;padding:2.25rem 2.3rem;box-shadow:0 18px 55px rgba(6,23,43,.09);}
.login-pro-eyebrow{font-size:10px;color:#1e659f;letter-spacing:1px;margin-bottom:.65rem;}
.login-pro-card h1{font-size:25px;color:#0a223d;letter-spacing:-.5px;margin-bottom:.45rem;}
.login-pro-card .sub{line-height:1.6;margin-bottom:1.7rem;}
.login-pro-card .fg label{font-size:11.5px;color:#40566c;}
.login-pro-card .form-control{height:43px;border-color:#c6d2dd;border-radius:7px;background:#fbfcfd;}
.login-pro-card .form-control:focus{background:#fff;border-color:#1e659f;box-shadow:0 0 0 3px rgba(30,101,159,.11);}
.login-pro-card .btn-primary{height:43px;border-radius:7px;background:#103252;border-color:#103252;font-weight:700;}
.login-pro-card .btn-primary:hover{background:#06172b;border-color:#06172b;}
.login-pro-card hr.div{margin:1.35rem 0;}
.login-pro-card>a.btn{background:#f7f9fb;border-color:#d2dce5;color:#30475d;}
@media(max-width:880px){
  .login-pro-formside{padding:1.25rem;}
  .login-pro-card{padding:1.75rem;max-width:430px;}
  .login-pro-mobile-logo{margin-bottom:1.25rem;}
}
@media(max-width:480px){.login-pro-card{padding:1.4rem;border-radius:11px}.login-pro-card h1{font-size:22px}}