<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Themes</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="noindex, nofollow">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
  <style>
  * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Inter', sans-serif;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.08), transparent 30%),
    linear-gradient(135deg, #eef3f8 0%, #ffffff 45%, #f6f8fb 100%);
  color: #1f2937;
  text-align: center;
  padding: 20px;
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Container utama */
.box {
  position: relative;
  width: 100%;
  max-width: 620px;
  margin: 22px auto;
  padding: 34px 28px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(248,250,252,.94) 100%);
  border: 1px solid rgba(226,232,240,.95);
  box-shadow:
    0 20px 60px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.85);
  overflow: hidden;
}

.box::before {
  content: "";
  position: absolute;
  top: -140px;
  right: -110px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(59,130,246,.10), transparent 70%);
  pointer-events: none;
}

.box::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  top: 0;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #3b82f6, #14b8a6, #22c55e);
}

.box h2 {
  position: relative;
  font-size: 1.95rem;
  color: #0f172a;
  margin-bottom: 12px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.1;
}

.box p {
  position: relative;
  font-size: 1.04rem;
  line-height: 1.75;
  word-break: break-word;
  color: #475569;
}

.box p strong {
  display: inline-block;
  margin-top: 4px;
  color: #0f172a;
  font-weight: 700;
}

/* Tombol download */
.download-btn {
  width: 100%;
  max-width: 360px;
  margin-top: 26px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 16px 24px;
  border-radius: 18px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  box-shadow: 0 10px 28px rgba(37,99,235,.20);
  pointer-events: none;
  opacity: .68;
  transition: all .28s ease;
}

.download-btn.active {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  box-shadow: 0 14px 32px rgba(34,197,94,.26);
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}

.download-btn:hover.active {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(34,197,94,.32);
}

/* Countdown */
.countdown {
  margin-top: 18px;
  font-size: .98rem;
  font-weight: 600;
  color: #64748b;
}

.countdown span {
  color: #2563eb;
  font-weight: 800;
}

/* Progress bar */
.progress-container {
  width: 100%;
  max-width: 460px;
  margin: 18px auto 0;
  height: 14px;
  background: #e8eef5;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 1px 3px rgba(15,23,42,.08);
}

.progress-bar {
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #3b82f6 0%, #2563eb 55%, #0ea5e9 100%);
  transition: width .45s ease;
}

/* BANNER */
.banner {
  width: 100%;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8fafc;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  overflow: hidden;
  padding: 10px;
}

.banner-728 {
  width: 728px;
  min-height: 110px;
}

.banner-300 {
  width: auto;
}

.banner iframe,
.banner-728 iframe,
.banner-300 iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  border: none;
  border-radius: 8px;
  display: block;
}

