/* assets/css/auth.css — ALIGN + NO RADIUS */

/* RESET */
*{margin:0;padding:0;box-sizing:border-box}

/* BODY */
body{
font-family:'Source Sans Pro',sans-serif;
height:100vh;
background:#C5C6C7;
}

/* MAIN */
.auth-container{
display:flex;
width:100%;
height:100vh;
}

/* LEFT */
.left{
width:50%;
background:#ebebeb;
display:flex;
align-items:center;
justify-content:center;
padding:40px;
}

.form-box{
width:100%;
max-width:420px;
}

/* TITLE */
h2{
font-family: "Playfair Display", serif; 
margin-bottom:25px;
color:#0B0C10;
}

/* LABEL FIX */
label{
display:block;
font-size:15px;
color:#1F2833;
margin-bottom:6px;
text-align:left;
}

/* INPUT */
.form-control{
width:100%;
padding:12px;
border: 0.15em solid #fff;
border-radius:0;
background:#fff;
font-size:14px;
box-shadow:none;
}



.form-control{
transition: all 0.3s ease;
}

.form-control:focus{
border: 0.15em solid;
border-color:#45A29E;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
outline:none;
}



/* SMOOTH FADE OUT */
.form-control:not(:focus){
box-shadow:none;
transition: all 0.3s ease;
}

/* ROW FIX */
.row{
margin-left:0 !important;
margin-right:0 !important;
}

.row .col-6{
padding-left:5px !important;
padding-right:5px !important;
}

/* BUTTON */
.btn{
width:100%;
padding:12px;
background:#45A29E;
border:2px solid transparent;
color:#fff;
font-weight:600;
border-radius:0;
margin-top:10px;
}

.btn:hover{
  border: 2px solid #45A29E;
}

/* LINK */
.link{
margin-top:15px;
font-size:14px;
text-align:left;
}

.link a{
color:#45A29E;
font-weight:600;
text-decoration:none;
}

/* RIGHT */
.right{
width:50%;
background:linear-gradient(135deg,#0B0C10,#1F2833);
color:#fff;
display:flex;
flex-direction:column;
justify-content:center;
padding:60px;
}

.right h1{
/* font-family:'Montserrat',sans-serif; */
font-family: "Playfair Display", serif; 
font-size:42px;
line-height:1.2;
margin-bottom:20px;
}

.right h1 span{
color:#66FCF1;
}

.right p{
color:#C5C6C7;
max-width:420px;
line-height:1.6;
}

/* RESPONSIVE */
@media(max-width:768px){
.auth-container{flex-direction:column;}
.left,.right{width:100%;}
.right{padding:30px;text-align:center;}
}



.otp-input {
  text-align:center;
  font-size:20px;
  height:45px;
}