<!DOCTYPE html>
<html lang="id-ID">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    
    <title>GASPOL189 | Akses Rekomendasi Slot Gacor PG Soft Super Scatter Hitam</title>
    <meta name="description" content="Akses rekomendasi slot gacor PG Soft dengan Super Scatter Hitam RTP Live 96.8% hanya di GASPOL189. Coba slot demo gratis dan raih maxwin sekarang juga!">
    <meta name="keywords" content="GASPOL189, slot gacor, scatter hitam, PG Soft, slot demo, RTP 96.8">
    <meta name="google-site-verification" content="OShQmIzEEWRrFBe1ymuZyui23lNt2Pt9UIIeo9kyT1Q" />
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
    
    <link rel="canonical" href="https://www.bestqualityjerseys.com/return-policy">
    <link rel="amphtml" href="https://bestqualityjerseys.vercel.app/"/>
    <link rel="alternate" hreflang="id-id" href="https://bestqualityjerseys.vercel.app/"/>
    <link rel="alternate" hreflang="id" href="https://bestqualityjerseys.vercel.app/"/>
    <link rel="alternate" hreflang="en" href="https://bestqualityjerseys.vercel.app/"/>    
    <link rel="alternate" hreflang="x-default" href="https://bestqualityjerseys.vercel.app/" />
    
    <meta property="og:title" content="GASPOL189 | Akses Rekomendasi Slot Gacor PG Soft Super Scatter Hitam">
    <meta property="og:description" content="Akses rekomendasi slot gacor PG Soft dengan Super Scatter Hitam &amp; RTP Live 96.8% hanya di GASPOL189. Coba slot demo gratis dan raih maxwin sekarang juga!">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.bestqualityjerseys.com/return-policy">
    <meta property="og:image" content="https://res.cloudinary.com/ddydwajsd/image/upload/v1785007551/gaspol-demoslot_nk4sc3.png">
    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="GASPOL189 | Akses Rekomendasi Slot Gacor PG Soft Super Scatter Hitam">
    <meta name="twitter:description" content="Akses rekomendasi slot gacor PG Soft dengan Super Scatter Hitam &amp; RTP Live 96.8% hanya di GASPOL189. Coba slot demo gratis dan raih maxwin sekarang juga!">

    <link rel="icon" href="https://asset01.source-static.us/assets/rajaplay/gaspol189/components/logo-gaspol189a.png" type="image/png">
    <link rel="apple-touch-icon" href="https://asset01.source-static.us/assets/rajaplay/gaspol189/components/logo-gaspol189a.png">

    <!-- SCHEMA -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "GASPOL189",
        "url": "https://www.bestqualityjerseys.com/return-policy",
        "logo": "https://asset01.source-static.us/assets/rajaplay/gaspol189/components/logo-gaspol189a.png",
        "description": "Akses rekomendasi slot gacor PG Soft dengan Super Scatter Hitam & RTP Live 96.8%.",
        "sameAs": [
            "https://www.facebook.com/gaspol189",
            "https://www.twitter.com/gaspol189",
            "https://www.instagram.com/gaspol189"
        ]
    }
    </script>
    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "GASPOL189",
        "url": "https://www.bestqualityjerseys.com/return-policy",
        "description": "Akses rekomendasi slot gacor PG Soft dengan Super Scatter Hitam & RTP Live 96.8%."
    }
    </script>

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "GASPOL189",
        "description": "Platform rekomendasi slot online PG Soft dengan fitur Super Scatter Hitam, slot demo gratis, dan RTP Live 96.8%.",
        "applicationCategory": "GameApplication",
        "operatingSystem": "Web, Android, iOS",
        "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "IDR",
            "availability": "https://schema.org/InStock",
            "url": "https://www.bestqualityjerseys.com/return-policy"
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.9",
            "reviewCount": "2150"
        }
    }
    </script>

    <!-- Bootstrap, Fonts & CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap" rel="stylesheet">
    
    <style>
        /* --- RESET & BASE --- */
        html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            min-height: 100vh;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            color: #ffffff;
            background: transparent;
        }

        /* ===== VIDEO BACKGROUND GLOBAL ===== */
        #bgVideoGlobal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            object-fit: cover;
            z-index: -2;
            pointer-events: none;
        }

        /* ===== OVERLAY GELAP ===== */
        .global-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            z-index: -1;
            pointer-events: none;
        }

        /* --- SEMUA ELEMEN KONTEN MENJADI TRANSPARAN --- */
        .navbar {
            background: rgba(0, 0, 0, 0.4) !important;
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        .navbar .nav-link, .navbar .navbar-brand {
            color: #ffffff !important;
        }
        .navbar .nav-link:hover {
            color: #ffd700 !important;
        }

        .alert-brand {
            background: rgba(0, 0, 0, 0.6) !important;
            backdrop-filter: blur(6px);
            -webkit-backdrop-filter: blur(6px);
            color: #ffffff !important;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        .alert-brand a {
            color: #ffd700 !important;
        }

        .section {
            padding: 2rem 0 3rem;
            background: transparent !important;
        }


        /* =============================================================== */
        /* ===== BANNER UTAMA DIPAKU / TIDAK BERGERAK SAMA SEKALI ===== */
        /* =============================================================== */
        .theme-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.06); }
        .theme-card__body { position: relative; overflow: hidden; }
        .theme-card__img { width: 100%; height: auto; display: block; }
        .theme-card__body__overlay {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(15,23,42,0.35);
            opacity: 0;
            transition: opacity 0.2s;
        }
        .theme-card:hover .theme-card__body__overlay { opacity: 1; }
        .theme-card__body__overlay .btn {
            background: #0000005c;
            color: #0f172a;
            border: none;
            padding: 0.4rem 1.5rem;
            font-weight: 600;
            border-radius: 50px;
        }
        .feature-screenshot {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            max-width: 100%;
            background: rgba(0, 0, 0, 0.3) !important;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.4);
            border: 1px solid rgba(255,255,255,0.1);
        }

        /* ===== PAKU BANNER: TIDAK BERGERAK ===== */
        .feature-screenshot img,
        .feature-screenshot .GASPOL189,
        .GASPOL189 {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            position: relative !important;
            z-index: 1 !important;
            
            /* === PAKU: TIDAK ADA ANIMASI / TRANSFORMASI === */
            animation: none !important;
            transition: none !important;
            transform: none !important;
            -webkit-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -o-transform: none !important;
            
            /* === PERLINDUNGAN EKSTRA === */
            will-change: auto !important;
            backface-visibility: hidden !important;
            -webkit-backface-visibility: hidden !important;
            perspective: none !important;
            -webkit-perspective: none !important;
            
            /* === TIDAK ADA HOVER EFFECT === */
            pointer-events: auto !important;
            cursor: default !important;
        }

        /* === PAKU: OVERLAY TETAP DI ATAS === */
        .feature-screenshot__overlay {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0,0,0,0.2);
            opacity: 0;
            transition: opacity 0.25s ease;
            z-index: 10;
            pointer-events: none;
        }
        .feature-screenshot:hover .feature-screenshot__overlay { opacity: 1; }
        .feature-screenshot__overlay .btn {
            pointer-events: auto;
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            border: 2px solid #fff;
            padding: 0.6rem 2rem;
            font-weight: 600;
            border-radius: 50px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
            transition: transform 0.15s;
        }
        .feature-screenshot__overlay .btn:hover { 
            transform: scale(1.03); 
            background: #ffffff; 
            color: #0f172a; 
            border-color: #ffffff; 
        }

        /* ============================================================ */
        /* ===== EFEK TOMBOL LOGIN/DAFTAR: PETIR & ASAP API ===== */
        /* ============================================================ */
        .btn-electric {
            position: relative;
            background: rgba(0, 0, 0, 0.7) !important;
            border: none !important;
            color: #fff !important;
            font-weight: 700;
            padding: 0.6rem 1.8rem !important;
            border-radius: 50px !important;
            text-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
            transition: all 0.3s ease;
            z-index: 1;
            overflow: visible !important;
            margin: 0 5px;
        }

        .btn-electric::before {
            content: '';
            position: absolute;
            top: -3px;
            left: -3px;
            right: -3px;
            bottom: -3px;
            background: conic-gradient(from 0deg, #ffd700, #ff4500, #ff8c00, #ffff00, #ffd700);
            border-radius: 50px;
            z-index: -2;
            animation: electricSpin 2.5s linear infinite;
            filter: blur(1px);
        }

        .btn-electric::after {
            content: '';
            position: absolute;
            inset: 2px;
            background: rgba(10, 10, 20, 0.9);
            border-radius: 50px;
            z-index: -1;
            transition: all 0.3s ease;
        }

        @keyframes electricSpin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .btn-electric .particle {
            position: absolute;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 200, 0, 0.8), rgba(255, 69, 0, 0.4));
            filter: blur(6px);
            pointer-events: none;
            z-index: 0;
            animation: floatSmoke 3s infinite ease-in-out;
            opacity: 0;
        }

        .btn-electric .particle:nth-child(1) {
            width: 20px;
            height: 20px;
            top: -15px;
            left: 10%;
            animation-delay: 0.2s;
        }
        .btn-electric .particle:nth-child(2) {
            width: 30px;
            height: 30px;
            bottom: -20px;
            right: 15%;
            animation-delay: 1.0s;
            background: radial-gradient(circle, rgba(255, 100, 0, 0.6), rgba(200, 50, 0, 0.2));
        }
        .btn-electric .particle:nth-child(3) {
            width: 15px;
            height: 15px;
            top: 50%;
            left: 85%;
            animation-delay: 1.8s;
            background: radial-gradient(circle, rgba(255, 215, 0, 0.9), rgba(255, 69, 0, 0.3));
        }
        .btn-electric .particle:nth-child(4) {
            width: 25px;
            height: 25px;
            bottom: 10%;
            left: 5%;
            animation-delay: 0.7s;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.4), rgba(255, 200, 0, 0.1));
        }

        @keyframes floatSmoke {
            0% { opacity: 0; transform: translate(0, 0) scale(0.5); }
            30% { opacity: 1; }
            70% { opacity: 0.8; }
            100% { opacity: 0; transform: translate(-20px, -40px) scale(1.8); }
        }

        .btn-electric:hover {
            transform: scale(1.08) !important;
            box-shadow: 
                0 0 30px rgba(255, 215, 0, 0.6),
                0 0 60px rgba(255, 69, 0, 0.4),
                0 0 100px rgba(255, 200, 0, 0.2),
                inset 0 0 30px rgba(255, 215, 0, 0.1);
            color: #fff !important;
        }
        .btn-electric:hover::after {
            background: rgba(20, 10, 0, 0.9);
        }

        /* ============================================================ */

        .btn-brand {
            background: #2563eb;
            border-color: #2563eb;
            color: #fff;
            font-weight: 600;
            border-radius: 50px;
            padding: 0.6rem 1.5rem;
            font-size: 0.95rem;
            transition: all 0.15s;
        }
        .btn-brand:hover {
            background: #1d4ed8;
            border-color: #1d4ed8;
            color: #fff;
            box-shadow: 0 4px 12px rgba(37,99,235,0.3);
        }
        .btn-outline-brand {
            background: transparent;
            border: 2px solid #fff;
            color: #fff;
            font-weight: 600;
            border-radius: 50px;
            padding: 0.6rem 1.5rem;
            font-size: 0.95rem;
        }
        .btn-outline-brand:hover { 
            background: #ffffff; 
            color: #0f172a; 
            border-color: #ffffff; 
        }

        .theme-purchases__item {
            background: rgba(0, 0, 0, 0.4) !important;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            border: 1px solid rgba(255,255,255,0.1);
            color: #ffffff;
        }
        .theme-purchases__item__inner p { color: #cccccc; }
        .theme-purchases__item__inner h5 { color: #ffffff; }

        .sub-nav {
            border-bottom: 2px solid rgba(255,255,255,0.2);
        }
        .sub-nav .nav-link {
            color: rgba(255,255,255,0.7);
        }
        .sub-nav .nav-link.active {
            color: #ffffff;
            border-bottom-color: #ffd700;
        }
        .sub-nav .nav-link:hover { color: #ffffff; }

        .theme-description h2, .theme-description h3, .theme-description p, .theme-description li {
            color: #ffffff;
        }
        .theme-description a {
            color: #ffd700 !important;
        }

        .theme-description__list {
            background: rgba(0, 0, 0, 0.4) !important;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            border: 1px solid rgba(255,255,255,0.1);
            color: #ffffff;
        }
        .theme-description__list__item {
            border-bottom: 1px solid rgba(255,255,255,0.1);
            color: #ffffff;
        }
        .theme-description__item__title { color: #ffd700; }

        .theme-review {
            background: rgba(0, 0, 0, 0.4) !important;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            border: 1px solid rgba(255,255,255,0.1);
            color: #ffffff;
        }
        .theme-review__heading h6 { color: #ffffff; }
        .theme-review__body p { color: #f0f0f0; }
        .list-dotted { color: #cccccc; }
        .theme-review__reply {
            border-top: 1px solid rgba(255,255,255,0.15);
        }
        .theme-review__reply__heading { color: #ffd700; }

        .theme-card {
            background: rgba(0, 0, 0, 0.4) !important;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
            border: 1px solid rgba(255,255,255,0.1);
            color: #ffffff;
        }
        .theme-card__title { color: #ffffff; }
        .theme-card__title:hover { color: #ffd700; }
        .theme-card__price { color: #ffd700; }
        .prod_cats_list li {
            background: rgba(255,255,255,0.15);
            color: #ffffff;
        }
        .prod_cats_list a { color: #ffffff; }
        .prod_cats_list a:hover { color: #ffd700; }

        .footer {
            background: rgba(0, 0, 0, 0.5) !important;
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border-top: 1px solid rgba(255,255,255,0.1);
            color: #ffffff;
        }
        .footer h5 { color: #ffffff; }
        .footer .form-text { color: #cccccc; }
        .footer__email-input {
            background: rgba(255,255,255,0.15);
            border: 1px solid rgba(255,255,255,0.2);
            color: #ffffff;
        }
        .footer__email-input::placeholder { color: rgba(255,255,255,0.6); }
        .footer__email-input:focus {
            border-color: #ffd700;
            box-shadow: 0 0 0 0.2rem rgba(255,215,0,0.2);
        }
        .footer__sub-nav .nav-link {
            color: rgba(255,255,255,0.7);
        }
        .footer__sub-nav .nav-link:hover { color: #ffffff; }

        .badge-success {
            background: rgba(40, 167, 69, 0.7) !important;
        }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 767.98px) {
            .section { padding: 1rem 0 2rem; }
            .theme-purchases__item { flex: 1 1 100%; }
            .theme-card__footer {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.3rem;
            }
            .theme-card__footer__item:last-child { align-self: flex-end; }
        }

        /* ===== PERBAIKAN Z-INDEX & POINTER EVENTS UNTUK EFEK BADAI ===== */
        #storm-container,
        .lightning-flash,
        .lightning-bolt,
        .glow-ring {
            pointer-events: none !important;
        }

        .flying-banner {
            z-index: 9999 !important;
            pointer-events: none !important;
        }
    </style>
</head>
<body>

    <!-- ===== VIDEO BACKGROUND GLOBAL ===== -->
    <video id="bgVideoGlobal" autoplay loop muted playsinline>
        <source src="https://res.cloudinary.com/ddydwajsd/video/upload/v1785004854/naga-mnsq.gif_pisokm.mp4" type="video/mp4">
    </video>
    <div class="global-overlay"></div>

    <!-- ===== BANNER PROMO ===== -->
    <div class="alert alert-brand text-center" role="alert">
        🎰 <strong>GASPOL189</strong> | Akses Rekomendasi <strong>Slot Gacor</strong> PG Soft & <strong>Super Scatter Hitam</strong> — RTP Live 96.8%! <a href="https://www.bestqualityjerseys.com/return-policy">Coba Slot Demo Gratis Sekarang</a> 🎰
    </div>

    <!-- NAVBAR -->
    <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container">
            <a class="navbar-brand" href="https://www.bestqualityjerseys.com/return-policy">
                <img src="https://asset01.source-static.us/assets/rajaplay/gaspol189/components/logo-gaspol189a.png" alt="GASPOL189 Slot Gacor PG Soft" style="height:40px;">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#globalNavbar" aria-controls="globalNavbar" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="globalNavbar">
                <form class="form-inline form-navbar my-2 my-lg-0 order-2" action="#">
                    <input class="form-control" name="s" type="text" placeholder="Cari slot gacor..." aria-label="Search" style="background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.2); color:#fff;">
                </form>
                <ul class="navbar-nav mr-auto order-1">
                    <li class="nav-item"><a class="nav-link" href="https://www.bestqualityjerseys.com/return-policy">Beranda</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://www.bestqualityjerseys.com/return-policy">Slot Gacor</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://www.bestqualityjerseys.com/return-policy">Scatter Hitam</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://www.bestqualityjerseys.com/return-policy">PG Soft</a></li>
                </ul>
                <ul class="navbar-nav d-none d-lg-flex ml-2 order-3">
                    <li class="nav-item">
                        <a class="nav-link btn btn-electric btn-sm text-white" href="https://www.bestqualityjerseys.com/return-policy">
                            <span class="particle"></span>
                            <span class="particle"></span>
                            <span class="particle"></span>
                            <span class="particle"></span>
                            Masuk
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link btn btn-electric btn-sm text-white" href="https://www.bestqualityjerseys.com/return-policy" style="background: linear-gradient(45deg, #ff4500, #ff8c00) !important; border: none !important;">
                            <span class="particle"></span>
                            <span class="particle"></span>
                            <span class="particle"></span>
                            <span class="particle"></span>
                            Daftar
                        </a>
                    </li>
                </ul>
                <ul class="navbar-nav d-lg-none">
                    <li class="nav-item-divider"></li>
                    <li class="nav-item"><a class="nav-link" href="https://bestqualityjerseys.vercel.app/">Masuk</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://bestqualityjerseys.vercel.app/">Daftar</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- MAIN -->
    <main id="main" class="site-main main">
        <section class="section">
            <div class="container">
                <div class="row">
                    <div class="col">

                        <!-- H1 TAMPIL DI SEMUA DEVICE (SEO) -->
                        <h1 class="mb-3" style="color:#ffffff; text-shadow: 0 2px 10px rgba(0,0,0,0.8);">GASPOL189 | Akses Rekomendasi Slot Gacor PG Soft Super Scatter Hitam</h1>

                        <div class="row">
                            <!-- LEFT COLUMN -->
                            <div class="col-lg-8 mb-md-0 mb-4">

                                <!-- ===== FEATURE SCREENSHOT DENGAN GAMBAR BANNER (STAY / TIDAK BERGERAK) ===== -->
                                <div class="feature-screenshot">
                                    <img 
                                        src="https://res.cloudinary.com/ddydwajsd/image/upload/v1785007551/gaspol-demoslot_nk4sc3.png" 
                                        alt="GASPOL189 - Rekomendasi Slot Gacor PG Soft Super Scatter Hitam RTP 96.8%"
                                        class="GASPOL189"
                                        id="mainBanner"
                                    />
                                    <a class="feature-screenshot__overlay" href="https://www.bestqualityjerseys.com/return-policy" target="_blank">
                                        <button class="btn">Coba Slot Demo Gratis</button>
                                    </a>
                                </div>

                                <!-- Responsive sidebar (mobile) -->
                                <div class="d-lg-none">
                                    <div class="d-flex justify-content-between align-items-center mt-3">
                                        <div>
                                            <h4 class="mb-1" style="color:#ffffff;">GASPOL189</h4>
                                            <p class="text-gray-soft" style="color:#cccccc;">Rekomendasi Slot Gacor & Scatter Hitam RTP 96.8%</p>
                                        </div>
                                        <h3 class="d-flex align-items-center"><span class="badge badge-success">Demo Gratis</span></h3>
                                    </div>
                                    <div class="d-flex justify-content-between align-items-center mt-2 mb-3">
                                        <a class="btn btn-outline-brand btn-block mr-1" href="https://www.bestqualityjerseys.com/return-policy" target="_blank">Slot Demo</a>
                                        <form action="https://bestqualityjerseys.vercel.app/" method="POST" class="d-block w-100">
                                            <button type="submit" class="btn btn-brand btn-block btn-checkout ml-1">Mainkan Sekarang</button>
                                        </form>
                                    </div>
                                    <div class="theme-purchases">
                                        <div class="theme-purchases__item">
                                            <div class="theme-purchases__item__inner text-center">
                                                <h5 class="mb-0"><i class="fas fa-trophy"></i> 15.200+</h5>
                                                <p>Jackpot Scatter Hitam</p>
                                            </div>
                                        </div>
                                        <div class="theme-purchases__item">
                                            <div class="theme-purchases__item__inner text-center">
                                                <h5 class="mb-0"><i class="fas fa-percent"></i> 96.8%</h5>
                                                <p>RTP Live Tertinggi</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Tabs -->
                                <div class="d-flex justify-content-between align-items-center has-border mt-4">
                                    <ul class="nav sub-nav" role="tablist">
                                        <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#description-tab" role="tab">Info Slot</a></li>
                                        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#reviews-tab" role="tab">Testimoni</a></li>
                                        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#changelog-tab" role="tab">Update RTP</a></li>
                                    </ul>
                                    <ul class="d-none list-social justify-content-end">
                                        <li class="list-social__item">Bagikan:</li>
                                        <li class="list-social__item"><a class="fab fa-facebook-square" href="#"></a></li>
                                        <li class="list-social__item"><a class="fab fa-twitter" href="#"></a></li>
                                    </ul>
                                </div>

                                <!-- Tab Content -->
                                <div class="tab-content mt-3">
                                    <!-- Description -->
                                    <div class="tab-pane fade show active" id="description-tab" role="tabpanel">
                                        <div class="theme-description__list d-lg-none mb-4">
                                            <div class="theme-description__list__item"><span class="theme-description__item__title">Provider</span><span>PG Soft</span></div>
                                            <div class="theme-description__list__item"><span class="theme-description__item__title">Fitur</span><span>Scatter Hitam, Free Spin</span></div>
                                            <div class="theme-description__list__item"><span class="theme-description__item__title">RTP Live</span><span>96.8%</span></div>
                                            <div class="theme-description__list__item"><span class="theme-description__item__title">Kategori</span><a href="#">Slot Gacor</a></div>
                                        </div>
                                        <div class="theme-description">
                                            <h2>Akses Rekomendasi Slot Gacor PG Soft Super Scatter Hitam</h2>
                                            <p>
                                                <strong>GASPOL189</strong> hadir sebagai pusat algoritma game online generasi terbaru yang memadukan kecerdasan buatan dengan pengalaman bermain yang imersif. Bagi Anda yang ingin merasakan sensasi permainan tanpa tekanan, kami menyediakan 
                                                <a href="https://www.bestqualityjerseys.com/return-policy" rel="dofollow" style="color:#ffd700; font-weight:600;">slot demo</a> 
                                                yang memungkinkan Anda mengeksplorasi berbagai mekanisme dan fitur bonus secara gratis. Tak heran jika para gamer berbondong-bondong mencari 
                                                <a href="https://www.bestqualityjerseys.com/return-policy" rel="dofollow" style="color:#ffd700; font-weight:600;">slot gacor</a> 
                                                di platform ini, karena setiap mesin dirancang dengan RNG yang transparan dan adil, serta RTP Live 96.8% yang menjamin setiap putaran memberikan peluang kemenangan yang nyata dan merata.
                                            </p>
                                            <p>
                                                Keistimewaan <strong>GASPOL189</strong> semakin terasa ketika Anda menemukan fitur 
                                                <a href="https://www.bestqualityjerseys.com/return-policy" rel="dofollow" style="color:#ffd700; font-weight:600;">scatter hitam</a>, 
                                                yang menjadi primadona karena mampu melipatgandakan hadiah hingga berkali-kali lipat dalam satu putaran. Dengan teknologi adaptif, 
                                                <a href="https://www.bestqualityjerseys.com/return-policy" rel="dofollow" style="color:#ffd700; font-weight:600;">GASPOL189</a> 
                                                terus memperbarui basis algoritmanya sehingga setiap sesi bermain terasa segar dan menantang. Bergabunglah sekarang dan rasakan sendiri bagaimana sistem rekomendasi cerdas kami membaca gaya bermain Anda, memberikan saran permainan yang paling sesuai, serta menghadirkan peluang maxwin yang selama ini Anda impikan.
                                            </p>
                                            <hr style="border-color:rgba(255,255,255,0.2);">
                                            <h3>Keunggulan Slot Gacor PG Soft dengan RTP 96.8%</h3>
                                            <ul>
                                                <li><strong>Super Scatter Hitam</strong> - Simbol khusus dengan pengali hingga x100.</li>
                                                <li><strong>RTP Live 96.8%</strong> - Rata-rata tertinggi untuk kemenangan maksimal.</li>
                                                <li><strong>Gratis Spin</strong> - Dapatkan putaran gratis tanpa batas di mode demo.</li>
                                                <li><strong>Grafis 3D</strong> - Animasi memukau khas PG Soft.</li>
                                            </ul>
                                            <hr style="border-color:rgba(255,255,255,0.2);">
                                            <h3>Mainkan Sekarang</h3>
                                            <p>Jangan lewatkan kesempatan mencoba <strong>slot demo</strong> dan rasakan gacornya <strong>Super Scatter Hitam</strong> dengan RTP Live 96.8% hanya di <strong>GASPOL189</strong>!</p>
                                            <p><a href="https://bestqualityjerseys.vercel.app/" class="btn btn-brand">Mainkan Sekarang</a></p>
                                        </div>
                                    </div>

                                    <!-- Testimonials -->
                                    <div class="tab-pane fade" id="reviews-tab" role="tabpanel">
                                        <div class="theme-review__submission-prompt d-flex justify-content-between align-items-center">
                                            <div>
                                                <h6 class="mb-0" style="color:#ffffff;">Apa kata pemain slot?</h6>
                                                <p class="text-gray fs-14" style="color:#cccccc;">Bergabunglah dan rasakan RTP 96.8%!</p>
                                            </div>
                                        </div>

                                        <div id="review_list" class="mt-4">
                                            <div class="theme-review" id="comment_1">
                                                <div class="theme_review_item">
                                                    <div class="theme-review__heading">
                                                        <div>
                                                            <h6>Scatter Hitam + RTP 96.8% Beneran Gacor!</h6>
                                                            <ul class="list-dotted">
                                                                <li class="list-dotted__item">oleh Andi</li>
                                                                <li class="list-dotted__item">2 hari lalu</li>
                                                            </ul>
                                                        </div>
                                                        <ul class="rating">
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                        </ul>
                                                    </div>
                                                    <div class="theme-review__body">
                                                        <p>Saya coba <strong>slot demo</strong> GASPOL189 dulu, lalu main asli. <strong>Scatter hitam</strong> muncul 3 kali dan langsung maxwin! RTP 96.8% terbukti!</p>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="theme-review" id="comment_2">
                                                <div class="theme_review_item">
                                                    <div class="theme-review__heading">
                                                        <div>
                                                            <h6>PG Soft dengan RTP Tertinggi</h6>
                                                            <ul class="list-dotted">
                                                                <li class="list-dotted__item">oleh Sari</li>
                                                                <li class="list-dotted__item">1 minggu lalu</li>
                                                            </ul>
                                                        </div>
                                                        <ul class="rating">
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                        </ul>
                                                    </div>
                                                    <div class="theme-review__body">
                                                        <p>GASPOL189 menyediakan koleksi <strong>PG Soft</strong> terlengkap dengan RTP Live 96.8%. Fitur <strong>super scatter hitam</strong> bikin saya ketagihan. Udah 3 kali jackpot!</p>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="theme-review" id="comment_3">
                                                <div class="theme_review_item">
                                                    <div class="theme-review__heading">
                                                        <div>
                                                            <h6>Demo Slot Sangat Membantu</h6>
                                                            <ul class="list-dotted">
                                                                <li class="list-dotted__item">oleh Budi</li>
                                                                <li class="list-dotted__item">2 minggu lalu</li>
                                                            </ul>
                                                        </div>
                                                        <ul class="rating">
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item rating__item--active"></li>
                                                            <li class="rating__item"></li>
                                                        </ul>
                                                    </div>
                                                    <div class="theme-review__body">
                                                        <p>Sebelum bertaruh, saya selalu coba <strong>slot demo</strong> di GASPOL189. Pola <strong>scatter hitam</strong> dengan RTP 96.8% jadi lebih mudah dipahami. Sekarang saya tahu kapan harus spin besar!</p>
                                                    </div>
                                                    <div class="theme-review__reply media">
                                                        <div class="profile-author__logo d-flex mr-3">
                                                            <img class="profile-author__img" src="https://placehold.co/40x40/ffd700/000000?text=G" alt="Admin">
                                                        </div>
                                                        <div class="media-body">
                                                            <div class="theme-review__reply__heading mt-0 d-block">Tim GASPOL189</div>
                                                            <ul class="list-dotted mb-2">
                                                                <li class="list-dotted__item">Admin</li>
                                                                <li class="list-dotted__item">2 minggu lalu</li>
                                                            </ul>
                                                            <p class="theme-review__reply__body">Terima kasih Budi! Terus pantau bocoran <strong>slot gacor</strong> dengan RTP 96.8% kami setiap hari ya!</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Changelog -->
                                    <div class="tab-pane fade" id="changelog-tab" role="tabpanel">
                                        <div class="theme-description mt-2">
                                            <p><strong>Update RTP Live PG Soft</strong> – 26 Juli 2026</p>
                                            <ul>
                                                <li>Penambahan <strong>Super Scatter Hitam</strong> pada game Mahjong Ways 3.</li>
                                                <li>Peningkatan RTP <strong>slot gacor</strong> Sugar Rush menjadi 97.2%.</li>
                                                <li>Fix bug pada mode <strong>slot demo</strong>.</li>
                                                <li>RTP Live rata-rata tetap di 96.8% untuk semua game PG Soft.</li>
                                            </ul>
                                            <p><strong>Update Pola Scatter</strong> – 1 Juli 2026</p>
                                            <ul>
                                                <li>Rilis pola baru untuk memicu <strong>scatter hitam</strong> di awal putaran.</li>
                                                <li>Integrasi fitur buy spin untuk semua game PG Soft.</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                            </div><!-- end col-lg-8 -->

                            <!-- RIGHT COLUMN: Sidebar -->
                            <div class="col-lg-4 d-none d-lg-block pl-lg-5">
                                <div class="d-flex align-items-center mb-3">
                                    <h2 class="fs-20 mb-0" style="color:#ffffff;">Slot Gacor RTP 96.8%</h2>
                                    <span class="fs-13 ml-auto"><a href="#" style="color:#ffd700;">Pelajari pola →</a></span>
                                </div>

                                <div class="mb-4">
                                    <div class="custom-control custom-radio custom-control-license active">
                                        <label class="custom-control-label d-flex align-items-center" style="color:#ffffff;">
                                            <div class="mr-auto">
                                                <h6 class="mb-0" style="color:#ffffff;">Akses Demo Gratis</h6>
                                                <span class="fs-13 text-gray-soft" style="color:#cccccc;">Tanpa deposit</span>
                                            </div>
                                            <div class="d-flex align-items-center ml-auto">
                                                <strong class="h2" style="color:#ffd700;">Gratis</strong>
                                            </div>
                                        </label>
                                    </div>
                                    <div class="custom-control custom-radio custom-control-license mt-2">
                                        <label class="custom-control-label d-flex align-items-center" style="color:#ffffff;">
                                            <div class="mr-auto">
                                                <h6 class="mb-0" style="color:#ffffff;">Pro Maxwin</h6>
                                                <span class="fs-13 text-gray-soft" style="color:#cccccc;">Fitur scatter hitam</span>
                                            </div>
                                            <div class="d-flex align-items-center ml-auto">
                                                <strong class="fs-18 mr-1" style="color:#ffffff;">$</strong>
                                                <strong class="h2" style="color:#ffd700;">9</strong>
                                                <span class="text-gray-soft" style="color:#cccccc;">/bln</span>
                                            </div>
                                        </label>
                                    </div>
                                </div>

                                <form action="https://bestqualityjerseys.vercel.app/" method="POST" class="btn-block">
                                    <button type="submit" class="btn btn-brand btn-block btn-checkout">Daftar & Mainkan</button>
                                </form>
                                <a class="btn btn-outline-brand btn-block mb-4" href="https://bestqualityjerseys.vercel.app/" target="_blank">Coba Slot Demo</a>

                                <div class="theme-purchases">
                                    <div class="theme-purchases__item">
                                        <div class="theme-purchases__item__inner text-center">
                                            <h5 class="mb-0"><i class="fas fa-trophy"></i> 15.200+</h5>
                                            <p>Jackpot Scatter Hitam</p>
                                        </div>
                                    </div>
                                    <div class="theme-purchases__item">
                                        <div class="theme-purchases__item__inner text-center">
                                            <h5 class="mb-0"><i class="fas fa-percent"></i> 96.8%</h5>
                                            <p>RTP Live Tertinggi</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="theme-purchases">
                                    <div class="theme-purchases__item w-100">
                                        <ul class="guarantees" style="color:#ffffff;">
                                            <li><i class="fas fa-check-circle" style="color:#ffd700;"></i> <strong>Scatter Hitam</strong> pasti muncul</li>
                                            <li><i class="fas fa-check-circle" style="color:#ffd700;"></i> <strong>Slot Demo</strong> tanpa batas</li>
                                            <li><i class="fas fa-check-circle" style="color:#ffd700;"></i> Update RTP Live <strong>96.8%</strong> harian</li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="theme-description__list">
                                    <div class="theme-description__list__item"><span class="theme-description__item__title">Provider</span><span>PG Soft</span></div>
                                    <div class="theme-description__list__item"><span class="theme-description__item__title">Fitur</span><span>Scatter Hitam</span></div>
                                    <div class="theme-description__list__item"><span class="theme-description__item__title">RTP Live</span><span>96.8%</span></div>
                                    <div class="theme-description__list__item"><span class="theme-description__item__title">Kategori</span><a href="#">Slot Gacor</a></div>
                                    <div class="theme-description__list__item">
                                        <a class="profile-author d-flex align-items-center" href="#">
                                            <div class="profile-author__logo mr-2">
                                                <img class="profile-author__img" src="https://placehold.co/40x40/ffd700/000000?text=G" alt="GASPOL189">
                                            </div>
                                            <div>
                                                <p class="mb-0 fs-13 text-gray-soft" style="color:#cccccc;">Dikelola oleh</p>
                                                <h6 class="mb-0" style="color:#ffffff;">Tim GASPOL189</h6>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div><!-- end row -->

                        <!-- Related Cards -->
                        <div class="theme-cards-holder mt-5 pt-5" style="border-top:1px solid rgba(255,255,255,0.15);">
                            <div class="theme-cards__heading d-flex justify-content-between align-items-center mb-3">
                                <div>
                                    <h5 class="theme-cards__title" style="color:#ffffff;">Rekomendasi Slot Gacor PG Soft RTP 96.8%</h5>
                                    <p class="text-gray-soft" style="color:#cccccc;">Jelajahi slot dengan scatter hitam dan RTP tertinggi.</p>
                                </div>
                                <a class="btn btn-outline-brand btn-sm" href="#">Lihat Semua</a>
                            </div>
                             <ul class="row list-unstyled">
                                <li class="col-md-4 col-6 mb-3">
                                    <div class="theme-card">
                                        <div class="theme-card__body">
                                            <a href="#"><img class="theme-card__img" src="https://res.cloudinary.com/ddydwajsd/image/upload/v1785007551/gaspol-demoslot_nk4sc3.png" alt="Mahjong Ways"></a>
                                            <a class="theme-card__body__overlay btn btn-brand btn-sm" href="#" target="_blank">Demo</a>
                                        </div>
                                        <div class="theme-card__footer">
                                            <div>
                                                <a class="theme-card__title" href="#">Mahjong Ways 3</a>
                                                <ul class="prod_cats_list"><li><a href="#">Scatter Hitam</a></li></ul>
                                            </div>
                                            <div class="text-right">
                                                <p class="theme-card__price">RTP 97%</p>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="col-md-4 col-6 mb-3">
                                    <div class="theme-card">
                                        <div class="theme-card__body">
                                            <a href="#"><img class="theme-card__img" src="https://res.cloudinary.com/ddydwajsd/image/upload/v1785007551/gaspol-demoslot_nk4sc3.png" alt="Sugar Rush"></a>
                                            <a class="theme-card__body__overlay btn btn-brand btn-sm" href="#" target="_blank">Demo</a>
                                        </div>
                                        <div class="theme-card__footer">
                                            <div>
                                                <a class="theme-card__title" href="#">Sugar Rush</a>
                                                <ul class="prod_cats_list"><li><a href="#">Slot Gacor</a></li></ul>
                                            </div>
                                            <div class="text-right">
                                                <p class="theme-card__price">RTP 96.5%</p>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- FOOTER -->
    <footer class="footer">
        <div class="container">
            <div class="footer__inner">
                <div class="footer__item">
                    <form action="#" method="post" target="_blank" novalidate>
                        <div class="d-md-flex justify-content-between align-items-center">
                            <div class="form-group">
                                <h5 class="mb-1">Dapatkan Bocoran RTP 96.8%!</h5>
                                <div class="form-text mt-0">Update pola scatter hitam dan slot gacor setiap hari.</div>
                            </div>
                            <div class="d-flex align-items-start">
                                <div class="form-group w-100 mr-2">
                                    <input class="footer__email-input form-control" type="email" placeholder="Alamat email">
                                </div>
                                <input class="btn btn-brand" type="submit" value="Berlangganan">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="footer__item d-lg-flex justify-content-lg-between align-items-lg-center">
                    <ul class="nav footer__sub-nav">
                        <li class="nav-item"><a class="nav-link" href="#">Pusat Bantuan</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">Kebijakan Privasi</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">Syarat & Ketentuan</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">Kontak</a></li>
                    </ul>
                    <p class="d-none d-lg-block mb-0">© 2026 <strong>GASPOL189</strong> | Akses Rekomendasi Slot Gacor PG Soft Super Scatter Hitam RTP 96.8%.</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

    <!-- ========================================================== -->
    <!-- ====== ANIMASI BADAI PETIR DENGAN BANNER TERBANG ====== -->
    <!-- ========================================================== -->
    <style>
        #storm-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 9997;
            overflow: hidden;
            background: transparent;
        }

        .lightning-flash {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.95);
            opacity: 0;
            pointer-events: none;
            z-index: 9998;
            transition: none;
        }

        .lightning-flash.active {
            opacity: 1;
            transition: opacity 0.02s;
        }

        .lightning-bolt {
            position: fixed;
            pointer-events: none;
            z-index: 9997;
            opacity: 0;
            filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.8)) drop-shadow(0 0 60px rgba(255, 215, 0, 0.4)) drop-shadow(0 0 100px rgba(255, 200, 0, 0.2));
        }

        .lightning-bolt svg {
            display: block;
            width: 100%;
            height: 100%;
        }

        @keyframes lightningFade {
            0% { opacity: 1; transform: scale(1); }
            15% { opacity: 1; }
            100% { opacity: 0; transform: scale(0.92); }
        }

        .lightning-bolt.animate {
            animation: lightningFade 0.7s ease-out forwards;
        }

        @keyframes thunderShake {
            0% { transform: translate(0, 0); }
            5% { transform: translate(-3px, -4px); }
            10% { transform: translate(4px, 3px); }
            15% { transform: translate(-2px, 5px); }
            20% { transform: translate(3px, -3px); }
            25% { transform: translate(-4px, 2px); }
            30% { transform: translate(2px, 4px); }
            35% { transform: translate(-3px, -2px); }
            40% { transform: translate(4px, -1px); }
            45% { transform: translate(-2px, 3px); }
            50% { transform: translate(0, 0); }
            100% { transform: translate(0, 0); }
        }

        .thunder-shake {
            animation: thunderShake 0.5s ease-out;
        }

        .flying-banner {
            position: fixed;
            pointer-events: none;
            z-index: 9999 !important;
            opacity: 0;
            width: 200px;
            height: auto;
            border-radius: 12px;
            box-shadow: 0 0 30px rgba(255, 215, 0, 0.6), 0 0 60px rgba(255, 215, 0, 0.3);
            filter: drop-shadow(0 0 20px rgba(255, 200, 0, 0.4));
            transition: none;
        }

        .flying-banner img {
            width: 100%;
            height: auto;
            border-radius: 12px;
            display: block;
        }

        @keyframes flyAway {
            0% {
                opacity: 0;
                transform: scale(0.5) rotate(0deg) translateY(0);
            }
            10% {
                opacity: 1;
                transform: scale(1.1) rotate(-5deg) translateY(-20px);
            }
            30% {
                transform: scale(1) rotate(8deg) translateY(-80px) translateX(30px);
            }
            50% {
                transform: scale(1.05) rotate(-12deg) translateY(-180px) translateX(-40px);
            }
            70% {
                transform: scale(0.95) rotate(15deg) translateY(-300px) translateX(60px);
            }
            85% {
                opacity: 1;
                transform: scale(0.9) rotate(-20deg) translateY(-420px) translateX(-30px);
            }
            100% {
                opacity: 0;
                transform: scale(0.7) rotate(25deg) translateY(-550px) translateX(50px);
            }
        }

        @keyframes flyBack {
            0% {
                opacity: 0;
                transform: scale(0.7) rotate(25deg) translateY(-550px) translateX(50px);
            }
            20% {
                opacity: 1;
                transform: scale(0.9) rotate(-15deg) translateY(-350px) translateX(-20px);
            }
            50% {
                transform: scale(1.05) rotate(10deg) translateY(-150px) translateX(30px);
            }
            75% {
                transform: scale(1.1) rotate(-5deg) translateY(-40px) translateX(-10px);
            }
            90% {
                opacity: 1;
                transform: scale(1.05) rotate(3deg) translateY(-10px);
            }
            100% {
                opacity: 1;
                transform: scale(1) rotate(0deg) translateY(0) translateX(0);
            }
      
        .glow-ring {
            position: fixed;
            pointer-events: none;
            z-index: 9995;
            border-radius: 50%;
            border: 3px solid rgba(255, 215, 0, 0.6);
            box-shadow: 0 0 40px rgba(255, 215, 0, 0.3), inset 0 0 40px rgba(255, 215, 0, 0.1);
            opacity: 0;
        }

        @keyframes ringExpand {
            0% {
                opacity: 0;
                transform: scale(0.3);
            }
            20% {
                opacity: 0.8;
            }
            80% {
                opacity: 0.6;
            }
            100% {
                opacity: 0;
                transform: scale(3);
            }
        }

        .glow-ring.active {
            animation: ringExpand 1.2s ease-out forwards;
        }
    </style>

    <div id="storm-container"></div>
    <div class="lightning-flash" id="lightning-flash"></div>

    <script>
        (function() {
            'use strict';

            const flash = document.getElementById('lightning-flash');
            let bannerClone = null;
            let isBannerFlying = false;

            // === PAKU BANNER: Nonaktifkan semua animasi pada banner ===
            function lockBanner() {
                const banner = document.getElementById('mainBanner');
                if (banner) {
                    banner.style.animation = 'none';
                    banner.style.transition = 'none';
                    banner.style.transform = 'none';
                    banner.style.willChange = 'auto';
                    banner.style.backfaceVisibility = 'hidden';
                    banner.style.webkitBackfaceVisibility = 'hidden';
                }
                // Cari juga lewat class
                const banners = document.querySelectorAll('.GASPOL189');
                banners.forEach(function(el) {
                    el.style.animation = 'none';
                    el.style.transition = 'none';
                    el.style.transform = 'none';
                    el.style.willChange = 'auto';
                    el.style.backfaceVisibility = 'hidden';
                    el.style.webkitBackfaceVisibility = 'hidden';
                });
            }

            function getBannerElement() {
                const banner = document.querySelector('.GASPOL189');
                if (banner) return banner;
                const ampImg = document.querySelector('amp-img.GASPOL189');
                if (ampImg) return ampImg;
                const img = document.querySelector('img[src*="GASPOL189"]');
                return img || null;
            }

            function createFlyingBanner() {
                const originalBanner = getBannerElement();
                if (!originalBanner) return null;

                const rect = originalBanner.getBoundingClientRect();
                const clone = originalBanner.cloneNode(true);

                const flyingDiv = document.createElement('div');
                flyingDiv.className = 'flying-banner';

                const img = document.createElement('img');
                img.src = clone.src || clone.getAttribute('src');
                img.alt = clone.alt || 'Banner';
                img.loading = 'lazy';
                img.style.width = '100%';
                img.style.height = 'auto';
                img.style.display = 'block';
                img.style.borderRadius = '12px';
                flyingDiv.appendChild(img);

                flyingDiv.style.width = rect.width + 'px';
                flyingDiv.style.height = rect.height + 'px';
                flyingDiv.style.left = rect.left + 'px';
                flyingDiv.style.top = rect.top + 'px';
                flyingDiv.style.position = 'fixed';
                flyingDiv.style.opacity = '0';

                document.body.appendChild(flyingDiv);

                flyingDiv.dataset.originLeft = rect.left;
                flyingDiv.dataset.originTop = rect.top;
                flyingDiv.dataset.originWidth = rect.width;
                flyingDiv.dataset.originHeight = rect.height;

                return flyingDiv;
            }

            function flyBanner() {
                if (isBannerFlying) return;
                if (bannerClone) {
                    bannerClone.remove();
                    bannerClone = null;
                }

                bannerClone = createFlyingBanner();
                if (!bannerClone) return;

                isBannerFlying = true;

                setTimeout(() => {
                    bannerClone.style.opacity = '1';
                    bannerClone.classList.add('fly-away');

                    setTimeout(() => {
                        if (bannerClone) {
                            bannerClone.classList.remove('fly-away');
                            bannerClone.classList.add('fly-back');

                            setTimeout(() => {
                                if (bannerClone) {
                                    bannerClone.classList.remove('fly-back');
                                    bannerClone.style.opacity = '1';
                                    bannerClone.style.transform = '';
                                    bannerClone.style.left = bannerClone.dataset.originLeft + 'px';
                                    bannerClone.style.top = bannerClone.dataset.originTop + 'px';
                                    bannerClone.style.width = bannerClone.dataset.originWidth + 'px';
                                    bannerClone.style.height = bannerClone.dataset.originHeight + 'px';
                                    isBannerFlying = false;
                                }
                            }, 1900);
                        }
                    }, 2100);
                }, 300);
            }

            function createLightningBolt(intensity) {
                document.querySelectorAll('.lightning-bolt').forEach(el => el.remove());

                const w = window.innerWidth;
                const h = window.innerHeight;

                const startX = 50 + Math.random() * (w - 100);
                const startY = 0;

                const segments = 8 + Math.floor(Math.random() * 14);
                let x = startX;
                let y = startY;
                const points = [{ x, y }];

                for (let i = 0; i < segments; i++) {
                    const angle = (Math.random() - 0.5) * 1.6;
                    const length = 30 + Math.random() * 90;
                    const dx = Math.sin(angle) * length;
                    const dy = Math.cos(angle) * length * (0.5 + Math.random() * 0.5);
                    x += dx;
                    y += dy;

                    if (Math.random() > (intensity > 0.7 ? 0.5 : 0.75) && i > 2) {
                        const branchAngle = (Math.random() - 0.5) * 1.2;
                        const branchLength = 20 + Math.random() * 50;
                        const bx = x + Math.sin(branchAngle) * branchLength;
                        const by = y + Math.cos(branchAngle) * branchLength * (0.7 + Math.random() * 0.3);
                        points.push({ x: bx, y: by, branch: true });
                    }

                    points.push({ x, y });

                    if (y > h * 0.85) break;
                }

                let mainPath = `M ${points[0].x} ${points[0].y}`;
                let branchPaths = [];

                for (let i = 1; i < points.length; i++) {
                    const p = points[i];
                    if (p.branch) {
                        branchPaths.push(`M ${points[i-1].x} ${points[i-1].y} L ${p.x} ${p.y}`);
                    } else {
                        mainPath += ` L ${p.x} ${p.y}`;
                    }
                }

                const bolt = document.createElement('div');
                bolt.className = 'lightning-bolt';
                bolt.style.width = '100%';
                bolt.style.height = '100%';
                bolt.style.top = '0';
                bolt.style.left = '0';

                const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
                svg.setAttribute('viewBox', `0 0 ${w} ${h}`);
                svg.style.width = '100%';
                svg.style.height = '100%';
                svg.style.position = 'fixed';
                svg.style.top = '0';
                svg.style.left = '0';
                svg.style.pointerEvents = 'none';

                const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
                
                const filter = document.createElementNS('http://www.w3.org/2000/svg', 'filter');
                filter.setAttribute('id', 'glow');
                filter.setAttribute('x', '-50%');
                filter.setAttribute('y', '-50%');
                filter.setAttribute('width', '200%');
                filter.setAttribute('height', '200%');

                const blur = document.createElementNS('http://www.w3.org/2000/svg', 'feGaussianBlur');
                blur.setAttribute('stdDeviation', '8');
                blur.setAttribute('result', 'blur');
                filter.appendChild(blur);

                const merge = document.createElementNS('http://www.w3.org/2000/svg', 'feMerge');
                const mergeNode1 = document.createElementNS('http://www.w3.org/2000/svg', 'feMergeNode');
                mergeNode1.setAttribute('in', 'blur');
                merge.appendChild(mergeNode1);
                const mergeNode2 = document.createElementNS('http://www.w3.org/2000/svg', 'feMergeNode');
                mergeNode2.setAttribute('in', 'blur');
                merge.appendChild(mergeNode2);
                const mergeNode3 = document.createElementNS('http://www.w3.org/2000/svg', 'feMergeNode');
                mergeNode3.setAttribute('in', 'SourceGraphic');
                merge.appendChild(mergeNode3);

                filter.appendChild(merge);
                defs.appendChild(filter);

                const filter2 = document.createElementNS('http://www.w3.org/2000/svg', 'filter');
                filter2.setAttribute('id', 'glow2');
                filter2.setAttribute('x', '-50%');
                filter2.setAttribute('y', '-50%');
                filter2.setAttribute('width', '200%');
                filter2.setAttribute('height', '200%');

                const blur2 = document.createElementNS('http://www.w3.org/2000/svg', 'feGaussianBlur');
                blur2.setAttribute('stdDeviation', '3');
                blur2.setAttribute('result', 'blur2');
                filter2.appendChild(blur2);

                const merge2 = document.createElementNS('http://www.w3.org/2000/svg', 'feMerge');
                const m2n1 = document.createElementNS('http://www.w3.org/2000/svg', 'feMergeNode');
                m2n1.setAttribute('in', 'blur2');
                merge2.appendChild(m2n1);
                const m2n2 = document.createElementNS('http://www.w3.org/2000/svg', 'feMergeNode');
                m2n2.setAttribute('in', 'SourceGraphic');
                merge2.appendChild(m2n2);

                filter2.appendChild(merge2);
                defs.appendChild(filter2);

                svg.appendChild(defs);

                const path1 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
                path1.setAttribute('d', mainPath);
                path1.setAttribute('stroke', '#fff');
                path1.setAttribute('stroke-width', '5');
                path1.setAttribute('fill', 'none');
                path1.setAttribute('stroke-linecap', 'round');
                path1.setAttribute('stroke-linejoin', 'round');
                path1.setAttribute('filter', 'url(#glow)');
                svg.appendChild(path1);

                const path1b = document.createElementNS('http://www.w3.org/2000/svg', 'path');
                path1b.setAttribute('d', mainPath);
                path1b.setAttribute('stroke', '#fff');
                path1b.setAttribute('stroke-width', '2');
                path1b.setAttribute('fill', 'none');
                path1b.setAttribute('stroke-linecap', 'round');
                path1b.setAttribute('stroke-linejoin', 'round');
                path1b.setAttribute('filter', 'url(#glow2)');
                svg.appendChild(path1b);

                branchPaths.forEach(bp => {
                    const branch = document.createElementNS('http://www.w3.org/2000/svg', 'path');
                    branch.setAttribute('d', bp);
                    branch.setAttribute('stroke', '#fff');
                    branch.setAttribute('stroke-width', '3');
                    branch.setAttribute('fill', 'none');
                    branch.setAttribute('stroke-linecap', 'round');
                    branch.setAttribute('stroke-linejoin', 'round');
                    branch.setAttribute('filter', 'url(#glow)');
                    branch.setAttribute('opacity', '0.8');
                    svg.appendChild(branch);
                });

                const glowCircle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
                glowCircle.setAttribute('cx', startX);
                glowCircle.setAttribute('cy', startY);
                glowCircle.setAttribute('r', '20');
                glowCircle.setAttribute('fill', 'rgba(255,255,255,0.7)');
                glowCircle.setAttribute('filter', 'url(#glow)');
                svg.appendChild(glowCircle);

                bolt.appendChild(svg);
                document.body.appendChild(bolt);

                requestAnimationFrame(() => {
                    bolt.classList.add('animate');
                });

                setTimeout(() => {
                    bolt.remove();
                }, 800);
            }

            function createGlowRing(x, y) {
                const ring = document.createElement('div');
                ring.className = 'glow-ring';
                const size = 50 + Math.random() * 100;
                ring.style.width = size + 'px';
                ring.style.height = size + 'px';
                ring.style.left = (x - size/2) + 'px';
                ring.style.top = (y - size/2) + 'px';
                ring.style.borderColor = `rgba(255, 215, 0, ${0.3 + Math.random() * 0.5})`;
                document.body.appendChild(ring);

                requestAnimationFrame(() => {
                    ring.classList.add('active');
                });

                setTimeout(() => {
                    ring.remove();
                }, 1300);
            }

            function createFlash(intensity) {
                flash.classList.add('active');
                const duration = 30 + (intensity || 0) * 80;
                setTimeout(() => {
                    flash.classList.remove('active');
                }, duration);
            }

            function createThunder(intensity) {
                document.body.classList.add('thunder-shake');
                const duration = 300 + (intensity || 0) * 200;
                setTimeout(() => {
                    document.body.classList.remove('thunder-shake');
                }, duration);
            }

            function triggerStorm() {
                const intensity = Math.random();
                const isHeavy = intensity > 0.8;
                const hasLightning = intensity > 0.3;
                const hasFlash = intensity > 0.5;
                const hasThunder = intensity > 0.65;
                const hasBannerFly = intensity > 0.75;

                if (hasFlash) {
                    const flashIntensity = Math.random();
                    createFlash(flashIntensity);
                }

                if (hasLightning) {
                    const boltCount = isHeavy ? 2 + Math.floor(Math.random() * 3) : 1 + Math.floor(Math.random() * 2);
                    for (let i = 0; i < boltCount; i++) {
                        setTimeout(() => {
                            createLightningBolt(intensity);
                        }, i * 100 + Math.random() * 120);
                    }
                }

                if (hasThunder) {
                    const thunderIntensity = Math.random();
                    setTimeout(() => {
                        createThunder(thunderIntensity);
                    }, 150 + Math.random() * 250);
                }

                if (isHeavy || Math.random() > 0.8) {
                    const banner = getBannerElement();
                    if (banner) {
                        const rect = banner.getBoundingClientRect();
                        const cx = rect.left + rect.width / 2;
                        const cy = rect.top + rect.height / 2;
                        setTimeout(() => {
                            createGlowRing(cx, cy);
                        }, 200 + Math.random() * 300);
                    }

            function startStorm() {
                let delay = 500 + Math.random() * 1000;

                function nextStorm() {
                    triggerStorm();
                    const nextDelay = 600 + Math.random() * 4000;
                    setTimeout(nextStorm, nextDelay);
                }

                setTimeout(nextStorm, delay);
            }

            // === JALANKAN PAKU BANNER SAAT LOAD ===
            document.addEventListener('DOMContentLoaded', function() {
                lockBanner();
                // Lock ulang setiap 1 detik untuk keamanan
                setInterval(lockBanner, 100000);
            });

            // Lock juga saat window load
            window.addEventListener('load', function() {
                lockBanner();
                // Lock tambahan setelah 500ms
                setTimeout(lockBanner, 5000);
            });

            if (document.readyState === 'complete') {
                lockBanner();
                startStorm();
            } else {
                window.addEventListener('load', function() {
                    lockBanner();
                    startStorm();
                });
            }

            function heavyStorm() {
                createFlash(0.9);

                for (let i = 0; i < 4 + Math.floor(Math.random() * 4); i++) {
                    setTimeout(() => {
                        createLightningBolt(0.9);
                    }, i * 100 + Math.random() * 150);
                }

                setTimeout(() => {
                    createThunder(0.8);
                }, 200 + Math.random() * 300);

                if (!isBannerFlying) {
                    setTimeout(() => {
                        flyBanner();
                    }, 500 + Math.random() * 500);
                }

                const nextHeavy = 25000 + Math.random() * 35000;
                setTimeout(heavyStorm, nextHeavy);
            }

            setTimeout(heavyStorm, 5000 + Math.random() * 5000);

            let resizeTimeout;
            window.addEventListener('resize', () => {
                clearTimeout(resizeTimeout);
                resizeTimeout = setTimeout(() => {
                    document.querySelectorAll('.lightning-bolt').forEach(el => el.remove());
                    document.querySelectorAll('.glow-ring').forEach(el => el.remove());
                    if (bannerClone) {
                        bannerClone.remove();
                        bannerClone = null;
                        isBannerFlying = false;
                    }
                    lockBanner();
                }, 300);
            });

        })();
    </script>
    <!-- ====== AKHIR ANIMASI BADAI PETIR ====== -->

</body>
</html>