.auth-container{

display:flex;
min-height:100vh;

}

/* LEFT SIDE */

.auth-left{

flex:1;
background:linear-gradient(135deg,#6c63ff,#7b5cff);
color:white;
display:flex;
flex-direction:column;
justify-content:center;
padding:60px;

}

.auth-left h1{
font-size:36px;
margin-bottom:10px;
}

.auth-left p{
font-size:16px;
opacity:.9;
}


/* RIGHT SIDE */

.auth-right{

flex:1;
display:flex;
align-items:center;
justify-content:center;
padding:40px;

}

.auth-box{

width:100%;
max-width:350px;
background:white;
padding:40px;
border-radius:10px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
text-align:center;

}

.input-group{

position:relative;
margin:12px 0;

}

.input-group i{

position:absolute;
left:12px;
top:50%;
transform:translateY(-50%);
color:#888;

}

.switch{

margin-top:15px;
font-size:14px;

}

.switch a{

color:#6c63ff;
text-decoration:none;

}

/* MOBILE */

@media(max-width:900px){

.auth-container{

flex-direction:column;

}

.auth-left{

text-align:center;
padding:40px 25px;

}

.auth-left h1{

font-size:28px;

}

.auth-right{

padding:25px;

}

}