/* BODY */
body{
background:linear-gradient(135deg,#1e293b,#0f172a,#020617);
font-family:'Segoe UI',sans-serif;
}

/* BOX */
.login-box{
max-width:1000px;
margin:auto;
margin-top:80px;
border-radius:20px;
overflow:hidden;
box-shadow:0 25px 70px rgba(0,0,0,.4);
animation:fadeIn .8s ease;
}

/* LEFT */
.login-left{
background:linear-gradient(135deg,#6366f1,#9333ea);
color:#fff;
padding:60px 40px;
text-align:center;
}

.login-left img{
max-width:120px;
margin-bottom:20px;
}

/* RIGHT */
.login-right{
background:#ffffff;
padding:50px;
}

/* INPUT */
.form-control{
padding:12px;
border-radius:10px;
border:1px solid #ddd;
}

.form-control:focus{
border-color:#6366f1;
box-shadow:0 0 8px rgba(99,102,241,.3);
}

/* BUTTON */
.btn-login{
background:linear-gradient(45deg,#6366f1,#9333ea);
color:#fff;
padding:12px;
font-weight:600;
border:none;
border-radius:10px;
transition:.3s;
}

.btn-login:hover{
transform:scale(1.03);
}

/* CAPTCHA */
.captcha-box img{
height:50px;
border-radius:8px;
border:2px solid #6366f1;
}

/* FOOTER */
.login-footer{
text-align:center;
font-size:14px;
margin-top:20px;
color:#aaa;
}

/* ANIMATION */
@keyframes fadeIn{
from{opacity:0; transform:translateY(20px);}
to{opacity:1; transform:translateY(0);}
}