/* MOBILE */
@media (max-width: 768px) {
  body {
    padding: 15px;
  }

  .box {
    padding: 24px 18px;
    border-radius: 22px;
    margin: 16px auto;
  }

  .box h2 {
    font-size: 1.55rem;
  }

  .box p {
    font-size: .98rem;
  }

  .download-btn {
    max-width: 100%;
    font-size: 16px;
    padding: 14px 18px;
    border-radius: 16px;
  }

  .countdown {
    font-size: .93rem;
  }

  .progress-container {
    height: 13px;
  }

  .banner-728 {
    width: 100%;
    max-width: 320px;
    min-height: 100px;
  }

  .banner-300 {
    width: 100%;
    max-width: 300px;
    min-height: 260px;
  }
}
    /* ================= SECURITY CHECK MODAL ================= */

    #fakeVerify{
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
      background:
        radial-gradient(circle at top, rgba(59,130,246,.18), transparent 35%),
        rgba(2, 6, 23, 0.72);
      backdrop-filter: blur(10px);
    }

    .verify-card{
      position: relative;
      width: 100%;
      max-width: 430px;
      padding: 30px 24px 22px;
      border-radius: 24px;
      text-align: center;
      color: #e5eefc;
      background:
        radial-gradient(circle at top, rgba(96,165,250,.16), transparent 35%),
        linear-gradient(180deg, #0b1730 0%, #081222 100%);
      border: 1px solid rgba(148,163,184,.18);
      box-shadow: 0 30px 80px rgba(0,0,0,.38);
      overflow: hidden;
    }

    .verify-card::before{
      content: "";
      position: absolute;
      top: -90px;
      left: 50%;
      transform: translateX(-50%);
      width: 190px;
      height: 190px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(34,211,238,.22), transparent 70%);
      pointer-events: none;
    }

    .verify-icon{
      position: relative;
      z-index: 1;
      width: 74px;
      height: 74px;
      margin: 0 auto 16px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #22c55e, #14b8a6);
      box-shadow:
        0 0 0 8px rgba(34,197,94,.10),
        0 12px 28px rgba(20,184,166,.22);
    }

    .verify-icon svg{
      width: 34px;
      height: 34px;
      fill: #fff;
    }

    .verify-badge{
      display: inline-block;
      margin-bottom: 8px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: #7dd3fc;
    }

    .verify-card h3{
      margin: 0 0 10px;
      font-size: 30px;
      line-height: 1.05;
      color: #f8fbff;
      font-weight: 800;
      letter-spacing: -.02em;
    }

    .verify-card p{
      margin: 0 auto 16px;
      max-width: 340px;
      font-size: 15px;
      line-height: 1.65;
      color: #c7d2e5;
    }

    .progress-wrapper{
      width: 100%;
      max-width: 320px;
      height: 12px;
      margin: 0 auto 12px;
      background: rgba(148,163,184,.18);
      border-radius: 999px;
      overflow: hidden;
      box-shadow: inset 0 1px 2px rgba(0,0,0,.28);
    }

    #verifyBar{
      width: 0%;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #22c55e 0%, #14b8a6 55%, #38bdf8 100%);
      transition: width .35s ease;
    }

    .verify-meta{
      margin-bottom: 16px;
      font-size: 13px;
      font-weight: 700;
      color: #93c5fd;
    }

    .verify-points{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
      margin: 0 0 18px;
    }

    .verify-points span{
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 0 12px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 700;
      color: #dbeafe;
      background: rgba(15,23,42,.38);
      border: 1px solid rgba(148,163,184,.14);
    }

    #fakeBtn{
      width: 100%;
      border: 0;
      border-radius: 16px;
      padding: 15px 18px;
      font-size: 17px;
      font-weight: 800;
      color: #fff;
      background: linear-gradient(135deg, #22c55e 0%, #14b8a6 55%, #38bdf8 100%);
      box-shadow: 0 16px 36px rgba(20,184,166,.24);
      opacity: .5;
      cursor: not-allowed;
      transition: .25s ease;
    }

    #fakeBtn.active{
      opacity: 1;
      cursor: pointer;
    }

    #fakeBtn:hover.active{
      transform: translateY(-1px);
      filter: brightness(1.03);
    }

    .verify-note{
      margin-top: 14px;
      font-size: 12px;
      color: #94a3b8;
    }

    .banner {
      width: 100%;
      margin: 20px auto;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #f8fafc;
      border-radius: 12px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      overflow: hidden;
      padding: 10px;
    }

    .banner-728 {
      width: 728px;
      min-height: 110px;
    }

    .banner-300 {
      width: auto;
    }

    .banner.banner-300{
      margin-top: 18px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(148,163,184,.10);
      box-shadow: none;
    }

    .banner iframe,
    .banner-728 iframe,
    .banner-300 iframe {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      border: none;
      border-radius: 8px;
      display: block;
    }

    @media (max-width: 768px) {
      body {
        padding: 15px;
      }

      .box {
        padding: 22px 18px;
        border-radius: 18px;
        margin: 15px auto;
      }

      .box h2 {
        font-size: 1.5rem;
      }

      .box p {
        font-size: 1rem;
      }

      .download-btn {
        font-size: 16px;
        padding: 14px 20px;
      }

      .countdown {
        font-size: 0.95rem;
      }

      .verify-card{
        max-width: 100%;
        padding: 24px 18px 18px;
        border-radius: 20px;
      }

      .verify-card h3{
        font-size: 24px;
      }

      .verify-card p{
        font-size: 14px;
      }

      .verify-points{
        gap: 6px;
      }

      .verify-points span{
        font-size: 11px;
        padding: 0 10px;
      }

      #fakeBtn{
        font-size: 15px;
        padding: 14px 16px;
      }

      .banner-728 {
        width: 100%;
        max-width: 320px;
        min-height: 100px;
      }

      .banner-300 {
        width: 100%;
        max-width: 300px;
        min-height: 260px;
      }
    }
  </style>

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q7YYG6BQ16"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-Q7YYG6BQ16');
  </script>
</head>
<body>
<div class="banner-728">
 <script>
  atOptions = {
    'key' : '72aae8a75da17a34e48ed84feaa311bf',
    'format' : 'iframe',
    'height' : 90,
    'width' : 728,
    'params' : {}
  };
</script>
<script src="https://biggerbreakerfind.com/72aae8a75da17a34e48ed84feaa311bf/invoke.js"></script>
</div>

<div class="box">
  <h2>Your Download Link Is Ready</h2>
  <p>
    Your requested file has been prepared and will be available shortly.
    <br>
    <strong>Themes</strong>
  </p>

  <a id="downloadBtn" class="download-btn" href="javascript:void(0);">
    Please wait...
  </a>

  <div class="countdown">
    Your download will be available in <span id="timer">10</span> seconds
  </div>

  <div class="progress-container">
    <div id="progressBar" class="progress-bar"></div>
  </div>
