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

body{
font-family:'Poppins',sans-serif;
background:#fff;
color:#1f2937;
overflow-x:hidden;
}

.container{
width:1200px;
max-width:90%;
margin:auto;
}

.background{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;
z-index:-1;
background:#fff;
}

.blob{
position:absolute;
border-radius:50%;
filter:blur(70px);
opacity:.18;
animation:floatBlob 18s ease-in-out infinite;
}

.blob1{
width:420px;
height:420px;
background:#4f8cff;
top:-120px;
left:-120px;
}

.blob2{
width:350px;
height:350px;
background:#74d7ff;
right:-100px;
top:220px;
animation-delay:5s;
}

.blob3{
width:420px;
height:420px;
background:#7ee8a8;
bottom:-180px;
left:35%;
animation-delay:9s;
}

@keyframes floatBlob{
0%{transform:translate(0,0) scale(1);}
25%{transform:translate(50px,-40px) scale(1.08);}
50%{transform:translate(-30px,40px) scale(.95);}
75%{transform:translate(40px,20px) scale(1.05);}
100%{transform:translate(0,0) scale(1);}
}

.login-section{
padding:170px 0 100px;
}

.login-card{
width:100%;
max-width:700px;
margin:auto;
background:#fff;
padding:50px;
border-radius:24px;
border:1px solid #edf0f6;
box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.login-card h1{
font-size:40px;
font-weight:700;
text-align:center;
margin-bottom:15px;
color:#1f2937;
}

.login-card p{
text-align:center;
font-size:16px;
color:#6b7280;
margin-bottom:35px;
line-height:1.7;
}

.error-message{
background:#fee2e2;
color:#b91c1c;
padding:15px;
border-radius:12px;
margin-bottom:25px;
font-weight:600;
text-align:center;
}

.form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:20px;
}

.form-group{
margin-bottom:20px;
}

.form-group label{
display:block;
margin-bottom:8px;
font-weight:600;
font-size:15px;
}

.form-group input{
width:100%;
padding:15px 18px;
border:2px solid #e5e7eb;
border-radius:12px;
font-size:15px;
font-family:'Poppins',sans-serif;
outline:none;
transition:.3s;
}

.form-group input:focus{
border-color:#2f6bff;
box-shadow:0 0 0 4px rgba(47,107,255,.12);
}

.submit-btn{
width:100%;
padding:17px;
margin-top:10px;
border:none;
border-radius:12px;
background:#2f6bff;
color:#fff;
font-size:17px;
font-weight:600;
font-family:'Poppins',sans-serif;
cursor:pointer;
transition:.3s;
box-shadow:0 15px 35px rgba(47,107,255,.25);
}

.submit-btn:hover{
background:#1d4ed8;
transform:translateY(-2px);
box-shadow:0 20px 45px rgba(47,107,255,.35);
}

.bottom-links{
margin-top:30px;
text-align:center;
font-size:15px;
color:#6b7280;
}

.bottom-links a{
color:#2f6bff;
font-weight:600;
text-decoration:none;
margin-left:5px;
}

.bottom-links a:hover{
text-decoration:underline;
}
/*==============================
SCROLLBAR
==============================*/

::-webkit-scrollbar{
width:10px;
}

::-webkit-scrollbar-track{
background:#eef2f7;
}

::-webkit-scrollbar-thumb{
background:#2f6bff;
border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
background:#1d4ed8;
}
@media(max-width:768px){

.login-section{
padding:140px 0 70px;
}

.login-card{
padding:35px 25px;
}

.login-card h1{
font-size:32px;
}

.form-row{
grid-template-columns:1fr;
gap:0;
}

}