Two-Factor Authentication

Welcome to our secure platform.

Authentication successful! Please verify your email.

Invalid credentials. Please try again.

``` ```css /* style.css */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; line-height: 1.6; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; border-bottom: 1px solid #ccc; } main { padding: 20px; max-width: 800px; margin: 0 auto; } section { margin-bottom: 30px; padding: 20px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } section#login-form { margin-bottom: 20px; padding: 20px; background-color: #e0e0e0; border: 1px solid #ccc; border-radius: 8px; } section#login-form input[type="text"] { padding: 8px; border: 1px solid #ccc; border-radius: 4px; width: 100%; box-sizing: border-box; } section#login-form input[type="password"] { padding: 8px; border: 1px solid #ccc; border-radius: 4px; width: 100%; box-sizing: border-box; } section#login-form button { background-color: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s; } section#login-form button:hover { background-color: #388E3C; } section#success-message { margin-top: 30px; padding: 20px; background-color: #f4f4f4; color: #333; border-radius: 8px; } section#success-message p { font-size: 1.2em; margin-bottom: 10px; } section#error-message { margin-top: 30px; padding: 20px; background-color: #f4f4f4; color: #333; border-radius: 8px; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; border-bottom: 1px solid #ccc; margin: 0 auto; }