/* contact.html page styles (moved out of inline <style> blocks for the Content Security Policy) */
      .mobile-submenu {
        display: none;
        overflow: hidden;
      }
      .mobile-dropdown.open .mobile-submenu {
        display: block;
      }
      .mobile-dropdown-icon {
        transition: transform 0.3s ease;
      }
      .mobile-dropdown.open .mobile-dropdown-icon {
        transform: rotate(180deg);
      }
      .header-item.dropdown:hover > .dropdown-menu {
        display: none !important;
      }
      .header-item.dropdown > .dropdown-menu.show {
        display: block !important;
      }
      .dropdown-item:hover {
        background-color: #f0f7ff;
        color: #004b87;
      }
      .contact-info-card {
        padding: 20px;
        border-radius: 12px;
        background-color: #f8f9fa;
        transition: all 0.3s ease;
      }
      .contact-info-card:hover {
        background-color: #f0f7ff;
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(0, 75, 135, 0.1);
      }
      .contact-info-card a {
        color: #004b87;
        text-decoration: none;
        font-weight: 600;
        transition: color 0.3s ease;
      }
      .contact-info-card a:hover {
        color: #003a6b;
      }

      /* Form alert styles */
      .form-alert {
        padding: 15px 20px;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 500;
        display: none;
        align-items: center;
        gap: 10px;
        animation: slideDown 0.3s ease;
      }
      .form-alert.success {
        background-color: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
        display: flex;
      }
      .form-alert.error {
        background-color: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
        display: flex;
      }
      @keyframes slideDown {
        from {
          opacity: 0;
          transform: translateY(-10px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .btn-loading {
        pointer-events: none;
        opacity: 0.7;
      }
      .btn-loading .btn-text {
        display: none;
      }
      .btn-loading .btn-spinner {
        display: inline-block !important;
      }
      .btn-spinner {
        display: none !important;
      }