/* Login Page Styling */

.login-wrapper {
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 5%;
  background: linear-gradient(135deg, #0a1628 0%, #1a2d4a 100%);
}

.login-container {
  width: 100%;
  max-width: 450px;
  background: #ffffff;
  padding: 3rem;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.login-header {
  text-align: center;
  margin-bottom: 2.5rem;
}

.login-header h1 {
  font-size: 2rem;
  font-weight: 800;
  color: #0a1628;
  margin-bottom: 0.5rem;
}

.login-header p {
  color: #4a5568;
  font-size: 1rem;
}

.login-form .form-group {
  margin-bottom: 1.5rem;
}

.login-form .form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #0a1628;
  font-size: 0.95rem;
}

.login-form .form-group input {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 1rem;
  font-family: inherit;
  transition: all 0.3s ease;
}

.login-form .form-group input:focus {
  outline: none;
  border-color: #0a1628;
  box-shadow: 0 2px 8px rgba(10, 22, 40, 0.1);
}

.form-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.checkbox-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #4a5568;
  cursor: pointer;
}

.checkbox-label input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.forgot-password {
  font-size: 0.9rem;
  color: #0a1628;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

.forgot-password:hover {
  color: #0B2A52;
}

.login-button {
  width: 100%;
  padding: 1rem;
  background: #0a1628;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}

.login-button:hover {
  background: #0B2A52;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(10, 22, 40, 0.3);
}

.login-footer {
  text-align: center;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e0e0e0;
}

.login-footer p {
  color: #4a5568;
  font-size: 0.95rem;
}

.login-footer a {
  color: #0a1628;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

.login-footer a:hover {
  color: #0B2A52;
}

/* Responsive */
@media (max-width: 640px) {
  .login-container {
    padding: 2rem 1.5rem;
  }

  .login-header h1 {
    font-size: 1.75rem;
  }
}












}  }    font-size: 1.75rem;  .login-header h1 {  }    padding: 2rem 1.5rem;  .login-container {@media (max-width: 640px) {/* Responsive */}  color: #0B2A52;.login-footer a:hover {}  transition: color 0.3s ease;  font-weight: 600;  text-decoration: none;  color: #0a1628;.login-footer a {}  font-size: 0.95rem;  color: #4a5568;.login-footer p {}  border-top: 1px solid #e0e0e0;  padding-top: 2rem;  margin-top: 2rem;  text-align: center;.login-footer {}  box-shadow: 0 4px 12px rgba(10, 22, 40, 0.3);  transform: translateY(-2px);  background: #0B2A52;.login-button:hover {}  transition: all 0.3s ease;  cursor: pointer;  font-weight: 700;  font-size: 1rem;  border-radius: 8px;  border: none;  color: #ffffff;  background: #0a1628;  padding: 1rem;  width: 100%;.login-button {}  color: #0B2A52;.forgot-password:hover {}  transition: color 0.3s ease;  font-weight: 600;  text-decoration: none;  color: #0a1628;  font-size: 0.9rem;.forgot-password {}  cursor: pointer;  height: 18px;  width: 18px;.checkbox-label input[type="checkbox"] {}  cursor: pointer;  color: #4a5568;  font-size: 0.9rem;  gap: 0.5rem;  align-items: center;  display: flex;.checkbox-label {}  margin-bottom: 1.5rem;  align-items: center;  justify-content: space-between;  display: flex;.form-options {}  box-shadow: 0 2px 8px rgba(10, 22, 40, 0.1);  border-color: #0a1628;  outline: none;.login-form .form-group input:focus {}  transition: all 0.3s ease;  font-family: inherit;  font-size: 1rem;  border-radius: 8px;  border: 2px solid #e0e0e0;  padding: 0.875rem 1rem;  width: 100%;.login-form .form-group input {}  font-size: 0.95rem;  color: #0a1628;  font-weight: 600;  margin-bottom: 0.5rem;  display: block;.login-form .form-group label {}  margin-bottom: 1.5rem;.login-form .form-group {}  font-size: 1rem;  color: #4a5568;.login-header p {}  margin-bottom: 0.5rem;  color: #0a1628;  font-weight: 800;  font-size: 2rem;.login-header h1 {}  margin-bottom: 2.5rem;  text-align: center;.login-header {}  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);  border-radius: 16px;  padding: 3rem;  background: #ffffff;  max-width: 450px;  width: 100%;.login-container {}  background: linear-gradient(135deg, #0a1628 0%, #1a2d4a 100%);