<!doctype html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Verificação de Segurança</title>

  <script>
    function onSubmit(){ document.getElementById('lsrecaptcha-form').submit(); }
    var onloadCallback = function(){
      var cont = grecaptcha.render('recaptchadiv',{
        'sitekey':'6LewU34UAAAAAHvXqFOcQlm8z1MP1xpGAZCYEeZY',
        'callback': onSubmit,
        'size': 'invisible'
      });
      grecaptcha.execute(cont);
    };
  </script>

  <style>
    :root{
      --cf-text:#1d1e20;
      --cf-sub:#4a4f57;
      --cf-muted:#8c9199;
      --cf-border:#e7e9ee;
      --cf-card:#ffffff;
      --cf-bg:#ffffff;
      --brand:#ad2727; /* DDR Host */
    }
    html,body{height:100%}
    body{
      margin:0; background:var(--cf-bg); color:var(--cf-text);
      font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;
    }
    .wrap{
      max-width:980px; margin:56px auto; padding:0 24px;
    }
    .domain{
      font-weight:700; font-size:40px; letter-spacing:.2px;
      margin:0 0 6px; color:#2b2f36;
      word-break:break-word;
    }
    .subtitle{
      margin:0 0 28px; font-size:22px; color:var(--cf-sub);
    }

    .card{
      background:var(--cf-card);
      border:1px solid var(--cf-border);
      border-radius:10px;
      padding:24px 22px;
      box-shadow:0 1px 2px rgba(12,16,24,.06);
      display:flex; align-items:center; gap:18px;
      max-width:540px;
    }

    /* Spinner estilo CF */
    .spinner{
      width:28px; height:28px; border-radius:50%;
      border:3px solid #d9dce3; border-top-color:#7a808a;
      animation:spin 1s linear infinite;
      flex:0 0 auto;
    }
    @keyframes spin { to{ transform:rotate(360deg) } }

    .status{
      font-weight:600; color:#353a42; margin:0;
    }
    .muted{ color:var(--cf-muted); font-size:12px; margin-top:2px; }

    .recap-box{ margin-top:16px; }
    #recaptchadiv{ display:block; }

    .foot{
      margin-top:28px; color:var(--cf-muted); font-size:14px;
    }
    .foot b{ color:#2d3138; }
    .brand { color:var(--brand); font-weight:700; }

    @media (max-width:540px){
      .domain{ font-size:34px }
      .subtitle{ font-size:18px }
      .card{ padding:18px }
    }
  </style>
</head>
<body>
  <div class="wrap">
    <!-- Domínio grande estilo CF -->
    <h1 class="domain" id="cf-domain">carregando…</h1>
    <p class="subtitle">Verificando se você é humano. Isso pode levar alguns segundos.</p>

    <!-- Cartão com spinner + status -->
    <div class="card">
      <div class="spinner" aria-hidden="true"></div>
      <div>
        <p class="status">Verificando…</p>
        <div class="muted">Confirmação automática para proteção contra ataques de Bots.</div>
      </div>
    </div>

    <!-- Desafio reCAPTCHA (mantém IDs/estrutura do LSWS) -->
    <div class="recap-box">
      <form id="lsrecaptcha-form" method="POST" action="/.lsrecap/recaptcha?feed=rss2">
        <div id="recaptchadiv"></div>
      </form>
      <div class="muted" style="margin-top:8px">
        Se o desafio de recaptcha não carregar, atualize a página ou tente em outra rede.
      </div>
    </div>
  </div>

  <!-- Preenche o domínio automaticamente (como o CF faz) -->
  <script>
    (function(){
      var d = (location && location.hostname) ? location.hostname : 'searanews.com.br';
      var el = document.getElementById('cf-domain');
      if(el){ el.textContent = d; }
    })();
  </script>

  <!-- Script OBRIGATÓRIO do LSWS (não remova) -->
  <script src="https://www.recaptcha.net/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
</body>
</html>

