/* General Body Styles */body {font-family: Arial, sans-serif;background-color: #f4f4f4; /* From index.html for login page layout */display: flex; /* Added to enable flexbox centering */justify-content: center; /* From index.html for login page layout */align-items: center; /* From index.html for login page layout */min-height: 100vh; /* From index.html for login page layout */margin: 0;padding: 0;}.register-container {width: 400px;margin: 80px auto;background: white;padding: 30px;border-radius: 8px;box-shadow: 0 2px 10px rgba(0,0,0,0.15);}.login-container { /* Added from index.html */background-color: #fff;padding: 40px;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);width: 100%;max-width: 400px;text-align: center;}.logo {display: block;margin: 0 auto 20px auto;max-width: 150px;height: auto;}.login-container img { /* Specific logo style for login page, from index.html */max-width: 180px;margin-bottom: 30px;}h1 {text-align: center;margin-bottom: 30px;font-size: 24px;color: #000000;}.login-container h2 { /* Specific h2 style for login page, from index.html */margin-bottom: 25px;color: #333;}.form-group {margin-bottom: 20px;text-align: left; /* Added from index.html */}label {display: block;margin-bottom: 7px;font-weight: bold;}.form-group label { /* Specific label style for form groups, from index.html */color: #555;margin-bottom: 8px;}input {width: 100%;box-sizing: border-box;padding: 11px;font-size: 16px;border: 1px solid #ccc;border-radius: 4px;}.form-group input[type="text"],.form-group input[type="password"] {width: calc(100% - 20px); /* Adjust for padding */padding: 10px;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;}input:focus {outline: none;border-color: #555;}button {width: 100%;padding: 12px;font-size: 16px;font-weight: bold;color: white;background: #222;border: none;border-radius: 44px;cursor: pointer;}button:hover {background: #444;}.form-group input[type="submit"] {width: 100%;padding: 12px;background-color: #007bff;color: white;border: none;border-radius: 4px;font-size: 18px;cursor: pointer;transition: background-color 0.3s ease;}.form-group input[type="submit"]:hover {background-color: #0056b3;}.forgot-password, .create-account {margin-top: 15px;font-size: 14px;}.forgot-password a, .create-account a, .back-to-login a {color: #007bff;text-decoration: none;}.forgot-password a:hover, .create-account a:hover, .back-to-login a:hover {text-decoration: underline;}#message {margin-top: 20px;padding: 10px;border-radius: 4px;display: none;}#message.success {background-color: #d4edda;color: #155724;border: 1px solid #c3e6cb;}#message.error {background-color: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;}.error { /* Existing general .error, kept for other potential uses */color: #c00;margin-bottom: 15px;display: none;}.hint {font-size: 12px;color: #666;margin-top: 5px;}.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 9999; /* Sit on top - Increased z-index to ensure it appears above other elements */left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */background-color: rgba(0,0,0,0.4); /* Black w/ opacity */display: flex; /* Use flexbox for centering */align-items: center; /* Center vertically */justify-content: center; /* Center horizontally */}.modal-content {background-color: #fefefe;margin: auto; /* Removed to use flexbox centering */padding: 30px;border: 1px solid #888;width: 80%; /* Could be more specific, e.g., 500px */max-width: 500px; /* Added max-width */border-radius: 8px;box-shadow: 0 4px 8px rgba(0,0,0,0.2);position: relative;text-align: center; /* Center content like logo and h2 */}.modal-content h2 {margin-bottom: 20px;color: #333;}.modal-content p {margin-bottom: 25px;color: #666;line-height: 1.5;}.modal-content .form-group {margin-bottom: 15px;text-align: left; /* Align labels and inputs */}.modal-content .form-group input[type="email"],.modal-content .form-group input[type="password"] {width: calc(100% - 20px); /* Adjust for padding */padding: 10px;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;}.modal-content .form-group input[type="submit"] {width: 100%;padding: 12px;background-color: #28a745; /* Green for send link */color: white;border: none;border-radius: 4px;font-size: 18px;cursor: pointer;transition: background-color 0.3s ease;}.modal-content .form-group input[type="submit"]:hover {background-color: #218838;}.close-button {color: #aaa;float: right;font-size: 28px;font-weight: bold;position: absolute; /* Position relative to modal-content */top: 10px;right: 20px;cursor: pointer;}.close-button:hover,.close-button:focus {color: black;text-decoration: none;cursor: pointer;}