/* Global Styles */ body { font-family: 'Arial', sans-serif; background-color: #f0f2f5; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .login-container { background-color: #fff; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); padding: 30px; width: 100%; max-width: 400px; text-align: center; } h2 { font-size: 24px; margin-bottom: 20px; color: #333; } /* Error Message Styling */ .error-message { background-color: #f8d7da; color: #721c24; padding: 10px; border-radius: 5px; margin-bottom: 15px; font-size: 14px; } /* Input Group */ .input-group { margin-bottom: 20px; text-align: left; } .input-group label { font-size: 14px; color: #666; margin-bottom: 5px; display: block; } .input-group input { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; outline: none; transition: border-color 0.3s ease; } .input-group input:focus { border-color: #007bff; } /* Submit Button */ button { width: 100%; padding: 12px; background-color: #007bff; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #0056b3; } /* Register Link */ p { font-size: 14px; color: #666; } a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; }