text-red-700 dark:text-red-400 rounded-xl text-sm hidden"
            >
              <div class="flex items-center">
                <i class="fas fa-exclamation-circle mr-2"></i>
                <span id="error-text"></span>
              </div>
            </div>

            <!-- SSO Providers Section -->
            <div id="sso-section" class="mb-6">
              <div class="text-center mb-6">
                <p
                  class="text-sm font-medium text-gray-500 dark:text-gray-400 uppercase t