/* .auth-page {
    padding: 60px 0;
    min-height: calc(100vh - 200px);
    background: linear-gradient(135deg,#c2e9fb 0%,#e0c3fc 100%);
}

.auth-card {
    border-radius: 14px;
    border: none;
}

.auth-card .card-header {
    border-radius: 14px 14px 0 0;
}

.auth-card .form-control {
    border-radius: 8px;
    padding: 12px;
}

.auth-card .btn {
    border-radius: 8px;
    padding: 12px;
    font-weight: 600;
}

.auth-card .form-label {
    font-weight: 600;
}

.auth-card .text-danger {
    font-size: 13px;
} */
/* body.auth-page {

min-height:100vh;

display:flex;

align-items:center;

background:linear-gradient(135deg,#c2e9fb 0%,#e0c3fc 100%);

}

.auth-card{

border:none;

border-radius:14px;

overflow:hidden;

}

.auth-card .card-header{

border-radius:14px 14px 0 0;

}

.auth-card .form-control{

border-radius:8px;

padding:12px;

}

.auth-card .btn{

border-radius:8px;

padding:12px;

font-weight:600;

}

.password-toggle{

cursor:pointer;

position:absolute;

right:12px;

top:50%;

transform:translateY(-50%);

color:#777;

}

.password-wrapper{

position:relative;

}

.strength-meter{

height:5px;

border-radius:5px;

margin-top:6px;

background:#eee;

}

.strength-meter span{

display:block;

height:100%;

border-radius:5px;

width:0%;

transition:width .3s;

}
 */
/*  .auth-page {
background: #f5f7fb;
}

.auth-info-panel {

background: linear-gradient(135deg,#4e73df,#224abe);
color: white;

display: flex;
align-items: center;
justify-content: center;

padding: 60px;

}

.info-wrapper {
max-width: 420px;
}

.info-wrapper h2 {
font-weight: 700;
}

.info-box ul {
padding-left: 18px;
}

.auth-form-container {

width: 100%;
max-width: 420px;

}

.auth-card {

border-radius: 14px;
border: none;

}

.password-wrapper {
position: relative;
}

.password-toggle {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: #777;
}

.strength-meter {
height: 5px;
background: #e5e5e5;
border-radius: 4px;
margin-top: 6px;
}

.strength-meter span {
display: block;
height: 100%;
width: 0;
background: #28a745;
border-radius: 4px;
transition: width .3s;
} */
.auth-container{

display:flex;

/* height:100vh; */

overflow:hidden;

}

/* LEFT PANEL */

.auth-left{

width:45%;

background:linear-gradient(135deg,#4e73df,#224abe);

color:white;

position:fixed;

left:0;

top:0;

bottom:0;

padding:150px 40px;

overflow:hidden;
z-index:-1;

}

.auth-left-inner{

max-width:90%;

}

/* RIGHT PANEL */

.auth-right{

margin-left:45%;

width:55%;

min-height:100vh;

overflow-y:auto;

background:#f5f7fb;

padding:60px 40px;

}

/* FORM */

.auth-form-wrapper{

max-width:550px;

margin:auto;

}

.auth-card{

border-radius:14px;

border:none;

}

/* PASSWORD */

.password-toggle {
    cursor: pointer;
}

/* PASSWORD STRENGTH */

.password-strength {
margin-top:6px;
}

.strength-bar {
height:6px;
background:#e5e5e5;
border-radius:5px;
overflow:hidden;
}

.strength-bar span {
display:block;
height:100%;
width:0%;
transition:all .3s ease;
}

/* strength colors */

.strength-weak span{
background:#dc3545;
}

.strength-fair span{
background:#fd7e14;
}

.strength-good span{
background:#ffc107;
}

.strength-strong span{
background:#28a745;
}

.strength-text{
display:block;
margin-top:5px;
font-weight:500;
}

.strength-suggestions{
padding-left:18px;
margin-bottom:0;
}

/* PASSWORD STRENGTH */

.password-strength-wrapper{
background:#f8f9fa;
border-radius:8px;
padding:10px;
}

/* BAR */

.strength-bar{
height:6px;
background:#e5e5e5;
border-radius:5px;
overflow:hidden;
}

.strength-bar span{
display:block;
height:100%;
width:0%;
transition:all .3s ease;
}

/* COLORS */

.strength-weak span{background:#dc3545;}
.strength-fair span{background:#fd7e14;}
.strength-good span{background:#ffc107;}
.strength-strong span{background:#28a745;}

/* RULES */

.password-rules{
padding-left:18px;
}

.password-rules li{
color:#dc3545;
transition:all .2s;
}

.password-rules li.valid{
color:#28a745;
}

/* MOBILE */

@media(max-width:992px){

.auth-left{

display:none;

}

.auth-right{

margin-left:0;

width:100%;

}

}