.login-container {max-width: 450px;margin: 20px auto;border-radius: 10px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);padding: 30px;}.login-header {text-align: center;margin-bottom: 25px;}.login-header .custom-logo-link {display: inline-block;margin-bottom: 15px;}.login-header .custom-logo {max-width: 100px;max-height: 60px;height: auto;width: auto;object-fit: contain;}.login-header p {color: #555;font-size: 15px;margin-top: 8px;font-weight: 400;}.login-form {margin-bottom: 20px;}.form-group {margin-bottom: 18px;}.form-group label {display: block;margin-bottom: 6px;font-weight: 500;color: #444;font-size: 14px;}.form-group input {width: 100%;padding: 10px 15px;border: 1px solid #e0e0e0;border-radius: 6px;font-size: 14px;transition: all 0.2s ease;background-color: #f9f9f9;}.form-group input:focus {outline: none;border-color: #80bdff;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.15);background-color: #fff;}.login-form button[type="submit"], .login-form input[type="submit"] {width: 100%;background-color: #0275d8;color: white;border: none;padding: 12px;font-size: 15px;font-weight: 500;border-radius: 6px;cursor: pointer;transition: all 0.2s ease;margin-top: 10px;box-shadow: 0 2px 4px rgba(2, 117, 216, 0.2);}.login-form button[type="submit"]:hover, .login-form input[type="submit"]:hover {background-color: #025aa5;box-shadow: 0 4px 8px rgba(2, 117, 216, 0.3);}#message, #forgot-password-message {display: none;text-align: center;margin: 15px 0;padding: 10px;border-radius: 6px;font-size: 14px;}.message-error, .error {display: block !important;background-color: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;}.message-success, .success {background-color: #d4edda;color: #155724;border: 1px solid #c3e6cb;}.login-links {margin-top: 20px;text-align: center;}.login-links a {color: #0275d8;text-decoration: none;transition: color 0.2s ease;font-size: 14px;}.login-links a:hover {color: #025aa5;text-decoration: underline;}.login-links p {margin: 10px 0;color: #666;}#forgot-password-section {margin-top: 25px;border-top: 1px solid #eee;padding-top: 20px;}#forgot-password-section h2 {font-size: 18px;margin-bottom: 15px;text-align: center;color: #444;}.cf-turnstile {margin: 15px 0;display: flex;justify-content: center;}@media (max-width: 576px) {.login-container {margin: 20px 10px;padding: 20px 15px;max-width: 100%;}.login-header .custom-logo {max-width: 120px;max-height: 50px;}#forgot-password-form input[type="submit"] {font-size: 14px;padding: 10px;}}.swal2-popup {font-family: inherit;border-radius: 10px;}.swal2-title {font-size: 22px;color: #333;}.swal2-content {font-size: 15px;color: #555;}.swal2-styled.swal2-confirm {background-color: #0275d8;border-radius: 6px;font-weight: 500;}.swal2-styled.swal2-confirm:focus {box-shadow: 0 0 0 0.2rem rgba(2, 117, 216, 0.4);}::placeholder {color: #aaa;opacity: 1;}@keyframes fadeIn {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}.login-container {animation: fadeIn 0.3s ease-out;}