*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

.login-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    background: linear-gradient(135deg, #0d47a1, #1976d2);
}

.login-box, .auth-card {
    width: 420px;
    background: rgba(255, 255, 255, 0.12);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.18);
}


.logo{

text-align:center;

margin-bottom:30px;

}

.logo img{

width:90px;

margin-bottom:15px;

}

.logo h2{

color:#fff;

margin-bottom:5px;

}

.logo p{

color:#94a3b8;

}

.input-group{

display:flex;

align-items:center;

background:#0f172a;

margin-bottom:18px;

padding:15px;

border-radius:12px;

}

.input-group i{

color:#3b82f6;

margin-right:10px;

}

.input-group input{

background:none;

border:none;

outline:none;

width:100%;

color:white;

font-size:15px;

}

.btn-login{

width:100%;

padding:15px;

background:#2563eb;

border:none;

border-radius:12px;

color:white;

font-size:16px;

cursor:pointer;

transition:.3s;

}

.btn-login:hover{

background:#1d4ed8;

}

.alert{

background:#ef4444;

padding:12px;

margin-bottom:20px;

border-radius:10px;

color:white;

text-align:center;

}