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

body{
height:100vh;
background:url('../img/login-bg.jpg') no-repeat center/cover;
display:flex;
align-items:center;
justify-content:center;
}

.container{
width:100%;
display:flex;
align-items:center;
justify-content:center;
}

.form-box{

width:350px;
padding:40px;

background:rgba(255,255,255,0.1);
backdrop-filter:blur(10px);

border-radius:10px;
box-shadow:0 0 25px rgba(0,0,0,0.3);

color:white;
text-align:center;
}

.form-box h2{
margin-bottom:20px;
}

.input-box{

position:relative;
margin:15px 0;

}

.input-box input{

width:100%;
padding:10px 40px;

border:none;
border-radius:5px;

outline:none;
}

.input-box i{

position:absolute;
top:12px;
left:10px;
color:black;
}

.toggle{

right:10px;
left:auto;
cursor:pointer;
}

.btn{

width:100%;
padding:10px;

border:none;
background:red;
color:white;

border-radius:5px;

cursor:pointer;

margin-top:10px;
}

.btn:hover{

background:darkred;

}

p{

margin-top:15px;

}

a{

color:#ff4b2b;
text-decoration:none;

}

@media(max-width:500px){

.form-box{
width:90%;
}

}