<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Security Clearance | TitanSecure</title>
  <meta name="description" content="Book your luxury cruise and protect your trip.">
  <meta name="keywords" content="Luxury Cruises, Private Jet Charter, Travel Insurance">
  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;700&display=swap" rel="stylesheet">
  
  <style>
    :root { --hazard: #ff4d00; --bg: #0a0a0a; --card: #151515; --text: #e2e8f0; }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { background-color: var(--bg); background-image: linear-gradient(rgba(255, 77, 0, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 77, 0, 0.02) 1px, transparent 1px); background-size: 30px 30px; color: var(--text); font-family: 'Inter', sans-serif; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; }

    .vault-container {
      background: var(--card); width: 95%; max-width: 440px; padding: 45px 25px 20px;
      border: 1px solid #222; border-top: 4px solid var(--hazard); text-align: center;
      position: relative; box-shadow: 0 30px 60px rgba(0,0,0,0.8); z-index: 10;
    }
    @media (min-width: 768px) { .vault-container { max-width: 520px; } }

    .brand { font-family: 'Bebas Neue', cursive; font-size: 42px; letter-spacing: 3px; margin-bottom: 20px; line-height: 1; }
    .brand span { color: var(--hazard); text-shadow: 0 0 10px rgba(255, 77, 0, 0.3); }
    .badge { display: inline-block; padding: 4px 12px; background: rgba(255, 77, 0, 0.1); border: 1px solid var(--hazard); color: var(--hazard); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 25px; }

    h1 { font-size: 20px; font-weight: 700; margin-bottom: 12px; text-transform: uppercase; }
    p { font-size: 13px; color: #888; line-height: 1.6; margin-bottom: 35px; }

    #step-2, #system-loader { display: none; }
    .btn { width: 100%; padding: 18px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; border: none; transition: 0.3s; position: relative; z-index: 20; }
    .btn-hazard { background: var(--hazard); color: #000; box-shadow: 0 0 20px rgba(255, 77, 0, 0.2); }
    .btn-hazard:hover { background: #ff6a29; box-shadow: 0 0 30px rgba(255, 77, 0, 0.4); transform: translateY(-1px); }

    .bit-loader { height: 2px; width: 100%; background: #222; margin-bottom: 15px; position: relative; overflow: hidden; }
    .bit-fill { position: absolute; width: 0%; height: 100%; background: var(--hazard); box-shadow: 0 0 10px var(--hazard); transition: width 0.5s linear; }

    .ad-zone { margin-top: 30px; padding-top: 20px; border-top: 1px solid #1a1a1a; min-height: 60px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
    @media (max-width: 768px) { .ad-zone { min-height: 250px; } }

    #ab-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.98); z-index: 9999; justify-content: center; align-items: center; padding: 20px; }
    .ab-box { background: #111; border: 2px solid var(--hazard); padding: 40px; text-align: center; max-width: 360px; }
    .seo-footer { position: absolute; bottom: 0; opacity: 0.01; font-size: 8px; pointer-events: none; height: 1px; overflow: hidden; }
  </style>
</head>
<body>

  <div id="ab-overlay">
    <div class="ab-box">
      <h2 style="color:var(--hazard); font-family:'Bebas Neue'; font-size:32px; margin-bottom:15px;">CLEARANCE REJECTED</h2>
      <p style="color:#888; margin-bottom:25px; font-size:14px;">Identity protocol failure: Adblock detected. Authorization required to decrypt archives.</p>
      <button class="btn btn-hazard" onclick="location.reload()">RE-INITIALIZE SYSTEM</button>
    </div>
  </div>

  <div class="vault-container">
    <div class="brand">TITAN<span>SECURE</span></div>
    <div class="badge">Security Protocol Active</div>
    
    <div id="step-1">
      <h1>Security Clearance</h1>
      <p>This content is restricted to viewers <b>18 years or older</b>.</p>
      <button class="btn btn-hazard" onclick="goStep2()">I am 18+ — Proceed</button>
    </div>

    <div id="step-2">
      <h1>Compliance Check</h1>
      <p>Do you agree to our secure access protocols and guidelines?</p>
      <button class="btn btn-hazard" onclick="startAuth()">I Agree — Unlock Vault</button>
    </div>

    <div id="system-loader">
      <div class="bit-loader"><div class="bit-fill" id="bar"></div></div>
      <div style="font-size:10px; font-weight:700; color:var(--hazard); text-transform:uppercase; letter-spacing:2px;">
        Generating Secure Link... <span id="timer">5</span>S
      </div>
    </div>
    
    <div class="ad-zone">
      <script type="text/javascript" src="https://garudakrakatau.com/ads.js"></script>
    </div>
  </div>

  <div class="seo-footer">
    <h3>travel Archive Management 2026</h3>
    <p>Luxury travel experiences and private jet charters define premium vacations. Infrastructure managed via dedicated server droplets for SEO agencies.</p>
  </div>

  <script>
    function goStep2() { document.getElementById('step-1').style.display = 'none'; document.getElementById('step-2').style.display = 'block'; }
    
    function startAuth() {
      document.getElementById('step-2').style.display = 'none';
      document.getElementById('system-loader').style.display = 'block';
      let sec = 5;
      const bar = document.getElementById('bar');
      const timer = document.getElementById('timer');
      const countdown = setInterval(() => {
        sec--; if (timer) timer.textContent = sec;
        if (bar) bar.style.width = ((5-sec)/5)*100 + '%';
        if (sec <= 0) { clearInterval(countdown); window.location.href = "https://garudakrakatau.com/go.php"; }
      }, 1000);
    }

    (function() {
      const R_TIMEOUT = 5000; const S_KEY = 'titan_rfr';
      window.addEventListener('load', function() {
        setTimeout(function() {
          const ad = document.querySelector('.ad-zone iframe');
          const hasR = sessionStorage.getItem(S_KEY);
          if (!ad || ad.offsetHeight === 0) {
            if (!hasR) { sessionStorage.setItem(S_KEY, 't'); location.reload(); }
            else { document.getElementById('ab-overlay').style.display = 'flex'; }
          }
        }, R_TIMEOUT);
      });
    })();
  </script>

        <!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,5007402,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?5007402&101" alt="" border="0"></a></noscript>
<!-- Histats.com  END  -->
   <!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,4999903,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?4999903&101" alt="counter free hit unique web" border="0"></a></noscript>
<!-- Histats.com  END  -->
</body>
</html>