{"html":"<!DOCTYPE html><html lang=\"id\"><head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <!-- Meta Tags SEO & Social Media -->\n    <title>Gacha Hoki Center 2025 | Putar &amp; Dapatkan Situs SSR!</title>\n    <meta name=\"description\" content=\"Rasakan keseruan Gacha untuk menemukan situs game online terbaikmu! Putar mesinnya, dapatkan kapsul keberuntungan, dan menangkan situs langka kategori SSR hari ini.\">\n    <meta name=\"keywords\" content=\"gacha situs, situs ssr, gashapon hoki, putar situs, game online 2025, situs terpercaya, bonus gacha, koleksi situs\">\n    <meta name=\"author\" content=\"Gacha Hoki Center\">\n    <link rel=\"canonical\" href=\"https://californiacarcrashinjuryattorney.com/\">\n    <link rel=\"icon\" href=\"https://assetcsn.site/logobrand/CSN.png\" type=\"image/x-icon\">\n\n    <!-- Open Graph & Twitter Cards -->\n    <meta property=\"og:title\" content=\"Gacha Hoki Center 2025 | Putar &amp; Dapatkan Situs SSR!\">\n    <meta property=\"og:description\" content=\"Siap dapat hadiah SSR? Putar mesin Gacha Hoki dan biarkan takdir memilihkan situs terbaik untukmu!\">\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin=\"\">\n    <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;900&amp;display=swap\" rel=\"stylesheet\">\n\n    <!-- Stylesheet -->\n    <style>\n        :root {\n            --bg-main: #eef5ff; \n            --text-color: #333;\n            --blue: #3498db;\n            --yellow: #f1c40f;\n            --white: #ffffff;\n            --shadow: rgba(0, 0, 0, 0.1);\n            --card-bg-dark: #2c3e50; \n            --ssr-color: linear-gradient(45deg, #f1c40f, #e74c3c, #8e44ad, #2980b9);\n            --sr-color: #9b59b6;\n            --r-color: #3498db;\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        html { scroll-behavior: smooth; }\n        body {\n            font-family: 'Poppins', sans-serif;\n            background-color: var(--bg-main);\n            background-image: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.04) 1px, transparent 0);\n            background-size: 20px 20px;\n            color: var(--text-color);\n            line-height: 1.6;\n        }\n\n        .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }\n        h1, h2, h3, h4 { font-weight: 900; }\n        section { padding: 80px 0; }\n        .section-title { text-align: center; font-size: 2.5rem; margin-bottom: 50px; color: var(--blue); }\n\n        #gacha-hero { text-align: center; background: transparent; }\n        .gacha-machine-container {\n            background: var(--white); border-radius: 20px; padding: 40px;\n            box-shadow: 0 10px 30px var(--shadow);\n            max-width: 600px; margin: 0 auto;\n        }\n        .gacha-machine-container h1 { font-size: 3rem; color: var(--blue); }\n        #token-info {\n            background: #eaf5fc; color: var(--blue);\n            padding: 5px 15px; border-radius: 20px;\n            display: inline-block; font-weight: 700; margin: 15px 0;\n        }\n        .gacha-visual {\n            width: 250px; height: 250px; background: linear-gradient(to top, #eaf5fc, #fff);\n            border-radius: 50%; border: 10px solid var(--blue); margin: 20px auto;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 5rem; color: rgba(52, 152, 219, 0.2);\n        }\n        #putar-btn {\n            background: var(--yellow); color: var(--text-color); border: none;\n            font-size: 1.5rem; font-weight: 900; padding: 20px 60px;\n            border-radius: 50px; cursor: pointer; text-transform: uppercase;\n            transition: all 0.3s ease;\n        }\n        #putar-btn:hover { transform: scale(1.05); }\n        #putar-btn:disabled { background: #ccc; cursor: not-allowed; transform: scale(1); }\n\n        /* --- Modal Kapsul --- */\n        #modal-kapsul {\n            display: none; position: fixed; z-index: 1000;\n            left: 0; top: 0; width: 100%; height: 100%;\n            background-color: rgba(0,0,0,0.7);\n            align-items: center; justify-content: center;\n        }\n        .modal-content {\n            background: var(--card-bg-dark); \n            color: var(--white); \n            padding: 40px; border-radius: 15px;\n            width: 90%; max-width: 450px; text-align: center;\n            position: relative;\n            animation: pop-in 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);\n            border: 2px solid rgba(255,255,255,0.2);\n        }\n        @keyframes pop-in { 0% { transform: scale(0); } 100% { transform: scale(1); } }\n        .close-btn { position: absolute; top: 15px; right: 20px; font-size: 2rem; cursor: pointer; color: #aaa; }\n        .rarity-badge {\n            padding: 8px 20px; border-radius: 50px; color: var(--white);\n            font-weight: 900; font-size: 1.2rem; letter-spacing: 2px;\n            display: inline-block; margin-bottom: 20px;\n        }\n        .rarity-ssr { background: var(--ssr-color); background-size: 200%; animation: gradient-flow 3s ease infinite; }\n        .rarity-sr { background: var(--sr-color); }\n        .rarity-r { background: var(--r-color); }\n        @keyframes gradient-flow { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }\n        .modal-content .logo { max-width: 200px; height: 50px; object-fit: contain; margin: 10px auto; }\n        .modal-content h2 { color: var(--white); }\n        .modal-content .buttons { display: flex; gap: 15px; margin-top: 30px; }\n        .modal-content .btn { flex: 1; padding: 15px; text-decoration: none; border-radius: 8px; font-weight: 700; transition: all 0.3s ease;}\n        .btn-daftar { background: var(--yellow); color: var(--text-color); }\n        .btn-main { background: transparent; border: 2px solid var(--yellow); color: var(--yellow); }\n        .modal-content .btn:hover { transform: scale(1.05); }\n\n        /* --- Koleksi Situs --- */\n        .rarity-group { margin-bottom: 60px; }\n        .group-title {\n            display: flex; align-items: center; gap: 15px; margin-bottom: 30px;\n            border-bottom: 2px solid #ddd; padding-bottom: 15px;\n        }\n        .group-title .rarity-badge { margin: 0; }\n        .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }\n        .situs-card {\n            background: linear-gradient(135deg, #34495e, #2c3e50);\n            color: var(--white);\n            border-radius: 10px; box-shadow: 0 5px 15px var(--shadow);\n            padding: 25px; text-align: center;\n            border: 1px solid rgba(255,255,255,0.1);\n            transition: transform 0.3s ease;\n            display: flex; \n            flex-direction: column; \n            justify-content: space-between; \n        }\n        .situs-card:hover { transform: translateY(-5px); }\n        .situs-card .logo { max-width: 180px; height: 45px; object-fit: contain; margin-bottom: 15px; margin-left: auto; margin-right: auto; }\n        .situs-card h4 { color: var(--white); margin-bottom: 20px; }\n        .situs-card .btn-lihat-situs {\n            display: inline-block;\n            padding: 10px 25px;\n            text-decoration: none;\n            border-radius: 50px;\n            font-weight: 700;\n            background: transparent;\n            border: 2px solid var(--yellow);\n            color: var(--yellow);\n            transition: all 0.3s ease;\n            margin-top: auto;\n        }\n        .situs-card .btn-lihat-situs:hover {\n            background: var(--yellow);\n            color: var(--text-color);\n        }\n\n        /* --- Panduan & Testimoni --- */\n        #cara-main { background: transparent; }\n        .grid-3-col { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n        .info-card { background: var(--white); padding: 30px; border-radius: 10px; text-align: center; box-shadow: 0 5px 15px var(--shadow); }\n        .info-card .icon { font-size: 3rem; color: var(--blue); margin-bottom: 15px; }\n        .info-card .author { font-weight: 700; color: var(--blue); margin-top: 15px; }\n        \n        /* --- Footer --- */\n        footer { background: #343a40; color: var(--white); padding: 40px 20px; text-align: center; }\n    </style>\n</head>\n<body>\n\n    <header id=\"gacha-hero\">\n        <div class=\"container\">\n            <div class=\"gacha-machine-container\">\n                <h1>Gacha Hoki Center</h1>\n                <p>Bingung pilih situs? Biarkan keberuntungan yang memilihkan untukmu!</p>\n                <div id=\"token-info\">Anda punya 1 Token Gratis!</div>\n                <div class=\"gacha-visual\">?</div>\n                <button id=\"putar-btn\">PUTAR</button>\n            </div>\n        </div>\n    </header>\n\n    <main>\n        <!-- Modal Kapsul Pemenang -->\n        <div id=\"modal-kapsul\">\n            <div class=\"modal-content\">\n                <span class=\"close-btn\" onclick=\"if (!window.__cfRLUnblockHandlers) return false; document.getElementById('modal-kapsul').style.display='none'\">×</span>\n                <div id=\"modal-rarity\" class=\"rarity-badge\"></div>\n                <h3>Anda Mendapatkan:</h3>\n                <img id=\"modal-logo\" src=\"\" alt=\"Logo Pemenang\" class=\"logo\">\n                <h2 id=\"modal-name\">NAMA SITUS</h2>\n                <div class=\"buttons\">\n                    <!-- [MODIFIKASI] Teks diubah menjadi DAFTAR -->\n                    <a id=\"modal-btn-daftar\" href=\"#\" class=\"btn btn-daftar\">DAFTAR</a>\n                    <a id=\"modal-btn-lihat\" href=\"#\" class=\"btn btn-main\">LIHAT SITUS</a>\n                </div>\n            </div>\n        </div>\n        \n        <section id=\"cara-main\">\n            <div class=\"container\">\n                <h2 class=\"section-title\">Cara Bermain Gacha</h2>\n                <div class=\"grid-3-col\">\n                    <div class=\"info-card\"><div class=\"icon\">1️⃣</div><h3>Dapatkan Token</h3><p>Anda otomatis mendapatkan 1 token gratis untuk memutar mesin.</p></div>\n                    <div class=\"info-card\"><div class=\"icon\">🔄</div><h3>Putar Mesin</h3><p>Tekan tombol \"PUTAR\" dan saksikan kapsul keberuntunganmu keluar.</p></div>\n                    <div class=\"info-card\"><div class=\"icon\">🏆</div><h3>Lihat Hadiahmu</h3><p>Klaim situs pemenang yang muncul dari dalam kapsul hoki Anda!</p></div>\n                </div>\n            </div>\n        </section>\n\n        <section id=\"koleksi-situs\">\n            <div class=\"container\">\n                <h2 class=\"section-title\">Katalog Hadiah Gacha</h2>\n                <div class=\"rarity-group\">\n                    <div class=\"group-title\"><div class=\"rarity-badge rarity-ssr\">SSR</div><h3>SUPER SUPER RARE</h3></div>\n                    <div class=\"card-grid\" id=\"ssr-grid\"><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Alexavegas.png\" alt=\"Logo ALEXAVEGAS\" class=\"logo\">\n                        <h4>ALEXAVEGAS</h4>\n                    </div>\n                    <a href=\"https://alexavegas.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Dewavegas.png\" alt=\"Logo DEWAVEGAS\" class=\"logo\">\n                        <h4>DEWAVEGAS</h4>\n                    </div>\n                    <a href=\"https://dewavegas.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Asialive88.png\" alt=\"Logo ASIALIVE88\" class=\"logo\">\n                        <h4>ASIALIVE88</h4>\n                    </div>\n                    <a href=\"https://asialive88.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Mejahoki.png\" alt=\"Logo MEJAHOKI\" class=\"logo\">\n                        <h4>MEJAHOKI</h4>\n                    </div>\n                    <a href=\"https://mejahoki.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div></div>\n                </div>\n                <div class=\"rarity-group\">\n                    <div class=\"group-title\"><div class=\"rarity-badge rarity-sr\">SR</div><h3>SUPER RARE</h3></div>\n                    <div class=\"card-grid\" id=\"sr-grid\"><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/DewaCasino.png\" alt=\"Logo DEWACASINO\" class=\"logo\">\n                        <h4>DEWACASINO</h4>\n                    </div>\n                    <a href=\"https://dewacasino.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Vegas88.png\" alt=\"Logo VEGAS88\" class=\"logo\">\n                        <h4>VEGAS88</h4>\n                    </div>\n                    <a href=\"https://vegas88.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Landslot.png\" alt=\"Logo LANDSLOT88\" class=\"logo\">\n                        <h4>LANDSLOT88</h4>\n                    </div>\n                    <a href=\"https://landslot88.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Capital303.png\" alt=\"Logo CAPITAL303\" class=\"logo\">\n                        <h4>CAPITAL303</h4>\n                    </div>\n                    <a href=\"https://capital303.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Dewataslot.png\" alt=\"Logo DEWATASLOT\" class=\"logo\">\n                        <h4>DEWATASLOT</h4>\n                    </div>\n                    <a href=\"https://dewataslot.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/NagaIkan.png\" alt=\"Logo NAGAIKAN\" class=\"logo\">\n                        <h4>NAGAIKAN</h4>\n                    </div>\n                    <a href=\"https://nagaikan.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Ajaibslot.png\" alt=\"Logo AJAIBSLOTS\" class=\"logo\">\n                        <h4>AJAIBSLOTS</h4>\n                    </div>\n                    <a href=\"https://ajaibslots.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Paiza99.png\" alt=\"Logo PAIZA99\" class=\"logo\">\n                        <h4>PAIZA99</h4>\n                    </div>\n                    <a href=\"https://paiza99.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/cstlogo-onebetasia.png\" alt=\"Logo ONEBETASIA\" class=\"logo\">\n                        <h4>ONEBETASIA</h4>\n                    </div>\n                    <a href=\"https://onebetasia.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/LeMacau.png\" alt=\"Logo LEMACAU\" class=\"logo\">\n                        <h4>LEMACAU</h4>\n                    </div>\n                    <a href=\"https://lemacau.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div></div>\n                </div>\n                <div class=\"rarity-group\">\n                    <div class=\"group-title\"><div class=\"rarity-badge rarity-r\">R</div><h3>RARE</h3></div>\n                    <div class=\"card-grid\" id=\"r-grid\"><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Igamble247.png\" alt=\"Logo IGAMBLE247\" class=\"logo\">\n                        <h4>IGAMBLE247</h4>\n                    </div>\n                    <a href=\"https://igamble247.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/UnoVegas.png\" alt=\"Logo UNOVEGAS\" class=\"logo\">\n                        <h4>UNOVEGAS</h4>\n                    </div>\n                    <a href=\"https://unovegas.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/MildCasino.png\" alt=\"Logo MILDCASINO\" class=\"logo\">\n                        <h4>MILDCASINO</h4>\n                    </div>\n                    <a href=\"https://mildcasino.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Dewatangkas.png\" alt=\"Logo DEWATANGKAS\" class=\"logo\">\n                        <h4>DEWATANGKAS</h4>\n                    </div>\n                    <a href=\"https://dewatangkas.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Bolatangkas.png\" alt=\"Logo BOLATANGKAS\" class=\"logo\">\n                        <h4>BOLATANGKAS</h4>\n                    </div>\n                    <a href=\"https://bolatangkas.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/megatangkas.png\" alt=\"Logo MEGATANGKAS\" class=\"logo\">\n                        <h4>MEGATANGKAS</h4>\n                    </div>\n                    <a href=\"https://megatangkas.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Shiobet.png\" alt=\"Logo SHIOBET\" class=\"logo\">\n                        <h4>SHIOBET</h4>\n                    </div>\n                    <a href=\"https://shiobet.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Gaskeunbet.png\" alt=\"Logo GASKEUNBET\" class=\"logo\">\n                        <h4>GASKEUNBET</h4>\n                    </div>\n                    <a href=\"https://gaskeunbet.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Arunabet.png\" alt=\"Logo ARUNABET\" class=\"logo\">\n                        <h4>ARUNABET</h4>\n                    </div>\n                    <a href=\"https://arunabet.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Eraplay88.png\" alt=\"Logo ERAPLAY88\" class=\"logo\">\n                        <h4>ERAPLAY88</h4>\n                    </div>\n                    <a href=\"https://eraplay88.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Ilucky88.png\" alt=\"Logo ILUCKY88\" class=\"logo\">\n                        <h4>ILUCKY88</h4>\n                    </div>\n                    <a href=\"https://ilucky88.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/Dewaterbang.png\" alt=\"Logo DEWATERBANG\" class=\"logo\">\n                        <h4>DEWATERBANG</h4>\n                    </div>\n                    <a href=\"https://dewaterbang.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/UnoGG.png\" alt=\"Logo UNOGG\" class=\"logo\">\n                        <h4>UNOGG</h4>\n                    </div>\n                    <a href=\"https://unogg.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://assetcsn.site/logobrand/merpatislot88.png\" alt=\"Logo MERPATISLOT88\" class=\"logo\">\n                        <h4>MERPATISLOT88</h4>\n                    </div>\n                    <a href=\"https://merpatislot88.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div><div class=\"situs-card\">\n                    <div>\n                        <img src=\"https://cdn.assetcsn.site/logobrand/kofitoto.webp\" alt=\"Logo KOFITOTO\" class=\"logo\">\n                        <h4>KOFITOTO</h4>\n                    </div>\n                    <a href=\"https://kofitoto.californiacarcrashinjuryattorney.com\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                </div></div>\n                </div>\n            </div>\n        </section>\n\n        <section id=\"testimoni\" style=\"background-color: #fff;\">\n            <div class=\"container\">\n               <h2 class=\"section-title\">Apa Kata Para Pemenang Gacha?</h2>\n               <div class=\"grid-3-col\">\n                   <div class=\"info-card\"><p>\"SERU BANGET! Iseng putar sekali, langsung dapet SSR ALEXAVEGAS. Gak nyangka hoki banget, bonusnya beneran gede!\"</p><div class=\"author\">- Andika, Bandung</div></div>\n                   <div class=\"info-card\"><p>\"Konsepnya keren, jadi gak bosen milih situs. Aku dapet SR MEJAHOKI, dan emang RTP-nya akurat. Pasti balik lagi buat coba gacha.\"</p><div class=\"author\">- Cindy, Surabaya</div></div>\n                   <div class=\"info-card\"><p>\"Dapetnya R tapi situsnya tetap bagus, WD cepat. Ini cara paling asik buat nemuin situs baru yang terpercaya. Good job!\"</p><div class=\"author\">- Budi, Jakarta</div></div>\n               </div>\n           </div>\n       </section>\n    </main>\n\n    <footer>\n        <p>© 2025 Gacha Hoki Center. Semua Hak Dilindungi.</p>\n        <p><strong>Peringatan:</strong> Konten ini hanya untuk hiburan audiens 18+. Bermain Gacha dan game online memiliki risiko. Harap bermain dengan bijak.</p>\n    </footer>\n\n    <script type=\"text/javascript\">\n        /* \n         * [MODIFIKASI STRUKTUR DATA]\n         * Objek situs sekarang memiliki 2 properti URL:\n         * - 'url': Untuk link umum/homepage (digunakan di tombol \"LIHAT SITUS\").\n         * - 'registerUrl': Untuk link pendaftaran khusus (digunakan di tombol \"DAFTAR\").\n         * PENTING: Ganti tanda '#' dengan link asli yang sesuai.\n         */\n        const situsData = [\n            { name: \"ALEXAVEGAS\", logo: \"https://assetcsn.site/logobrand/Alexavegas.png\", rarity: 'SSR', url: 'https://alexavegas.californiacarcrashinjuryattorney.com', registerUrl: 'https://alexavegas.californiacarcrashinjuryattorney.com' },\n            { name: \"DEWAVEGAS\", logo: \"https://assetcsn.site/logobrand/Dewavegas.png\", rarity: 'SSR', url: 'https://dewavegas.californiacarcrashinjuryattorney.com', registerUrl: 'https://dewavegas.californiacarcrashinjuryattorney.com' },\n            { name: \"ASIALIVE88\", logo: \"https://assetcsn.site/logobrand/Asialive88.png\", rarity: 'SSR', url: 'https://asialive88.californiacarcrashinjuryattorney.com', registerUrl: 'https://asialive88.californiacarcrashinjuryattorney.com' },\n            { name: \"MEJAHOKI\", logo: \"https://assetcsn.site/logobrand/Mejahoki.png\", rarity: 'SSR', url: 'https://mejahoki.californiacarcrashinjuryattorney.com', registerUrl: 'https://mejahoki.californiacarcrashinjuryattorney.com' },\n            { name: \"DEWACASINO\", logo: \"https://assetcsn.site/logobrand/DewaCasino.png\", rarity: 'SR', url: 'https://dewacasino.californiacarcrashinjuryattorney.com', registerUrl: 'https://dewacasino.californiacarcrashinjuryattorney.com' },\n            { name: \"VEGAS88\", logo: \"https://assetcsn.site/logobrand/Vegas88.png\", rarity: 'SR', url: 'https://vegas88.californiacarcrashinjuryattorney.com', registerUrl: 'https://vegas88.californiacarcrashinjuryattorney.com' },\n            { name: \"LANDSLOT88\", logo: \"https://assetcsn.site/logobrand/Landslot.png\", rarity: 'SR', url: 'https://landslot88.californiacarcrashinjuryattorney.com', registerUrl: 'https://landslot88.californiacarcrashinjuryattorney.com' },\n            { name: \"CAPITAL303\", logo: \"https://assetcsn.site/logobrand/Capital303.png\", rarity: 'SR', url: 'https://capital303.californiacarcrashinjuryattorney.com', registerUrl: 'https://capital303.californiacarcrashinjuryattorney.com' },\n            { name: \"DEWATASLOT\", logo: \"https://assetcsn.site/logobrand/Dewataslot.png\", rarity: 'SR', url: 'https://dewataslot.californiacarcrashinjuryattorney.com', registerUrl: 'https://dewataslot.californiacarcrashinjuryattorney.com' },\n            { name: \"NAGAIKAN\", logo: \"https://assetcsn.site/logobrand/NagaIkan.png\", rarity: 'SR', url: 'https://nagaikan.californiacarcrashinjuryattorney.com', registerUrl: 'https://nagaikan.californiacarcrashinjuryattorney.com' },\n            { name: \"AJAIBSLOTS\", logo: \"https://assetcsn.site/logobrand/Ajaibslot.png\", rarity: 'SR', url: 'https://ajaibslots.californiacarcrashinjuryattorney.com', registerUrl: 'https://ajaibslots.californiacarcrashinjuryattorney.com' },\n            { name: \"PAIZA99\", logo: \"https://assetcsn.site/logobrand/Paiza99.png\", rarity: 'SR', url: 'https://paiza99.californiacarcrashinjuryattorney.com', registerUrl: 'https://paiza99.californiacarcrashinjuryattorney.com' },\n            { name: \"ONEBETASIA\", logo: \"https://assetcsn.site/logobrand/cstlogo-onebetasia.png\", rarity: 'SR', url: 'https://onebetasia.californiacarcrashinjuryattorney.com', registerUrl: 'https://onebetasia.californiacarcrashinjuryattorney.com' },\n            { name: \"LEMACAU\", logo: \"https://assetcsn.site/logobrand/LeMacau.png\", rarity: 'SR', url: 'https://lemacau.californiacarcrashinjuryattorney.com', registerUrl: 'https://lemacau.californiacarcrashinjuryattorney.com' },\n            { name: \"IGAMBLE247\", logo: \"https://assetcsn.site/logobrand/Igamble247.png\", rarity: 'R', url: 'https://igamble247.californiacarcrashinjuryattorney.com', registerUrl: 'https://igamble247.californiacarcrashinjuryattorney.com' },\n            { name: \"UNOVEGAS\", logo: \"https://assetcsn.site/logobrand/UnoVegas.png\", rarity: 'R', url: 'https://unovegas.californiacarcrashinjuryattorney.com', registerUrl: 'https://unovegas.californiacarcrashinjuryattorney.com' },\n            { name: \"MILDCASINO\", logo: \"https://assetcsn.site/logobrand/MildCasino.png\", rarity: 'R', url: 'https://mildcasino.californiacarcrashinjuryattorney.com', registerUrl: 'https://mildcasino.californiacarcrashinjuryattorney.com' },\n            { name: \"DEWATANGKAS\", logo: \"https://assetcsn.site/logobrand/Dewatangkas.png\", rarity: 'R', url: 'https://dewatangkas.californiacarcrashinjuryattorney.com', registerUrl: 'https://dewatangkas.californiacarcrashinjuryattorney.com' },\n            { name: \"BOLATANGKAS\", logo: \"https://assetcsn.site/logobrand/Bolatangkas.png\", rarity: 'R', url: 'https://bolatangkas.californiacarcrashinjuryattorney.com', registerUrl: 'https://bolatangkas.californiacarcrashinjuryattorney.com' },\n            { name: \"MEGATANGKAS\", logo: \"https://assetcsn.site/logobrand/megatangkas.png\", rarity: 'R', url: 'https://megatangkas.californiacarcrashinjuryattorney.com', registerUrl: 'https://megatangkas.californiacarcrashinjuryattorney.com' },\n            { name: \"SHIOBET\", logo: \"https://assetcsn.site/logobrand/Shiobet.png\", rarity: 'R', url: 'https://shiobet.californiacarcrashinjuryattorney.com', registerUrl: 'https://shiobet.californiacarcrashinjuryattorney.com' },\n            { name: \"GASKEUNBET\", logo: \"https://assetcsn.site/logobrand/Gaskeunbet.png\", rarity: 'R', url: 'https://gaskeunbet.californiacarcrashinjuryattorney.com', registerUrl: 'https://gaskeunbet.californiacarcrashinjuryattorney.com' },\n            { name: \"ARUNABET\", logo: \"https://assetcsn.site/logobrand/Arunabet.png\", rarity: 'R', url: 'https://arunabet.californiacarcrashinjuryattorney.com', registerUrl: 'https://arunabet.californiacarcrashinjuryattorney.com' },\n            { name: \"ERAPLAY88\", logo: \"https://assetcsn.site/logobrand/Eraplay88.png\", rarity: 'R', url: 'https://eraplay88.californiacarcrashinjuryattorney.com', registerUrl: 'https://eraplay88.californiacarcrashinjuryattorney.com' },\n            { name: \"ILUCKY88\", logo: \"https://assetcsn.site/logobrand/Ilucky88.png\", rarity: 'R', url: 'https://ilucky88.californiacarcrashinjuryattorney.com', registerUrl: 'https://ilucky88.californiacarcrashinjuryattorney.com' },\n            { name: \"DEWATERBANG\", logo: \"https://assetcsn.site/logobrand/Dewaterbang.png\", rarity: 'R', url: 'https://dewaterbang.californiacarcrashinjuryattorney.com', registerUrl: 'https://dewaterbang.californiacarcrashinjuryattorney.com' },\n            { name: \"UNOGG\", logo: \"https://assetcsn.site/logobrand/UnoGG.png\", rarity: 'R', url: 'https://unogg.californiacarcrashinjuryattorney.com', registerUrl: 'https://unogg.californiacarcrashinjuryattorney.com' },\n            { name: \"MERPATISLOT88\", logo: \"https://assetcsn.site/logobrand/merpatislot88.png\", rarity: 'R', url: 'https://merpatislot88.californiacarcrashinjuryattorney.com', registerUrl: 'https://merpatislot88.californiacarcrashinjuryattorney.com' },\n            { name: \"KOFITOTO\", logo: \"https://cdn.assetcsn.site/logobrand/kofitoto.webp\", rarity: 'R', url: 'https://kofitoto.californiacarcrashinjuryattorney.com', registerUrl: 'https://kofitoto.californiacarcrashinjuryattorney.com' }\n        ];\n\n        document.addEventListener('DOMContentLoaded', () => {\n            const ssrGrid = document.getElementById('ssr-grid');\n            const srGrid = document.getElementById('sr-grid');\n            const rGrid = document.getElementById('r-grid');\n            const putarBtn = document.getElementById('putar-btn');\n            const modal = document.getElementById('modal-kapsul');\n            const tokenInfo = document.getElementById('token-info');\n            let countdownInterval;\n\n            // Populate collection grids\n            situsData.forEach(situs => {\n                const card = document.createElement('div');\n                card.className = 'situs-card';\n                \n                /* \n                 * [MODIFIKASI] \n                 * innerHTML diubah untuk menggunakan 'situs.url' untuk tombol \"Lihat Situs\".\n                 */\n                card.innerHTML = `\n                    <div>\n                        <img src=\"${situs.logo}\" alt=\"Logo ${situs.name}\" class=\"logo\">\n                        <h4>${situs.name}</h4>\n                    </div>\n                    <a href=\"${situs.url}\" class=\"btn-lihat-situs\" target=\"_blank\" rel=\"noopener noreferrer\">Lihat Situs</a>\n                `;\n                \n                if (situs.rarity === 'SSR') ssrGrid.appendChild(card);\n                else if (situs.rarity === 'SR') srGrid.appendChild(card);\n                else rGrid.appendChild(card);\n            });\n\n            const checkTokenStatus = () => {\n                const cooldown = 24 * 60 * 60 * 1000;\n                const lastSpinTime = localStorage.getItem('lastGachaSpinTime');\n\n                if (!lastSpinTime) {\n                    tokenInfo.textContent = 'Anda punya 1 Token Gratis!';\n                    putarBtn.disabled = false;\n                    return;\n                }\n\n                const timePassed = Date.now() - parseInt(lastSpinTime, 10);\n\n                if (timePassed < cooldown) {\n                    putarBtn.disabled = true;\n                    const timeLeft = cooldown - timePassed;\n                    startCountdown(timeLeft);\n                } else {\n                    tokenInfo.textContent = 'Anda punya 1 Token Gratis!';\n                    putarBtn.disabled = false;\n                    localStorage.removeItem('lastGachaSpinTime');\n                }\n            };\n\n            const startCountdown = (duration) => {\n                clearInterval(countdownInterval);\n                let timer = duration;\n                countdownInterval = setInterval(() => {\n                    const hours = Math.floor((timer / (1000 * 60 * 60)) % 24).toString().padStart(2, '0');\n                    const minutes = Math.floor((timer / 1000 / 60) % 60).toString().padStart(2, '0');\n                    const seconds = Math.floor((timer / 1000) % 60).toString().padStart(2, '0');\n                    \n                    tokenInfo.textContent = `Token baru dalam: ${hours}:${minutes}:${seconds}`;\n\n                    if (timer < 0) {\n                        clearInterval(countdownInterval);\n                        checkTokenStatus();\n                    }\n                    timer -= 1000;\n                }, 1000);\n            };\n\n            putarBtn.addEventListener('click', () => {\n                putarBtn.textContent = 'MEMUTAR...';\n                putarBtn.disabled = true;\n                tokenInfo.textContent = 'Token sedang digunakan...';\n\n                setTimeout(() => {\n                    const randomNumber = Math.random();\n                    let chosenSitus;\n                    const ssrPrizes = situsData.filter(s => s.rarity === 'SSR');\n                    const srPrizes = situsData.filter(s => s.rarity === 'SR');\n                    const rPrizes = situsData.filter(s => s.rarity === 'R');\n\n                    if (randomNumber < 0.05 && ssrPrizes.length > 0) { \n                        chosenSitus = ssrPrizes[Math.floor(Math.random() * ssrPrizes.length)];\n                    } else if (randomNumber < 0.35 && srPrizes.length > 0) {\n                        chosenSitus = srPrizes[Math.floor(Math.random() * srPrizes.length)];\n                    } else {\n                        chosenSitus = rPrizes[Math.floor(Math.random() * rPrizes.length)];\n                    }\n                    \n                    // Update Modal Content\n                    document.getElementById('modal-rarity').className = 'rarity-badge rarity-' + chosenSitus.rarity.toLowerCase();\n                    document.getElementById('modal-rarity').textContent = chosenSitus.rarity;\n                    document.getElementById('modal-logo').src = chosenSitus.logo;\n                    document.getElementById('modal-name').textContent = chosenSitus.name;\n                    \n                    /* \n                     * [MODIFIKASI LOGIKA LINK] \n                     * Tombol DAFTAR sekarang menggunakan `chosenSitus.registerUrl`\n                     * Tombol LIHAT SITUS sekarang menggunakan `chosenSitus.url`\n                     */\n                    const btnDaftar = document.getElementById('modal-btn-daftar');\n                    const btnLihat = document.getElementById('modal-btn-lihat');\n                    \n                    btnDaftar.href = chosenSitus.registerUrl;\n                    btnLihat.href = chosenSitus.url;\n                    \n                    btnDaftar.target = '_blank';\n                    btnLihat.target = '_blank';\n\n                    modal.style.display = 'flex';\n                    \n                    putarBtn.textContent = 'PUTAR';\n                    \n                    localStorage.setItem('lastGachaSpinTime', Date.now().toString());\n                    checkTokenStatus();\n\n                }, 1500);\n            });\n            \n            checkTokenStatus();\n        });\n    </script>\n<div style=\"display:none;\">\n    <!-- Outlink Untuk Blog - Cari - Cuan - Hoki -->\n    <a href=\"https://cinexeone.com\">Nonton Film Sub Indo</a>\n    <a href=\"https://dewataflix.com\">Nonton Film Sub Indo</a>\n    <a href=\"https://csnbiru.blog\">Bokep indonesia</a>\n    <a href=\"https://movielucky.com\">Nonton Film Sub Indo</a>\n    <a href=\"https://arunflixy.com\">Nonton Film Sub Indo</a>\n    <a href=\"https://csnplayhd.com\">Nonton Film Sub Indo</a>\n    <a href=\"https://megafimly.com\">Nonton Film Sub Indo</a>\n    <a href=\"https://merpamov.com\">Nonton Film Sub Indo</a>\n    <a href=\"https://nagavidz.com\">Nonton Film Sub Indo</a>\n    <a href=\"https://indoxxihot.com\">Stw Tobrut</a>\n    <a href=\"https://csnblue.blog\">Cerita Dewasa</a>\n    <a href=\"https://tafsirmimpiku.online\">Tafsir Mimpi</a>    \n    <a href=\"https://rockartdatabase.com\">Toto Macau</a>\n    <a href=\"https://bolamania.pro\">Berita Bola</a>\n    <a href=\"https://bolanews.info\">Berita Bola</a>\n    <a href=\"https://ceritabola.blog\">Berita Bola</a>\n    <a href=\"https://fansbola.me\">Berita Bola</a>\n    <a href=\"https://infobola.pro\">Berita Bola</a>\n    <a href=\"https://kilasbola.pro\">Berita Bola</a>\n    <a href=\"https://pojokbola.pro\">Berita Bola</a>\n    <a href=\"https://alexatafsir.xyz\">Tafsir Mimpi</a>\n    <a href=\"https://arunatafsir.site\">Tafsir Mimpi</a>\n    <a href=\"https://nagatafsir.site\">Tafsir Mimpi</a>\n</div>\n<script defer=\"\" src=\"https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447\" integrity=\"sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==\" data-cf-beacon=\"{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;d651b31fe7a74a90b6c9138156171f5e&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}\" crossorigin=\"anonymous\"></script>\n\n</body></html>"}