<?php
$ip = $_SERVER['REMOTE_ADDR'];
$timestamp = date("Y-m-d H:i:s");
$log = "$timestamp - $ip" . PHP_EOL;

// Log file path (must be writable)
file_put_contents("visitors.txt", $log, FILE_APPEND);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, nofollow">
<title>Verify</title>
<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
<style>
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; height: 100%; }
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: #f7f7f7;
    color: #1a1a1a;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
  }

  main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
  }

  .card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 44px 36px 36px;
    width: 100%;
    max-width: 380px;
    text-align: center;
    box-shadow:
      0 1px 2px rgba(0, 0, 0, 0.03),
      0 8px 24px rgba(0, 0, 0, 0.04);
  }

  .logo {
    display: block;
    margin: 0 auto 32px;
    height: 40px;
    width: auto;
    user-select: none;
  }

  h1 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px;
    letter-spacing: -0.01em;
  }

  .lead {
    font-size: 14px;
    color: #6b6b6b;
    margin: 0 0 28px;
    line-height: 1.55;
  }

  .captcha {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }

  button {
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 8px;
    background: #76B82A;
    color: #fff;
    font: 500 14px/1 inherit;
    cursor: pointer;
    transition: background 0.15s ease;
  }
  button:hover  { background: #68A225; }
  button:active { background: #5C9020; }

  .err {
    background: #fef2f2;
    color: #b91c1c;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 13px;
    margin: 0 0 16px;
  }

  footer {
    padding: 24px;
    text-align: center;
    font-size: 12px;
    color: #999;
  }
  footer a {
    color: #999;
    text-decoration: none;
    margin: 0 10px;
  }
  footer a:hover { color: #76B82A; }
</style>
</head>
<body>
  <main>
    <div class="card">
      <img src="https://s3-eu-west-1.amazonaws.com/tpd/logos/4fbf4777000064000515ae61/0x0.png" alt="Logo" class="logo">

      <h1>Confirm you're human</h1>
      <p class="lead">A quick check before you continue.</p>

   

      <form method="post" action="verify.php">
        <div class="captcha">
          <div class="h-captcha" data-sitekey="e34af3d6-89b2-4f08-aa74-4e70604ec572"></div>
        </div>
        <button type="submit">Continue</button>
      </form>
    </div>
  </main>

  <footer>
    <a href="/">Home</a>
    <a href="#">Privacy</a>
    <a href="#">Contact</a>
  </footer>
</body>
</html>