body{
font-family:Arial;
background:#f4f6f9;
display:flex;
align-items:center;
justify-content:center;
height:100vh;
}

.auth-container{
width:350px;
background:white;
padding:30px;
border-radius:8px;
text-align:center;
}

.auth-container input{
width:100%;
padding:12px;
margin:10px 0;
border:1px solid #ccc;
}

.auth-container button{
width:100%;
padding:12px;
background:#2c3e50;
color:white;
border:none;
}

.auth-alt{
margin-top:15px;
}

.error{
color:red;
}

.password-field{
position:relative;
}

.password-field input{
width:100%;
padding:12px;
}

.toggle-password{
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
cursor:pointer;
font-size:14px;
color:#555;
}

.back-home-btn{
    display:inline-block;
    margin-bottom:20px;
    padding:8px 16px;
    background:#2c7a2c;
    color:white;
    text-decoration:none;
    border-radius:5px;
    font-size:14px;
}

.back-home-btn:hover{
    background:#256b25;
}

@media(max-width:600px){

.auth-container{
width:90%;
}

}