/* Estilo Geral */ 
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f9; color: #333; } 
header { background-color: #222; color: white; text-align: center; padding: 1rem; display: flex; align-items: center; justify-content: center; } 
header img { width: 50px; margin-right: 10px; } 
header h1 { font-size: 1.5rem; margin: 0; } 
form { max-width: 400px; margin: 20px auto; padding: 20px; background: white; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } 
input, button { display: block; width: 100%; margin: 10px 0; padding: 10px; font-size: 1rem; } 
button { background-color: #222; color: white; border: none; cursor: pointer; } 
button:hover { background-color: #444; } 
footer { text-align: center; padding: 10px; background: #222; color: white; position: fixed; bottom: 0; width: 100%; } 
@media (max-width: 768px) { form { width: 90%; } header h1 { font-size: 1.2rem; } }