body {margin: 0;padding: 0;font-family: Arial, sans-serif;background-image: url('../image/background-logo.jpg');background-size: cover;background-position: center;height: 100vh;display: flex;justify-content: center;align-items: center;}

.login-container {width: 400px;background-color: rgba(255, 255, 255, 0.8);border-radius: 8px;padding: 40px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}

.logo-container {text-align: center;margin-bottom: 20px;}

.logo-container img {max-width: 100%;height: auto;max-height: 150px;}

.login-form {display: flex;flex-direction: column;}

.login-form h2 {margin-bottom: 20px;text-align: center;color: #333}

.form-group {margin-bottom: 20px}

.form-group label {font-weight: bold;color: #333}

.form-group input {width: calc(100% - 40px); padding: 10px;border: 1px solid #ccc;border-radius: 4px;margin-right: 20px; }

button {background-color: #007bff;color: #fff;border: none;padding: 10px 20px;border-radius: 4px;cursor: pointer;transition: background-color 0.3s ease;width: calc(100% - 20px); }

button:hover {background-color: #0056b3;}

label.error {color: red;font-size: 12px;margin-top: 5px;}

.forgot-password{text-align: center;}

.forgot-password a{text-decoration: none;}