</div>


<div class="banner-728">
 <script>
  atOptions = {
    'key' : '4b03159602cba0243869c415124b923e',
    'format' : 'iframe',
    'height' : 90,
    'width' : 728,
    'params' : {}
  };
</script>
<script src="https://biggerbreakerfind.com/4b03159602cba0243869c415124b923e/invoke.js"></script>
</div>

<div id="fakeVerify">
  <div class="verify-card">

    <div class="verify-icon">
      <svg viewBox="0 0 24 24">
        <path d="M12 2l7 4v6c0 5-3.5 9.5-7 10-3.5-.5-7-5-7-10V6l7-4z"/>
      </svg>
    </div>

    <div class="verify-badge">Quick Security Check</div>
    <h3>Verify And Continue</h3>

    <p>Please confirm that you are a human to continue accessing this document securely.</p>

    <div class="progress-wrapper">
      <div id="verifyBar"></div>
    </div>

    <div class="verify-meta">
      Button will activate in <span id="verifyTimer">5</span> seconds
    </div>

    <button id="fakeBtn" disabled>
      I'm Human →
    </button>

    <div class="verify-note">
      One quick confirmation is required before continuing.
    </div>

  </div>
</div>

<script>
let seconds = 10;
let gracePeriod = 15;
let timerEl = document.getElementById('timer');
let btn = document.getElementById('downloadBtn');
let bar = document.getElementById('progressBar');
let target1 = "https://biggerbreakerfind.com/m5c9h7sz5?key=b5c00cea2c5f93da4bf36a756da22d91";
let target2 = "https://biggerbreakerfind.com/m5c9h7sz5?key=b5c00cea2c5f93da4bf36a756da22d91";

let fakeVerify = document.getElementById('fakeVerify');
let verifyBtn = document.getElementById('fakeBtn');
let verifyTimer = document.getElementById('verifyTimer');
let verifyBar = document.getElementById('verifyBar');

fakeVerify.style.display = 'flex';

let vSeconds = 5;
let vTotal = vSeconds;
let verified = false;
let clickedDownload = false;

let vInterval = setInterval(() => {
    vSeconds--;
    verifyTimer.textContent = vSeconds > 0 ? vSeconds : 0;
    verifyBar.style.width = ((vTotal - vSeconds) / vTotal * 100) + "%";

    if (vSeconds <= 0) {
        clearInterval(vInterval);
        verifyBtn.disabled = false;
        verifyBtn.classList.add("active");
    }
}, 1000);

verifyBtn.addEventListener('click', function(){
    if (verified) return;
    verified = true;

    fakeVerify.style.opacity = '0';
    fakeVerify.style.transition = 'opacity .25s ease';

    setTimeout(function () {
        fakeVerify.style.display = 'none';
    }, 250);

    window.open(target1, "_blank");
});

let totalTime = seconds;
let countdown = setInterval(function(){
    seconds--;
    timerEl.textContent = seconds > 0 ? seconds : 0;
    let progress = ((totalTime - seconds) / totalTime) * 100;
    bar.style.width = progress + "%";

    if (seconds <= 0) {
        clearInterval(countdown);
        bar.style.width = "100%";
        btn.textContent = "Download Now";
        btn.classList.add("active");

        setTimeout(function(){
            if (verified) {
                btn.click();
            } else {
                window.location.href = target1;
            }
        }, gracePeriod * 1000);
    }
}, 1000);

btn.addEventListener('click', function(){
    if (clickedDownload) return;
    clickedDownload = true;

    window.open(target2, "_blank");
    window.location.href = target1;
});
</script>

<script>
document.addEventListener("contextmenu", e => e.preventDefault());
document.onkeydown = function(e) {
    if (e.ctrlKey && ["u","U","s","S","c","C"].includes(e.key)) {
        e.preventDefault(); return false;
    }
    if (e.keyCode === 123) {
        e.preventDefault(); return false;
    }
    if (e.ctrlKey && e.shiftKey && ["i","I","j","J"].includes(e.key)) {
        e.preventDefault(); return false;
    }
};
</script>

<script>
!function(){
    function k(e){
        e.preventDefault();
        return false
    }
    document.addEventListener("contextmenu",k),
    document.onkeydown=function(e){
        let b=e.keyCode;
        if(e.ctrlKey&&/u|s|c/i.test(e.key)) return k(e);
        if(123===b) return k(e);
        if(e.ctrlKey&&e.shiftKey&&/i|j/i.test(e.key)) return k(e)
    }
}();
</script>

<!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,5029064,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?5029064&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,4177882,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?4177882&101" alt="" border="0"></a></noscript>
<!-- Histats.com  END  -->


<script src="https://biggerbreakerfind.com/48/5f/74/485f7426bb614d7e620b0e088268e010.js"></script>
</body>
</html>
