body { 
font-family: Arial, sans-serif; 
background-color: #f4f6f8; 
display: flex; 
justify-content: center; 
align-items: center; 
height: 100vh; 
} 
form { 
background: #ffffff; 
padding: 25px; 
width: 300px; 
border-radius: 8px; 
box-shadow: 0 0 10px rgba(0,0,0,0.1); 
} 
h2 { 
text-align: center; 
} 
label { 
display: block; 
margin-top: 10px; 
font-weight: bold; 
} 
input { 
width: 100%; 
padding: 8px; 
margin-top: 5px; 
} 
button { 
width: 100%; 
margin-top: 15px; 
padding: 10px; 
background-color: #007bff; 
color: white; 
border: none; 
border-radius: 4px; 
} 
button:hover { 
background-color: #0056b3; 
} 
#error { 
color: red; 
text-align: center; 
margin-top: 10px; 
}