From c89cf179a834075b373223ecf7d4df044ed629aa Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 26 Sep 2025 04:24:00 +0000
Subject: [PATCH] feat: Add initial HTML structure and styling for the page

Co-authored-by: sudirput623 <sudirput623@gmail.com>
---
 index.html | 606 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 606 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..201b1bf
--- /dev/null
+++ b/index.html
@@ -0,0 +1,606 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="google" content="notranslate" />
+  <meta name="color-scheme" content="light dark" />
+  <title>oooops - Combined</title>
+
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
+
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
+
+    :root {
+      --surface: #111217;
+      --text: #ffffff;
+      --muted-text: #a8dadc;
+      --primary: #1d3557;
+      --primary-hover: #457b9d;
+      --toast-bg: #1d3557;
+      --chip-bg: rgba(0,0,0,0.4);
+      --focus: #8ecae6;
+    }
+    .light {
+      --surface: #ffffff;
+      --text: #0e1726;
+      --muted-text: #235d6a;
+      --primary: #1d3557;
+      --primary-hover: #457b9d;
+      --toast-bg: #1d3557;
+      --chip-bg: rgba(0,0,0,0.4);
+      --focus: #264653;
+    }
+
+    * { box-sizing: border-box; }
+    html, body { margin: 0; padding: 0; height: 100%; font-family: Arial, sans-serif; color: var(--text); }
+    body {
+      background: url('https://res.cloudinary.com/drpnatfts/image/upload/v1757012184/LEAKSOFHEAVENHUB_ON_TELEGRAM_-_825_dwqn4w.jpg') no-repeat center center fixed;
+      background-size: cover;
+    }
+    .centered { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; text-align: center; padding: 0 20px; }
+    .language-switch {
+      position: absolute; top: 10px; right: 10px; font-size: 14px; background: var(--chip-bg);
+      padding: 6px 12px; border-radius: 6px; cursor: pointer; color: var(--text);
+    }
+    .language-switch button { background: none; color: inherit; border: none; cursor: pointer; font: inherit; }
+    .language-switch button:focus-visible { outline: 3px solid var(--focus); border-radius: 6px; }
+
+    input[type="password"] { padding: 10px; font-size: 16px; border-radius: 5px; border: none; }
+    .field-row { display: inline-flex; align-items: center; gap: 8px; }
+    .icon-btn { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; border: none; cursor: pointer; background: var(--primary); color: #fff; }
+    .icon-btn:hover { background: var(--primary-hover); }
+
+    button.primary {
+      padding: 10px 20px; font-size: 16px; margin: 10px; border: none; cursor: pointer; border-radius: 5px;
+      background-color: var(--primary); color: white;
+    }
+    button.primary:hover { background-color: var(--primary-hover); }
+    .copy-btn { background: none; border: none; font-size: 18px; cursor: pointer; color: var(--text); margin-left: 8px; vertical-align: middle; }
+    .copy-btn:hover { color: var(--muted-text); }
+    .password-text { font-size: 14px; margin-top: 5px; color: var(--muted-text); cursor: pointer; }
+    .password-text:hover { text-decoration: underline; }
+
+    #second-page {
+      display: none; min-height: 100%; padding: 60px 20px 40px; text-align: center; background-size: cover;
+      background-repeat: no-repeat; background-position: center center; background-attachment: fixed;
+      transition: background 1s ease-in-out;
+    }
+    .link-wrapper { margin: 30px 0; font-size: 18px; }
+    .name-container {
+      position: relative; display: inline-block; font-family: 'Pirata One', cursive; font-size: 50px; color: orange;
+      text-shadow: 0 0 20px #ff5500, 0 0 40px #ff2200, 0 0 60px #ff0000; z-index: 1;
+    }
+    .flames { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%); width: 200px; height: 150px; pointer-events: none; z-index: 0; }
+    .flame {
+      position: absolute; bottom: 0; width: 6px; height: 20px;
+      background: radial-gradient(ellipse at center, #ff0, #f00, transparent);
+      border-radius: 50%; animation: rise 1s linear infinite; opacity: 0.8;
+    }
+    @keyframes rise {
+      0% { transform: translateY(0) scale(1); opacity: 1; }
+      100% { transform: translateY(-120px) scale(0.5); opacity: 0; }
+    }
+    .hint-value { color: gold; font-weight: bold; }
+    .container { position: absolute; width: 320px; opacity: 0; transition: top 2s ease, left 2s ease; text-align: center; }
+    a.link-text { color: red; text-decoration: none; font-weight: bold; }
+    a.link-text:hover { text-decoration: underline; color: green; }
+
+    /* Reduced motion support */
+    @media (prefers-reduced-motion: reduce) {
+      .container { transition: none; }
+      .flame { animation: none; }
+      #second-page { transition: none; }
+    }
+
+    /* Circular Navbar */
+    .navbar-wrapper {
+      position: fixed;
+      bottom: 30px;
+      right: 30px;
+      width: 320px;
+      height: 320px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      z-index: 1000;
+      pointer-events: none;
+    }
+    .navbar {
+      width: 320px;
+      height: 320px;
+      background-color: #dbddfa;
+      border-radius: 50%;
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      transform: scale(0) rotate(-180deg);
+      transition: transform .5s ease-in-out;
+      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+      background-image: conic-gradient(
+        white 0deg 2deg, transparent 2deg 70deg,
+        white 70deg 72deg, transparent 72deg 142deg,
+        white 142deg 144deg, transparent 144deg 214deg,
+        white 214deg 216deg, transparent 216deg 286deg,
+        white 286deg 288deg, transparent 288deg 358deg,
+        white 358deg 360deg
+      );
+      pointer-events: auto;
+    }
+    .navbar-link {
+      position: absolute;
+      width: 50px;
+      height: 50px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 50%;
+      background: transparent;
+    }
+    .navbar-link i { font-size: 2rem; transition: .3s; }
+    .navbar-link:hover i { opacity: 0.6; transform: scale(1.2); }
+    i.fa-facebook { color: #4267B2; }
+    i.fa-instagram { color: #E1306C; }
+    i.fa-telegram { color: #0088cc; }
+    i.fa-moon { color: #222; }
+    i.fa-language { color: #ff9800; }
+    body.dark i.fa-moon { color: #fff; }
+    .navbar-link:nth-child(1) { transform: rotate(36deg) translate(100px) rotate(-36deg); }
+    .navbar-link:nth-child(2) { transform: rotate(108deg) translate(100px) rotate(-108deg); }
+    .navbar-link:nth-child(3) { transform: rotate(180deg) translate(100px) rotate(-180deg); }
+    .navbar-link:nth-child(4) { transform: rotate(252deg) translate(100px) rotate(-252deg); }
+    .navbar-link:nth-child(5) { transform: rotate(324deg) translate(100px) rotate(-324deg); }
+    .navbar-btn {
+      position: absolute;
+      width: 6rem;
+      height: 6rem;
+      background-color: #424242;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 50%;
+      cursor: pointer;
+      box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
+      transition: transform 0.5s;
+      z-index: 10;
+      pointer-events: auto;
+      color: #fff;
+      border: none;
+    }
+    .navbar-btn i { font-size: 2rem; transition: transform 0.5s; color: #fff; }
+    .navbar-btn:hover, .navbar-btn:hover i { transform: scale(1.15); }
+    .change .navbar { transform: scale(1) rotate(0deg); }
+    .change .navbar-btn i { transform: rotate(45deg); }
+
+    /* Focus styles */
+    a:focus-visible, button:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; border-radius: 6px; }
+
+    /* Utility */
+    .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
+
+    /* Toast */
+    #toast-root { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 9999; display: flex; gap: 10px; flex-direction: column; align-items: center; }
+    .toast { background: var(--toast-bg); color: #fff; padding: 12px 20px; border-radius: 6px; font-size: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
+  </style>
+</head>
+<body class="light">
+
+  <div class="language-switch" aria-live="polite">
+    <button id="languageSwitch" type="button" aria-label="Toggle language">🌐 <span id="langChip">বাংলা | English</span></button>
+  </div>
+
+  <main id="login-page" class="centered" aria-labelledby="login-heading">
+    <h1 id="login-heading" data-i18n-key="loginHeading">🔐 Enter Password</h1>
+    <div class="field-row" role="group" aria-label="Password field">
+      <input type="password" id="pass" placeholder="Password" autocomplete="current-password" aria-label="Password" />
+      <button class="icon-btn" id="togglePassword" type="button" aria-label="Show or hide password"><i class="fas fa-eye"></i></button>
+    </div>
+    <div>
+      <button type="button" class="primary" id="btn-submit" data-i18n-key="submit">Submit</button>
+    </div>
+    <p id="msg" role="status" aria-live="polite"></p>
+    <div style="margin-top:12px;">
+      <button type="button" class="icon-btn" id="toggleMotion" aria-pressed="false" aria-label="Pause animations"><i class="fas fa-pause"></i></button>
+      <span style="font-size:12px; color: var(--muted-text);" id="motionLabel" data-i18n-key="pauseAnimations">Pause animations</span>
+    </div>
+  </main>
+
+  <section id="main-page" style="display:none;" aria-label="Main">
+    <div class="container" id="box">
+      <div class="name-container">
+        oooops
+        <div class="flames" id="flames-container" aria-hidden="true"></div>
+      </div>
+      <div>
+        <span id="hint-label" data-i18n-key="passwordHint">Password hint:</span>
+        <span class="hint-value" id="hint">fah or 32426432</span>
+      </div>
+      <br />
+      <div>
+        <a href="#" id="mega-link-btn" data-i18n-key="megaLinks">🔗 Mega Links</a>
+      </div>
+    </div>
+  </section>
+
+  <section id="second-page" aria-label="Links" hidden>
+    <div style="position:sticky; top:10px; display:flex; justify-content:center; gap:12px;">
+      <button type="button" class="primary" id="backBtn" data-i18n-key="back">⬅ Back</button>
+    </div>
+    <h2 id="link-heading" data-i18n-key="linksHeading">🚀 Available Mega Links</h2>
+    <div class="link-wrapper"> <a class="link-text" id="link1" href="https://mega.nz/folder/6NkmUKqL#ACyx_ss_4b-B_hHN6fDeXQ" target="_blank" rel="noopener noreferrer">📁 Link 1</a> <button class="copy-btn" data-copy="link1" aria-label="Copy link 1">📋</button><br /> <button class="password-text" data-copy-text="fah" id="pw1">🔒 Password: fah (click to copy)</button> </div>
+    <div class="link-wrapper"> <a class="link-text" id="link2" href="https://mega.nz/folder/SnZXSZaK#jbTkWMfl52hSKK0zlIMTzQ" target="_blank" rel="noopener noreferrer">📁 Link 2</a> <button class="copy-btn" data-copy="link2" aria-label="Copy link 2">📋</button><br /> <button class="password-text" data-copy-text="32426432" id="pw2">🔒 Password: 32426432 (click to copy)</button> </div>
+    <div class="link-wrapper"> <a class="link-text" id="link3" href="https://mega.nz/folder/gXcA0DYT#uY3X2PgTHESpecAFnfO1Gg" target="_blank" rel="noopener noreferrer">📁 Link 3</a> <button class="copy-btn" data-copy="link3" aria-label="Copy link 3">📋</button><br /> <button class="password-text" data-copy-text="fah324" id="pw3">🔒 Password: fah324 (click to copy)</button> </div>
+    <div class="link-wrapper"> <a class="link-text" id="link4" href="https://mega.nz/folder/coxiRQbZ#ucaVDDd3gKzkQKEWWTFB8Q" target="_blank" rel="noopener noreferrer">📁 Link 4</a> <button class="copy-btn" data-copy="link4" aria-label="Copy link 4">📋</button><br /> <button class="password-text" data-copy-text="fah" id="pw4">🔒 Password: fah (click to copy)</button> </div>
+    <div class="link-wrapper"> <a class="link-text" id="link5" href="https://mega.nz/folder/XJZ10TZB#5siEizkLHs5Sjd359yB_VA" target="_blank" rel="noopener noreferrer">📁 Link 5</a> <button class="copy-btn" data-copy="link5" aria-label="Copy link 5">📋</button><br /> <button class="password-text" data-copy-text="32426432" id="pw5">🔒 Password: 32426432 (click to copy)</button> </div>
+    <div class="link-wrapper"> <a class="link-text" id="link6" href="https://mega.nz/folder/iZVSXSrL#b0wzF0-KvaATUCkLMkQX4w" target="_blank" rel="noopener noreferrer">📁 Link 6</a> <button class="copy-btn" data-copy="link6" aria-label="Copy link 6">📋</button><br /> <button class="password-text" data-copy-text="fah324" id="pw6">🔒 Password: fah324 (click to copy)</button> </div>
+    <div class="link-wrapper"> <a class="link-text" id="link7" href="https://mega.nz/folder/WSZhSKQR#858WdYJIplW1pUcfFTn-Gw" target="_blank" rel="noopener noreferrer">📁 Link 7</a> <button class="copy-btn" data-copy="link7" aria-label="Copy link 7">📋</button><br /> <button class="password-text" data-copy-text="fah" id="pw7">🔒 Password: fah (click to copy)</button> </div>
+    <div class="link-wrapper"> <a class="link-text" id="link8" href="https://mega.nz/folder/IgZjhIwT#0de6U-lmV9UDbwaYejHueQ" target="_blank" rel="noopener noreferrer">📁 Link 8</a> <button class="copy-btn" data-copy="link8" aria-label="Copy link 8">📋</button><br /> <button class="password-text" data-copy-text="32426432" id="pw8">🔒 Password: 32426432 (click to copy)</button> </div>
+    <div class="link-wrapper"> <a class="link-text" id="link9" href="https://mega.nz/file/bOhgCBgR#FQBEXVhEVZFJtumsx8_PC0RdkIJPBE1Efd0L75Jzqr4" target="_blank" rel="noopener noreferrer">📁 Link 9</a> <button class="copy-btn" data-copy="link9" aria-label="Copy link 9">📋</button><br /> <button class="password-text" data-copy-text="fah324" id="pw9">🔒 Password: fah324 (click to copy)</button> </div>
+  </section>
+
+  <div class="navbar-wrapper" aria-live="polite">
+    <nav class="navbar" id="floatingMenu" aria-label="Floating menu">
+      <a href="https://www.facebook.com" class="navbar-link" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
+      <a href="https://www.instagram.com" class="navbar-link" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+      <a href="https://t.me/yourchannel" class="navbar-link" target="_blank" rel="noopener noreferrer" aria-label="Telegram"><i class="fab fa-telegram"></i></a>
+      <a href="#" class="navbar-link" id="darkToggle" aria-label="Toggle dark mode"><i class="fas fa-moon"></i></a>
+      <a href="#" class="navbar-link" id="langToggle" aria-label="Toggle language"><i class="fas fa-language"></i></a>
+    </nav>
+    <button class="navbar-btn" id="navBtn" aria-expanded="false" aria-controls="floatingMenu"><i class="fas fa-plus"></i><span class="visually-hidden">Menu</span></button>
+  </div>
+
+  <div id="toast-root" aria-live="polite" aria-atomic="true"></div>
+
+  <script>
+    (function() {
+      const PASSWORD_HASH_HEX = 'db2a36f1f677149f3bfd90331319a91fe890fa876d31964a1312b36b2f679f6d';
+      const STORAGE_KEYS = { lang: 'pref_lang', theme: 'pref_theme', anim: 'pref_anim', auth: 'authed' };
+      const DEFAULTS = { lang: 'en', theme: 'light', anim: !window.matchMedia('(prefers-reduced-motion: reduce)').matches };
+
+      let isEnglish = true;
+      let animationsEnabled = DEFAULTS.anim;
+      let bgInterval = null;
+      let animateLoopCancel = null;
+
+      const el = (id) => document.getElementById(id);
+
+      const i18n = {
+        en: {
+          loginHeading: '🔐 Enter Password',
+          submit: 'Submit',
+          wrongPassword: '❌ Wrong password!',
+          passwordHint: 'Password hint:',
+          hintValue: 'fah or 32426432',
+          megaLinks: '🔗 Mega Links',
+          linksHeading: '🚀 Available Mega Links',
+          back: '⬅ Back',
+          pauseAnimations: 'Pause animations',
+          resumeAnimations: 'Resume animations',
+          copiedLink: '🔗 Copied link: ',
+          copiedPassword: '🔒 Copied password: ',
+          chipBnEn: 'বাংলা | English',
+          chipEnBn: 'English | বাংলা',
+          pwLabel: (pw) => `🔒 Password: ${pw} (click to copy)`
+        },
+        bn: {
+          loginHeading: '🔐 পাসওয়ার্ড দিন',
+          submit: 'সাবমিট',
+          wrongPassword: '❌ ভুল পাসওয়ার্ড!',
+          passwordHint: 'পাসওয়ার্ড হিন্ট:',
+          hintValue: 'fah অথবা 32426432',
+          megaLinks: '🔗 Mega লিংকসমূহ',
+          linksHeading: '🚀 মেগা লিংকস',
+          back: '⬅ ফিরে যান',
+          pauseAnimations: 'অ্যানিমেশন বিরতি',
+          resumeAnimations: 'অ্যানিমেশন চালু',
+          copiedLink: '🔗 লিংক কপি হয়েছে: ',
+          copiedPassword: '🔒 পাসওয়ার্ড কপি হয়েছে: ',
+          chipBnEn: 'English | বাংলা',
+          chipEnBn: 'বাংলা | English',
+          pwLabel: (pw) => `🔒 পাসওয়ার্ড: ${pw} (ক্লিক করে কপি করুন)`
+        }
+      };
+
+      function currentDict() { return isEnglish ? i18n.en : i18n.bn; }
+
+      async function sha256Hex(text) {
+        try {
+          const data = new TextEncoder().encode(text);
+          const digest = await crypto.subtle.digest('SHA-256', data);
+          const bytes = Array.from(new Uint8Array(digest));
+          return bytes.map(b => b.toString(16).padStart(2, '0')).join('');
+        } catch (err) {
+          // Fallback for non-secure contexts or older browsers: pure JS SHA-256 via CDN
+          if (!window.jsSHA) {
+            await new Promise((resolve, reject) => {
+              const s = document.createElement('script');
+              s.src = 'https://cdn.jsdelivr.net/npm/jssha@3.3.1/dist/sha256.js';
+              s.async = true;
+              s.onload = resolve;
+              s.onerror = () => reject(new Error('Failed to load SHA-256 fallback'));
+              document.head.appendChild(s);
+            });
+          }
+          const shaObj = new jsSHA('SHA-256', 'TEXT', { encoding: 'UTF8' });
+          shaObj.update(text);
+          return shaObj.getHash('HEX');
+        }
+      }
+
+      async function verifyPassword(input) {
+        const hash = await sha256Hex(input);
+        return hash === PASSWORD_HASH_HEX;
+      }
+
+      function showToast(message) {
+        const root = el('toast-root');
+        const node = document.createElement('div');
+        node.className = 'toast';
+        node.textContent = message;
+        root.appendChild(node);
+        setTimeout(() => node.remove(), 2500);
+      }
+
+      function store(key, value) { try { localStorage.setItem(key, value); } catch (e) {} }
+      function load(key) { try { return localStorage.getItem(key); } catch (e) { return null; } }
+
+      function applyTheme(theme) {
+        document.body.classList.toggle('dark', theme === 'dark');
+        document.body.classList.toggle('light', theme === 'light');
+        store(STORAGE_KEYS.theme, theme);
+      }
+
+      function applyLanguage(lang) {
+        isEnglish = (lang === 'en');
+        const dict = currentDict();
+        document.documentElement.lang = isEnglish ? 'en' : 'bn';
+
+        document.querySelectorAll('[data-i18n-key]').forEach(node => {
+          const key = node.getAttribute('data-i18n-key');
+          if (!key) return;
+          if (key === 'pwLabel') return; // handled separately
+          node.textContent = dict[key] || node.textContent;
+        });
+
+        // Update hint value
+        el('hint').textContent = dict.hintValue;
+        // Update chip labels (top-right and navbar icon tooltip context)
+        el('langChip').textContent = isEnglish ? dict.chipBnEn : dict.chipEnBn;
+
+        // Update all password labels
+        [['pw1','fah'], ['pw2','32426432'], ['pw3','fah324'], ['pw4','fah'], ['pw5','32426432'], ['pw6','fah324'], ['pw7','fah'], ['pw8','32426432'], ['pw9','fah324']]
+          .forEach(([id, pw]) => { const n = el(id); if (n) n.textContent = (currentDict().pwLabel(pw)); });
+
+        store(STORAGE_KEYS.lang, lang);
+      }
+
+      function setAnimationsEnabled(enabled) {
+        animationsEnabled = enabled;
+        const btn = el('toggleMotion');
+        const label = el('motionLabel');
+        btn.setAttribute('aria-pressed', enabled ? 'false' : 'true');
+        label.textContent = enabled ? currentDict().pauseAnimations : currentDict().resumeAnimations;
+        store(STORAGE_KEYS.anim, enabled ? '1' : '0');
+      }
+
+      function startFlames() {
+        const container = el('flames-container');
+        function createFlame() {
+          if (!animationsEnabled) return;
+          const flame = document.createElement('div');
+          flame.classList.add('flame');
+          flame.style.left = Math.random() * 100 + 'px';
+          flame.style.animationDuration = (0.8 + Math.random() * 0.6) + 's';
+          flame.style.opacity = (Math.random() * 0.8 + 0.2).toString();
+          container.appendChild(flame);
+          setTimeout(() => flame.remove(), 1200);
+        }
+        return setInterval(createFlame, 100);
+      }
+
+      function moveTo(box, left, top, delay = 0) {
+        return new Promise(resolve => {
+          setTimeout(() => {
+            box.style.left = left;
+            box.style.top = top;
+            resolve();
+          }, delay);
+        });
+      }
+
+      async function runAnimationLoop() {
+        const box = el('box');
+        box.style.opacity = '1';
+        let cancelled = false;
+        animateLoopCancel = () => { cancelled = true; };
+        while (!cancelled) {
+          if (animationsEnabled) {
+            await moveTo(box, '0px', '0px');
+            await moveTo(box, 'calc(100% - 340px)', '0px', 2000);
+            await new Promise(r => setTimeout(r, 3000));
+            await moveTo(box, '0px', '40%');
+            await moveTo(box, 'calc(100% - 340px)', '40%', 2000);
+            await new Promise(r => setTimeout(r, 3000));
+            await moveTo(box, '0px', '80%');
+            await moveTo(box, 'calc(100% - 340px)', '80%', 2000);
+            await new Promise(r => setTimeout(r, 3000));
+            await moveTo(box, 'calc(50% - 160px)', '20px', 2000);
+            await new Promise(r => setTimeout(r, 20000));
+          } else {
+            await new Promise(r => setTimeout(r, 300));
+          }
+        }
+      }
+
+      function startBackgroundRotation() {
+        const secondPage = el('second-page');
+        const backgrounds = [
+          "url('https://res.cloudinary.com/drpnatfts/image/upload/v1757012140/LEAKSOFHEAVENHUB_ON_TELEGRAM_-_886_opbt7g.jpg')",
+          "url('https://res.cloudinary.com/drpnatfts/image/upload/v1757012181/LEAKSOFHEAVENHUB_ON_TELEGRAM_-_308_wsvyhu.jpg')",
+          "url('https://res.cloudinary.com/drpnatfts/image/upload/v1757012182/LEAKSOFHEAVENHUB_ON_TELEGRAM_-_327_rm5nvv.jpg')",
+        ];
+        let index = 0;
+        function changeBackground() {
+          secondPage.style.background = `${backgrounds[index]} no-repeat center center fixed`;
+          secondPage.style.backgroundSize = 'cover';
+          index = (index + 1) % backgrounds.length;
+        }
+        changeBackground();
+        if (bgInterval) clearInterval(bgInterval);
+        if (animationsEnabled) {
+          bgInterval = setInterval(changeBackground, 10000);
+        }
+      }
+
+      function stopBackgroundRotation() {
+        if (bgInterval) { clearInterval(bgInterval); bgInterval = null; }
+      }
+
+      async function onSubmit() {
+        const input = el('pass').value;
+        const msg = el('msg');
+        const ok = await verifyPassword(input);
+        msg.textContent = ok ? '' : currentDict().wrongPassword;
+        if (ok) {
+          store(STORAGE_KEYS.auth, '1');
+          el('login-page').style.display = 'none';
+          el('main-page').style.display = 'block';
+          runAnimationLoop();
+          startFlames();
+        }
+      }
+
+      function openSecondPage() {
+        stopBackgroundRotation();
+        startBackgroundRotation();
+        document.body.style.background = 'none';
+        el('main-page').style.display = 'none';
+        el('second-page').hidden = false;
+        el('second-page').style.display = 'block';
+      }
+
+      function backToMain() {
+        stopBackgroundRotation();
+        el('second-page').hidden = true;
+        el('second-page').style.display = 'none';
+        el('main-page').style.display = 'block';
+        // Restore original body background
+        document.body.style.background = "url('https://res.cloudinary.com/drpnatfts/image/upload/v1757012184/LEAKSOFHEAVENHUB_ON_TELEGRAM_-_825_dwqn4w.jpg') no-repeat center center fixed";
+        document.body.style.backgroundSize = 'cover';
+      }
+
+      async function copyText(text, type) {
+        try {
+          await navigator.clipboard.writeText(text);
+        } catch (e) {
+          const textarea = document.createElement('textarea');
+          textarea.value = text;
+          document.body.appendChild(textarea);
+          textarea.select();
+          try { document.execCommand('copy'); } finally { textarea.remove(); }
+        }
+        showToast((type === 'link' ? currentDict().copiedLink : currentDict().copiedPassword) + text);
+      }
+
+      function restorePreferences() {
+        const savedLang = load(STORAGE_KEYS.lang);
+        const savedTheme = load(STORAGE_KEYS.theme);
+        const savedAnim = load(STORAGE_KEYS.anim);
+        const authed = load(STORAGE_KEYS.auth) === '1';
+
+        applyTheme(savedTheme === 'dark' ? 'dark' : 'light');
+        applyLanguage(savedLang === 'bn' ? 'bn' : 'en');
+        setAnimationsEnabled(savedAnim === '0' ? false : DEFAULTS.anim);
+
+        if (authed) {
+          el('login-page').style.display = 'none';
+          el('main-page').style.display = 'block';
+          runAnimationLoop();
+          startFlames();
+        }
+      }
+
+      function wireEvents() {
+        // Submit
+        el('btn-submit').addEventListener('click', onSubmit);
+        el('pass').addEventListener('keypress', (e) => { if (e.key === 'Enter') onSubmit(); });
+
+        // Show/hide password
+        const togglePassword = el('togglePassword');
+        togglePassword.addEventListener('click', () => {
+          const field = el('pass');
+          const isPwd = field.type === 'password';
+          field.type = isPwd ? 'text' : 'password';
+          togglePassword.innerHTML = isPwd ? '<i class="fas fa-eye-slash"></i>' : '<i class="fas fa-eye"></i>';
+        });
+
+        // Mega Links open
+        el('mega-link-btn').addEventListener('click', (e) => { e.preventDefault(); openSecondPage(); });
+        el('backBtn').addEventListener('click', backToMain);
+
+        // Copy link buttons (event delegation)
+        document.addEventListener('click', (e) => {
+          const btn = e.target.closest('[data-copy]');
+          if (btn) {
+            const id = btn.getAttribute('data-copy');
+            const link = el(id);
+            if (link && link.href) copyText(link.href, 'link');
+          }
+          const pwBtn = e.target.closest('[data-copy-text]');
+          if (pwBtn) {
+            const text = pwBtn.getAttribute('data-copy-text') || '';
+            copyText(text, 'pw');
+          }
+        });
+
+        // Language toggles
+        const toggleLang = () => {
+          const next = isEnglish ? 'bn' : 'en';
+          applyLanguage(next);
+        };
+        el('langToggle').addEventListener('click', (e) => { e.preventDefault(); toggleLang(); });
+        el('languageSwitch').addEventListener('click', toggleLang);
+
+        // Dark mode
+        el('darkToggle').addEventListener('click', (e) => {
+          e.preventDefault();
+          const theme = document.body.classList.contains('dark') ? 'light' : 'dark';
+          applyTheme(theme);
+        });
+
+        // Animations pause/resume
+        el('toggleMotion').addEventListener('click', () => {
+          const enabled = !animationsEnabled;
+          setAnimationsEnabled(enabled);
+          if (!enabled) {
+            if (animateLoopCancel) animateLoopCancel();
+            stopBackgroundRotation();
+          } else {
+            if (el('main-page').style.display === 'block') runAnimationLoop();
+            if (el('second-page').style.display === 'block') startBackgroundRotation();
+          }
+        });
+
+        // Circular navbar
+        const navBtn = el('navBtn');
+        const navWrapper = document.querySelector('.navbar-wrapper');
+        navBtn.addEventListener('click', () => {
+          const expanded = navBtn.getAttribute('aria-expanded') === 'true';
+          navBtn.setAttribute('aria-expanded', expanded ? 'false' : 'true');
+          navWrapper.classList.toggle('change');
+        });
+      }
+
+      // Init
+      restorePreferences();
+      wireEvents();
+    })();
+  </script>
+
+</body>
+</html>
+
