html{height:100vh}body{background:linear-gradient(135deg,#85c872,#8ddd77);height:100%}body.login.header-hide .navbar .navbar-brand{background-color:transparent!important;padding:6px 10px}body.login>.navbar{background:transparent!important;padding:.5rem .5rem .5rem 1rem!important}body.login>.navbar .navbar-toggler{background:#fff;border-color:#fff}body.login .login-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:48px 20px;position:absolute;top:0;width:100vw}body.login .login-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);display:flex;max-width:950px;min-height:550px;overflow:hidden;width:100%}body.login .login-left,body.login .login-right{display:flex;flex:1;flex-direction:column;justify-content:center;padding:50px 40px}body.login .login-right{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ebf5);text-align:center}body.login .login-title{color:#1a1a1a;font-size:28px;font-weight:600;margin-bottom:40px;text-align:center}body.login .form-signin{width:100%}body.login .password-wrapper{position:relative}body.login .password-wrapper .toggle-password{background:none;border:none;color:#9ca3af;cursor:pointer;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .3s ease}body.login .password-wrapper .toggle-password:hover{color:#2e5c84}body.login .remember-forgot{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:25px}body.login .remember-me{align-items:center;color:#6b7280;display:flex}body.login .remember-me input[type=checkbox]{cursor:pointer;height:16px;margin-right:8px;width:16px}body.login .remember-me label{cursor:pointer;margin:0;user-select:none}body.login .forgot-password{color:#2e5c84;font-weight:500;text-decoration:none;transition:color .3s ease}body.login .forgot-password:hover{color:#649e53;text-decoration:none}body.login .btn-login{background:linear-gradient(135deg,#2e5c84,#377ab4);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}body.login .btn-login:hover:not(:disabled){box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}body.login .btn-login:active{transform:translateY(0)}body.login .btn-login:is(:disabled){background:#90a6c2;box-shadow:none;cursor:not-allowed}body.login .signup-link{color:#6b7280;font-size:14px;margin-top:25px;text-align:center}body.login .signup-link a{color:#2e5c84;font-weight:600;text-decoration:none;transition:color .3s ease}body.login .signup-link a:hover{color:#649e53}body.login .illustration{height:auto;margin-bottom:30px;max-width:100%}body.login .promo-title{color:#1a1a1a;font-size:22px;font-weight:700;margin-bottom:15px}body.login .promo-text{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:25px}body.login .promo-dots{display:flex;gap:4px;justify-content:center;margin-top:25px;position:relative;z-index:15}body.login .promo-dots .dot{background-color:#d1d5db;border:0;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}body.login .promo-dots .dot.active{background-color:#1f4464;border-radius:8px;width:24px}body.login .carousel{display:flex;flex-direction:column;height:100%;justify-content:center;max-width:395px}body.login .carousel-inner{align-items:center;display:flex;flex:1}body.login .carousel-item{text-align:center;transition:transform .6s ease-in-out}body.login .logo-container{margin-bottom:30px;text-align:center}body.login .logo-container img{height:auto;max-width:120px}body.login .alert{border:0!important;border-radius:12px!important;font-size:14px!important;margin:20px 0 10px!important;padding:12px 16px!important}body.login .alert.alert-danger{background-color:#fee2e2!important;color:#991b1b!important}body.login .alert .close{font-size:20px;line-height:1;opacity:.5;transition:opacity .3s ease}body.login .alert .close:hover{opacity:.8}@media(max-width:1200px){body.login .login-container{max-height:570px}body.login .login-container .logo-container{margin-bottom:2px}body.login .login-container .login-title{font-size:26px;margin-bottom:30px}}@media(max-width:925px){body.login .login-container{max-width:600px}body.login .login-right{display:none}}@media(max-width:768px){body.login .login-container{border-radius:16px;flex-direction:column}body.login .login-left{padding:40px 30px}body.login .login-title{font-size:24px;margin-bottom:30px}}@media(max-width:576px){body.login .navbar{padding:1rem!important}body.login .login-wrapper{padding:10px}body.login .login-left{padding:30px 20px}body.login .login-title{font-size:22px}}