form {
max-width: 400px;
margin: 1rem auto;
padding: 1rem;
background: #f5f7fa;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(44, 62, 80, 0.15);
font-family: Arial, sans-serif;
}
label {
display: block;
margin-bottom: 0.25rem;
font-weight: 600;
color: #2c3e50;
}
input[type="email"] {
width: 100%;
padding: 0.5rem 0.75rem;
border: 1.5px solid #ccc;
border-radius: 4px;
font-size: 1rem;
transition: border-color 0.3s ease;
}
input[type="email"]:focus {
border-color: #2980b9;
outline: none;
}
button[type="submit"] {
margin-top: 1rem;
padding: 0.6rem 1.2rem;
background-color: #2980b9;
color: #ecf0f1;
border: none;
border-radius: 4px;
font-weight: 700;
cursor: pointer;
transition: background-color 0.25s ease;
}
button[type="submit"]:hover {
background-color: #1f598a;
}