body { font-family: Arial, sans-serif; margin: 2em; } form { max-width: 400px; } label { display: block; margin-top: 1em; } input[type="text"], input[type="email"], input[type="password"] { width: 100%; padding: 0.5em; box-sizing: border-box; background-color: lightgreen; } input:invalid { background-color: pink; } input[type="submit"] { margin-top: 1em; padding: 0.5em 1em; } #messageContainer { margin-top: 20px; padding: 15px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); font-family: 'Arial', sans-serif; font-size: 14px; line-height: 1.5; } .success-message { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .error-message { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }