<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Sicherheitscheck – computer-nach-wunsch.de</title>
  <link rel="stylesheet" href="/assets/css/style.css">
  <style>
    body{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f8fafc;padding:20px;}
    .antibot-challenge-box,.antibot-blocked-box{background:#fff;border-radius:16px;padding:40px 48px;max-width:480px;width:100%;box-shadow:0 4px 24px rgba(0,0,0,.10);text-align:center;}
    .antibot-icon{font-size:52px;margin-bottom:12px;}
    h2{font-size:22px;margin:0 0 12px;color:#1e293b;}
    p{color:#64748b;font-size:15px;margin:0 0 20px;line-height:1.6;}
    .antibot-checkbox-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;color:#1e293b;margin-bottom:20px;cursor:pointer;}
    .antibot-checkbox-label input{width:20px;height:20px;cursor:pointer;}
    button[type=submit]{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s;}
    button[type=submit]:disabled{opacity:.4;cursor:not-allowed;}
    button[type=submit]:not(:disabled):hover{opacity:.85;}
    .antibot-back-btn{display:inline-block;margin-top:8px;background:#e2e8f0;color:#374151;border-radius:8px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;}
    .antibot-hint{font-size:12px;color:#94a3b8;margin-top:20px;}
  </style>
</head>
<body>
  <div class="antibot-challenge-box">
  <div class="antibot-icon">🛡️</div>
  <h2>Kurze Sicherheitsüberprüfung</h2>
  <p>Bitte bestätige, dass du ein Mensch bist, um fortzufahren.</p>
  <form id="antibot-form" method="POST" action="/antibot-verify.php">
    <input type="hidden" name="token" value="904222061adfd689fb3655011da7f89e">
    <input type="hidden" name="redirect" value="/404.php?request_uri=/feed">
    <label class="antibot-checkbox-label">
      <input type="checkbox" id="antibot-check" name="human" value="1" required>
      <span>Ich bin kein Roboter</span>
    </label>
    <button type="submit" id="antibot-btn" disabled>Weiter →</button>
  </form>
  <p class="antibot-hint">Warum sehe ich das? Dein Besuchsmuster wurde als ungewöhnlich erkannt. Diese Prüfung schützt die Seite vor automatisierten Zugriffen.</p>
</div>
<script>
document.getElementById("antibot-check").addEventListener("change",function(){
  document.getElementById("antibot-btn").disabled = !this.checked;
});
</script>
</body>
</html>