PageSourceSearch

https://jili65loginregister.com/index.html

html jili65loginregister.com collected 2026-10-08 13:01:03 UTC 179,017 bytes, 2,494 lines download raw bytes

1<!DOCTYPE html><html lang="en-PH"><head>
2    <meta charset="UTF-8">
3    <meta http-equiv="X-UA-Compatible" content="IE=edge">
4    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
5    <title>JILI65LOGINREGISTER - PLATAFORMA OFICIAL - ❤️ - JILI65LOGINREGISTER.COM</title>
6    <meta name="description" content="Experience the best at JILI65! Join now for massive wins, a huge variety of slots, and seamless casino gaming. Fast payouts and secure login await you today!">
7    <meta name="keywords" content="jili65, jili65 login, online casino Philippines, slot games, jili65 casino, real money gambling, online slots, casino register, big win slots, jili65.com">
8    <meta name="author" content="JILI65LOGINREGISTER">
9    <meta http-equiv="content-language" content="en-PH">
10    <meta name="geo.region" content="en-PH">
11    <meta name="geo.country" content="en-PH">
12    <meta name="geo.placename" content="Quezon City">
13    <meta property="og:title" content="JILI65LOGINREGISTER - PLATAFORMA OFICIAL - ❤️ - JILI65LOGINREGISTER.COM">
14    <meta property="og:description" content="Experience the best at JILI65! Join now for massive wins, a huge variety of slots, and seamless casino gaming. Fast payouts and secure login await you today!">
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://jili65loginregister.com/">
17    <meta property="og:locale" content="en_PH">
18    <link rel="alternate" hreflang="en-PH" href="https://jili65loginregister.com/">
19    <link rel="alternate" hreflang="x-default" href="https://jili65loginregister.com/">
20    <link rel="canonical" href="https://jili65loginregister.com/">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="JILI65LOGINREGISTER - PLATAFORMA OFICIAL - ❤️ - JILI65LOGINREGISTER.COM">
23    <meta name="twitter:description" content="Experience the best at JILI65! Join now for massive wins, a huge variety of slots, and seamless casino gaming. Fast payouts and secure login await you today!">
24    <link rel="icon" href="static/images/ico.png" type="image/x-icon">
25    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
26    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
27    <style>
28  :root {
29    --theme-color: #14b8a6;
30    --bg-color: #0f172a;
31    --surface-color: #134e4a;
32    --text-color: #f0fdfa;
33    --text-secondary: #5eead4;
34    --border-color: #115e59;
35    --button-text-color: #ffffff;
36  }
37  .theme-text { color: var(--theme-color); }
38  .theme-bg { background-color: var(--theme-color); }
39  .theme-border { border-color: var(--theme-color); }
40</style>
41    
41<script type="application/ld+json">
42{
43  "@context": "https://schema.org",
44  "@graph": [
45    {
46      "@context": "https://schema.org",
47      "@type": "Organization",
48      "name": "jili65loginregister",
49      "url": "jili65loginregister.com",
50      "logo": "static/images/logo.png",
51      "description": "Experience the best at JILI65! Join now for massive wins, a huge variety of slots, and seamless casino gaming. Fast payouts and secure login await you today!"
52    },
53    {
54      "@context": "https://schema.org",
55      "@type": "WebPage",
56      "name": "JILI65LOGINREGISTER - PLATAFORMA OFICIAL - ❤️ - JILI65LOGINREGISTER.COM",
57      "description": "Experience the best at JILI65! Join now for massive wins, a huge variety of slots, and seamless casino gaming. Fast payouts and secure login await you today!",
58      "url": "jili65loginregister.com",
59      "inLanguage": "en-PH",
60      "isPartOf": {
61        "@type": "WebSite",
62        "name": "jili65loginregister",
63        "url": "jili65loginregister.com"
64      }
65    },
66    {
67      "@context": "https://schema.org",
68      "@type": "SoftwareApplication",
69      "name": "jili65loginregister Mobile App",
70      "description": "Experience the best at JILI65! Join now for massive wins, a huge variety of slots, and seamless casino gaming. Fast payouts and secure login await you today!",
71      "operatingSystem": "Android, iOS",
72      "applicationCategory": "GameApplication",
73      "image": "static/images/logo.png",
74      "downloadUrl": "jili65loginregister.com/download-app.html",
75      "offers": {
76        "@type": "Offer",
77        "price": "0",
78        "priceCurrency": "PHP"
79      },
80      "aggregateRating": {
81        "@type": "AggregateRating",
82        "ratingValue": "4.5",
83        "ratingCount": "996",
84        "bestRating": "5",
85        "worstRating": "1"
86      }
87    }
88  ]
89}
90</script>
90
91  
91<script src="https://cdn.tailwindcss.com?plugins=typography,forms,aspect-ratio,line-clamp"></script>
91
92  <link rel="shortcut icon" href="static/images/ico.png" type="image/x-icon">
93  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
94</head>
95<body class="bg-[#0f172a] text-[#f0fdfa] min-h-screen overflow-x-hidden antialiased selection:bg-[#14b8a6] selection:text-white flex flex-col">
96    <div class="fixed inset-0 z-0 bg-gradient-to-b from-[#0f172a] via-[#134e4a] to-[#0f172a] pointer-events-none"></div>
97    <div class="fixed top-0 left-1/2 -translate-x-1/2 w-full max-w-[540px] h-[500px] bg-[radial-gradient(circle_at_center,#14b8a630,transparent_70%)] blur-[80px] opacity-40 pointer-events-none"></div>
98    <div class="fixed bottom-0 right-0 w-[300px] h-[300px] bg-[#14b8a6]/10 rounded-full blur-[100px] pointer-events-none"></div>
99    <div class="fixed inset-0 z-0 opacity-[0.05] pointer-events-none bg-[linear-gradient(rgba(255,255,255,0.05)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.05)_1px,transparent_1px)] bg-[size:20px_20px]"></div>
100    <main id="app" class="relative z-10 w-full max-w-[540px] mx-auto min-h-screen bg-[#0f172a]/95 shadow-[0_0_50px_rgba(0,0,0,0.5)] border-x border-[#115e59]/20 flex flex-col">
101        <div class="absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-[#14b8a6] to-transparent opacity-50"></div>
102        <header class="sticky top-0 w-full z-50 h-9 bg-[#14b8a6] border-b border-white/10 shadow-sm flex items-center justify-between px-3">
103    <div class="flex items-center gap-2 overflow-hidden">
104        <h1 class="text-[#f0fdfa] font-bold text-sm md:text-base truncate" title="jili65">
105            jili65
106        </h1>
107        <p class="hidden sm:block text-[#5eead4] text-xs truncate opacity-90" title="Top Gaming Hub PH 🎰">
108            Top Gaming Hub PH 🎰
109        </p>
110    </div>
111    <div class="flex items-center gap-3 shrink-0">
112        <button onclick="showLanguagePanel()" aria-label="Switch Language" class="p-1.5 rounded-full bg-[#134e4a] text-[#f0fdfa] hover:bg-[#115e59] transition-colors duration-200" title="Change Site Language">
113            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
114                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"></path>
115            </svg>
116        </button>
117        <a href="countries.html" data-link-fixed="true" class="text-[#f0fdfa] text-xs font-medium hover:text-[#5eead4] transition-colors duration-200 flex items-center gap-1" title="Explore regional versions of jili65">
118            <span class="hidden xs:inline">PH Region 🇵🇭</span>
119            <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
120                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
121            </svg>
122        </a>
123    </div>
124</header>
125<header class="sticky top-9 z-40 w-full bg-[#14b8a6]/95 backdrop-blur-md border-b border-[#115e59] px-3 py-2.5 shadow-sm">
126    <nav class="max-w-screen-xl mx-auto flex items-center justify-between gap-x-4">
127        <a href="index.html" class="flex-shrink-0 transition-transform active:scale-95" title="jili65 Home">
128            <img src="static/images/logo.png" alt="jili65 Logo" class="h-8 w-auto object-contain">
129        </a>
130        <div class="flex items-center gap-x-2 flex-shrink-0">
131            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-medium text-[#f0fdfa] border border-[#f0fdfa]/30 rounded-lg hover:bg-[#f0fdfa]/10 transition-colors active:bg-[#f0fdfa]/20" title="Log In">
132                Log In
133            </button>
134            <button onclick="downloadApp()" class="px-4 py-1.5 text-sm font-bold text-[#134e4a] bg-[#f0fdfa] rounded-lg shadow-sm hover:bg-[#e2fefc] transition-colors active:scale-95" title="Join Now">
135                Join Now
136            </button>
137        </div>
138    </nav>
139</header>
140<div class="w-full max-w-full overflow-hidden px-3 py-2">
141    <div class="swiper banner-swiper w-full relative overflow-hidden rounded-2xl shadow-lg aspect-[2/1] bg-[#134e4a]">
142        <div class="swiper-wrapper">
143            <div class="swiper-slide relative w-full h-full group">
144                <a href="play_game.html" title="View Join Now for Big Wins!" class="block w-full h-full">
145                    <img src="static/images/2c3fe399e98d39ed06ac7aa2014
14514ac44f5f9dbe.png" alt="Join Now for Big Wins! banner" loading="lazy" class="w-full h-full object-cover block transition-transform duration-500 group-hover:scale-105">
146                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#0f172a]/90 to-transparent">
147                        <p class="text-[#f0fdfa] text-sm font-medium truncate" title="Join Now for Big Wins!">
148                            Join Now for Big Wins!
149                        </p>
150                    </div>
151                </a>
152            </div>
153            <div class="swiper-slide relative w-full h-full group">
154                <a href="index.html" title="View Exclusive PH Welcome Bonus" class="block w-full h-full">
155                    <img src="static/images/317ec856157ec5cb5a13b2f2b245d36f37c4d107.png" alt="Exclusive PH Welcome Bonus banner" loading="lazy" class="w-full h-full object-cover block transition-transform duration-500 group-hover:scale-105">
156                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#0f172a]/90 to-transparent">
157                        <p class="text-[#f0fdfa] text-sm font-medium truncate" title="Exclusive PH Welcome Bonus">
158                            Exclusive PH Welcome Bonus
159                        </p>
160                    </div>
161                </a>
162            </div>
163            <div class="swiper-slide relative w-full h-full group">
164                <a href="play_game.html" title="View Spin and Win Real Cash" class="block w-full h-full">
165                    <img src="static/images/6260dfea73e664f8511b09883c740ad013c6d6c5.png" alt="Spin and Win Real Cash banner" loading="lazy" class="w-full h-full object-cover block transition-transform duration-500 group-hover:scale-105">
166                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#0f172a]/90 to-transparent">
167                        <p class="text-[#f0fdfa] text-sm font-medium truncate" title="Spin and Win Real Cash">
168                            Spin and Win Real Cash
169                        </p>
170                    </div>
171                </a>
172            </div>
173        </div>
174        <div class="swiper-pagination !bottom-2"></div>
175    </div>
176</div>
177<script>
178    (function() {
179        const initBanner = () => {
180            if (typeof Swiper !== 'undefined') {
181                new Swiper('.banner-swiper', {
182                    autoplay: {
183                        delay: 3000,
184                        disableOnInteraction: false,
185                    },
186                    loop: true,
187                    effect: 'slide',
188                    pagination: {
189                        el: '.swiper-pagination',
190                        clickable: true,
191                        bulletClass: 'swiper-pagination-bullet',
192                        bulletActiveClass: 'swiper-pagination-bullet-active',
193                    },
194                    slidesPerView: 1,
195                    spaceBetween: 0,
196                });
197            } else {
198                setTimeout(initBanner, 100);
199            }
200        };
201        document.addEventListener('DOMContentLoaded', initBanner);
202    })();
203</script>
203
204<style>
205    .banner-swiper .swiper-pagination-bullet {
206        background: #5eead4 !important;
207        opacity: 0.6 !important;
208    }
209    .banner-swiper .swiper-pagination-bullet-active {
210        background: #14b8a6 !important;
211        opacity: 1 !important;
212        width: 12px !important;
213        border-radius: 4px !important;
214    }
215</style>
216<div id="notify-data" class="hidden" aria-hidden="true">
217    <div>Juan** won ₱1,200</div>
218    <div>Maria** withdrawal successful ₱5,000</div>
219    <div>Jose** received bonus ₱200</div>
220    <div>Elena** just withdrew ₱1,500</div>
221    <div>Rico** won ₱8,800</div>
222    <div>Liza** withdrawal successful ₱3,200</div>
223    <div>Paolo** received bonus ₱100</div>
224    <div>Santi** just withdrew ₱2,000</div>
225    <div>Ana** won ₱15,000</div>
226    <div>Kevin** withdrawal successful ₱800</div>
227    <div>Gelo** received bonus ₱500</div>
228    <div>Mina** just withdrew ₱4,500</div>
229    <div>Luis** won ₱2,100</div>
230    <div>Tessa** withdrawal successful ₱1,100</div>
231    <div>Noah** received bonus ₱300</div>
232    <div>Maya** just withdrew ₱7,000</div>
233    <div>Kiko** won ₱500</div>
234    <div>Rina** withdrawal successful ₱2,500</div>
235    <div>Aldo** received bonus ₱150</div>
236    <div>Bea** just withdrew ₱900</div>
237    <div>Carlo** won ₱12,000</div>
238    <div>Dina** withdrawal successful ₱3,000</div>
239    <div>Erik** received bonus ₱200</div>
240    <div>Faye** just withdrew ₱1,200</div>
241    <div>Gino** won ₱4,400</div>
242    <div>Hana** withdrawal successful ₱6,000</div>
243    <div>Ivan** received bonus ₱100</div>
244    <div>Joy** just withdrew ₱2,200</div>
245    <div>Ken** won ₱3,500</div>
246    <div>Lola** withdrawal successful ₱8,000</div>
247    <div>Miko** received bonus ₱400</div>
248    <div>Nora** just withdrew ₱1,800</div>
249    <div>Oriel** won ₱9,000</div>
250    <div>Pia** withdrawal successful ₱500</div>
251    <div>Quin** received bonus ₱250</div>
252    <div>Romy** just withdrew ₱3,300</div>
253    <div>Sia** won ₱6,700</div>
254    <div>Toni** withdrawal successful ₱4,000</div>
255    <div>Uly** received bonus ₱100</div>
256    <div>Vina** just withdrew ₱2,800</div>
257    <div>Will** won ₱11,000</div>
258    <div>Xena** withdrawal successful ₱1,400</div>
259    <div>Yana** received bonus ₱300</div>
260    <div>Zack** just withdrew ₱5,500</div>
261    <div>Boni** won ₱700</div>
262    <div>Cora** withdrawal successful ₱2,100</div>
263    <div>Dino** received bonus ₱150</div>
264    <div>Emi** just withdrew ₱1,000</div>
265    <div>Fino** won ₱20,000</div>
266    <div>Gia** withdrawal successful ₱3,700</div>
267</div>
268<div class="w-full max-w-[100vw] overflow-hidden relative block py-6 px-4 rounded-2xl shadow-lg bg-gradient-to-br from-[#14b8a6]/10 to-[#14b8a6]/30 backdrop-blur-sm">
269  <div class="absolute inset-0 opacity-10 pointer-events-none">
270    <div class="w-full h-full flex items-center justify-center text-2xl">🎰 🃏 🎲 💰 🏆</div>
271  </div>
272  <div class="relative flex flex-col items-center justify-center text-center">
273    <div id="jackpot-value" class="text-4xl font-black text-[#14b8a6] drop-shadow-lg tracking-wider">12,450,780.50</div>
274    <div class="text-lg font-semibold text-[#f0fdfa]/90 mb-1">MEGA JACKPOT 🏆</div>
275    <div class="h-1 w-24 mx-auto bg-[#f0fdfa]/20 my-2 rounded"></div>
276    <div class="text-xl font-bold text-[#f0fdfa]/90 mt-1">PHP</div>
277  </div>
278</div>
279<section class="relative py-12 px-4 overflow-hidden bg-[#0f172a]" title="Welcome to the Official jili65 Casino">
280    <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-1 bg-[#14b8a6] opacity-50"></div>
281    <div class="max-w-6xl mx-auto">
282        <header class="text-center mb-10">
283            <h2 class="text-2xl md:text-3xl font-bold text-[#f0fdfa] leading-tight mb-3">
284                Welcome to the Official jili65 Casino
285            </h2>
286            <p class="text-sm md:text-base text-[#5eead4] opacity-90 max-w-md mx-auto leading-relaxed" title="Experience the most trusted gaming platform in the Philippines. jili65 provides a secure environment with high win rates, premium encryption, and dedicated 24/7 VIP support for all players.">
287                Experience the most trusted gaming platform in the Philippines. jili65 provides a secure environment with high win rates, premium encryption, and dedicated 24/7 VIP support for all players.
288            </p>
289        </header>
290        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-12">
291            <article class="flex flex-col p-5 bg-[#134e4a] border border-[#115e59] rounded-2xl transition-transform active:scale-95" title="Secure Transactions">
292                <div class="flex items-center gap-3 mb-3">
293                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#14b8a6] text-[#0f172a] text-lg font-bold">
294                        🛡️
295                    </span>
296                    <h3 class="text-lg font-semibold text-[#f0fdfa] truncate">
297                        Secure Transactions
298                    </h3>
299                </div>
300                <p class="text-sm text-[#5eead4] leading-snug opacity-80" title="Enjoy peace of mind with advanced SSL encryption and secure payment gateways tailored for Filipino users' safety and privacy.">
301                    Enjoy peace of mind with advanced SSL encryption and secure payment gateways tailored for Filipino users' safety and privacy.
302                </p>
303            </article>
304            <article class="flex flex-col p-5 bg-[#134e4a] border border-[#115e59] rounded-2xl transition-transform active:scale-95" title="High Win Rates">
305                <div class="flex items-center gap-3 mb-3">
306                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#14b8a6] text-[#0f172a] text-lg font-bold">
307                        🎰
308                    </span>
309                    <h3 class="text-lg font-semibold text-[#f0fdfa] truncate">
310                        High Win Rates
311                    </h3>
312                </div>
313                <p class="text-sm text-[#5eead4] leading-snug opacity-80" title="Access a wide array of certified games designed with fair RNG systems to maximize your chances of hitting a jackpot.">
314                    Access a wide array of certified games designed with fair RNG systems to maximize your chances of hitting a jackpot.
315                </p>
316            </article>
317            <article class="flex flex-col p-5 bg-[#134e4a] border border-[#115e59] rounded-2xl transition-transform active:scale-95" title="Instant Payouts">
318                <div class="flex items-center gap-3 mb-3">
319                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#14b8a6] text-[#0f172a] text-lg font-bold">
320                        ⚡
321                    </span>
322                    <h3 class="text-lg font-semibold text-[#f0fdfa] truncate">
323                        Instant Payouts
324                    </h3>
325                </div>
326                <p class="text-sm text-[#5eead4] leading-snug opacity-80" title="Experience seamless withdrawals with our optimized system, ensuring your winnings reach your local account quickly and without hassle.">
327                    Experience seamless withdrawals with our optimized system, ensuring your winnings reach your local account quickly and without hassle.
328                </p>
329            </article>
330            <article class="flex flex-col p-5 bg-[#134e4a] border border-[#115e59] rounded-2xl transition-transform active:scale-95" title="VIP Treatment">
331                <div class="flex items-center gap-3 mb-3">
332                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#14b8a6] text-[#0f172a] text-lg font-bold">
333                        💎
334                    </span>
335                    <h3 class="text-lg font-semibold text-[#f0fdfa] truncate">
336                        VIP Treatment
337                    </h3>
338                </div>
339                <p class="text-sm text-[#5eead4] leading-snug opacity-80" title="Get exclusive access to personalized rewards and a professional support team available around the clock to assist you.">
340                    Get exclusive access to personalized rewards and a professional support team available around the clock to assist you.
341                </p>
342            </article>
343        </div>
344        <div class="relative p-6 md:p-8 rounded-3xl bg-gradient-to-br from-[#134e4a] to-[#0f172a] border border-[#115e59] text-center">
345            <div class="mb-6">
346                <h3 class="text-xl font-bold text-[#f0fdfa] mb-2">
347                    Start Your Winning Journey Today
348                </h3>
349                <p class="text-sm text-[#5eead4] opacity-90">
350                    Register now to claim your exclusive welcome bonus and explore the best casino games in PH.
351                </p>
352            </div>
353            <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
354                <button onclick="downloadApp()" class="w-full sm:w-auto px-8 py-3.5 bg-[#14b8a6] text-[#0f172a] font-bold rounded-xl shadow-lg shadow-[#14b8a6]/20 hover:brightness-110 active:scale-95 transition-all" title="Download the official app">
355                    Download App
356                </button>
357                <button onclick="downloadApp()" class="w-full sm:w-auto px-8 py-3.5 border-2 border-[#14b8a6] text-[#14b8a6] font-bold rounded-xl hover:bg-[#14b8a6]/10 active:scale-95 transition-all" title="Login to your account">
358                    Login Now
359                </button>
360            </div>
361            <div class="absolute -z-10 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-32 h-32 bg-[#14b8a6] opacity-10 blur-3xl rounded-full"></div>
362        </div>
363    </div>
364</section>
365<nav class="sticky top-[88px] z-30 w-full bg-[#134e4a]/95 backdrop-blur-md border-b border-[#115e59] shadow-lg" title="Game Categories category navigation">
366    <div class="max-w-screen-xl mx-auto">
367        <div class="overflow-x-auto overflow-y-hidden scroll-smooth no-scrollbar flex items-center py-3 px-2 md:px-4 snap-x snap-mandatory">
368            <ul id="category-tabs" class="flex flex-nowrap gap-3 whitespace-nowrap" title="Game categories list">
369                <li class="snap-start flex-shrink-0">
370                    <a href="#cat-slots" title="View all games in Online Slots" class="group flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out bg-[#0f172a] text-[#f0fdfa] border border-[#115e59] hover:border-[#14b8a6] hover:bg-[#14b8a6]/10 active:scale-95">
371                        <span class="flex items-center justify-center w-5 h-5 text-sm" aria-hidden="true">
372                            🎰
373                        </span>
374                        <span class="text-sm font-medium tracking-wide group-hover:text-[#5eead4]">
375                            Online Slots
376                        </span>
377                    </a>
378                </li>
379                <li class="snap-start flex-shrink-0">
380                    <a href="#cat-live-casino" title="View all games in Live Casino" class="group flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out bg-[#0f172a] text-[#f0fdfa] border border-[#115e59] hover:border-[#14b8a6] hover:bg-[#14b8a6]/10 active:scale-95">
381                        <span class="flex items-center justify-center w-5 h-5 text-sm" aria-hidden="true">
382                            🃏
383                        </span>
384                        <span class="text-sm font-medium tracking-wide group-hover:text-[#5eead4]">
385                            Live Casino
386                        </span>
387                    </a>
388                </li>
389                <li class="snap-start flex-shrink-0">
390                    <a href="#cat-cockfight" title="View all games in Sabong" class="group flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out bg-[#0f172a] text-[#f0fdfa] border border-[#115e59] hover:border-[#14b8a6] hover:bg-[#14b8a6]/10 active:scale-95">
391                        <span class="flex items-center justify-center w-5 h-5 text-sm" aria-hidden="true">
392                            🐓
393                        </span>
394                        <span class="text-sm font-medium tracking-wide group-hover:text-[#5eead4]">
395                            Sabong
396                        </span>
397                    </a>
398                </li>
399                <li class="snap-start flex-shrink-0">
400                    <a href="#cat-sports" title="View all games in Sports Betting" class="group flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out bg-[#0f172a] text-[#f0fdfa] border border-[#115e59] hover:border-[#14b8a6] hover:bg-[#14b8a6]/10 active:scale-95">
401                        <span class="flex items-center justify-center w-5 h-5 text-sm" aria-hidden="true">
402                            🏀
403                        </span>
404                        <span class="text-sm font-medium tracking-wide group-hover:text-[#5eead4]">
405                            Sports Betting
406                        </span>
407                    </a>
408                </li>
409                <li class="snap-start flex-shrink-0">
410                    <a href="#cat-fishing" title="View all games in Fishing Games" class="group flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out bg-[#0f172a] text-[#f0fdfa] border border-[#115e59] hover:border-[#14b8a6] hover:bg-[#14b8a6]/10 active:scale-95">
411                        <span class="flex items-center justify-center w-5 h-5 text-sm" aria-hidden="true">
412                            🎣
413                        </span>
414                        <span class="text-sm font-medium tracking-wide group-hover:text-[#5eead4]">
415                            Fishing Games
416                        </span>
417                    </a>
418                </li>
419                <li class="snap-start flex-shrink-0">
420                    <a href="#cat-jackpot" title="View all games in Grand Jackpot" class="group flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 ease-in-out bg-[#0f172a] text-[#f0fdfa] border border-[#115e59] hover:border-[#14b8a6] hover:bg-[#14b8a6]/10 active:scale-95">
421                        <span class="flex items-center justify-center w-5 h-5 text-sm" aria-hidden="true">
422                            💰
423                        </span>
424                        <span class="text-sm font-medium tracking-wide group-hover:text-[#5eead4]">
425                            Grand Jackpot
426                        </span>
427                    </a>
428                </li>
429            </ul>
430        </div>
431    </div>
432    <style>
433        /* Custom scrollbar hide for a cleaner mobile UI */
434        .no-scrollbar::-webkit-scrollbar {
435            display: none;
436        }
437        .no-scrollbar {
438            -ms-overflow-style: none;
439            scrollbar-width: none;
440        }
441    </style>
442</nav>
443<section id="cat-slots" class="py-8 px-4 md:px-6 lg:px-8 bg-[#0f172a]">
444  <header class="mb-6 flex items-center gap-3 group">
445    <div class="flex items-center justify-center w-10 h-10 rounded-xl bg-[#134e4a] text-[#5eead4] text-2xl shadow-lg shadow-[#14b8a6]/20">
446      🎰
447    </div>
448    <h2 class="text-xl md:text-2xl font-bold text-[#f0fdfa] tracking-tight group-hover:text-[#14b8a6] transition-colors duration-300">
449      Online Slots
450    </h2>
451  </header>
452  <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
453    <article class="relative group">
454      <a href="dragon-fishing-ii.html" title="Play Dragon Fishing II now" class="flex flex-col h-full">
455        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
456          <img src="static/images/74f33cc8c052f986a9d3beed3659266f2234249f.heif" alt="Dragon Fishing II screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
457          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
458            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
459          </div>
460        </div>
461        <div class="mt-2 px-1">
462          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Dragon Fishing II">
463            Dragon Fishing II
464          </h3>
465          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="JILI">
466            JILI
467          </p>
468        </div>
469      </a>
470    </article>
471    <article class="relative group">
472      <a href="nutty-riches.html" title="Play Nutty Riches now" class="flex flex-col h-full">
473        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
474          <img src="static/images/e144ee29c61520946f2da74f95021c4ba6f1eaec.heif" alt="Nutty Riches screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
475          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
476            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
477          </div>
478        </div>
479        <div class="mt-2 px-1">
480          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Nutty Riches">
481            Nutty Riches
482          </h3>
483          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="PG Soft">
484            PG Soft
485          </p>
486        </div>
487      </a>
488    </article>
489    <article class="relative group">
490      <a href="knockout-baccarat.html" title="Play Knockout Baccarat now" class="flex flex-col h-full">
491        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
492          <img src="static/images/b37ae911dca2281086148057dc1c32d6b425c4ca.heif" alt="Knockout Baccarat screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
493          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
494            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
495          </div>
496        </div>
497        <div class="mt-2 px-1">
498          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Knockout Baccarat">
499            Knockout Baccarat
500          </h3>
501          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Evolution">
502            Evolution
503          </p>
504        </div>
505      </a>
506    </article>
507    <article class="relative group">
508      <a href="funky-time.html" title="Play Funky Time now" class="flex flex-col h-full">
509        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
510          <img src="static/images/e62610ed237a9a01bc6e756e3d3a4a09c0f172ac.png" alt="Funky Time screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
511          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
512            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
513          </div>
514        </div>
515        <div class="mt-2 px-1">
516          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Funky Time">
517            Funky Time
518          </h3>
519          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Pragmatic Play">
520            Pragmatic Play
521          </p>
522        </div>
523      </a>
524    </article>
525    <article class="relative group">
526      <a href="food-coma.html" title="Play Food Coma now" class="flex flex-col h-full">
527        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
528          <img src="static/images/52f069685a992b379b5d603733d682a7ce963a37.heif" alt="Food Coma screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
529          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
530            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
531          </div>
532        </div>
533        <div class="mt-2 px-1">
534          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Food Coma">
535            Food Coma
536          </h3>
537          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="PG Soft">
538            PG Soft
539          </p>
540        </div>
541      </a>
542    </article>
543    <article class="relative group">
544      <a href="blackjackx-30-emerald.html" title="Play BlackjackX 30 - Emerald now" class="flex flex-col h-full">
545        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
546          <img src="static/images/0d937792fcb9a773da462c6b2ea30fbf06e91654.heif" alt="BlackjackX 30 - Emerald screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
547          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
548            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
549          </div>
550        </div>
551        <div class="mt-2 px-1">
552          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="BlackjackX 30 - Emerald">
553            BlackjackX 30 - Emerald
554          </h3>
555          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Evolution">
556            Evolution
557          </p>
558        </div>
559      </a>
560    </article>
561    <article class="relative group">
562      <a href="mines-grand.html" title="Play Mines Grand now" class="flex flex-col h-full">
563        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
564          <img src="static/images/0ba31a65d87757ebc070ab874e9ab992e8400b42.heif" alt="Mines Grand screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
565          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
566            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
567          </div>
568        </div>
569        <div class="mt-2 px-1">
570          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Mines Grand">
571            Mines Grand
572          </h3>
573          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Pragmatic Play">
574            Pragmatic Play
575          </p>
576        </div>
577      </a>
578    </article>
579    <article class="relative group">
580      <a href="buffalo.html" title="Play Buffalo now" class="flex flex-col h-full">
581        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
582          <img src="static/images/c73cc06dff6e7720a0286e00f74639bb2bcc4ff8.webp" alt="Buffalo screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
583          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
584            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
585          </div>
586        </div>
587        <div class="mt-2 px-1">
588          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Buffalo">
589            Buffalo
590          </h3>
591          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="BGaming">
592            BGaming
593          </p>
594        </div>
595      </a>
596    </article>
597    <article class="relative group">
598      <a href="easy-blackjack.html" title="Play Easy Blackjack now" class="flex flex-col h-full">
599        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
600          <img src="static/images/171436028bc9e20ea203f843ee575c847ddeb20c.png" alt="Easy Blackjack screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
601          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
602            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
603          </div>
604        </div>
605        <div class="mt-2 px-1">
606          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Easy Blackjack">
607            Easy Blackjack
608          </h3>
609          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Ezugi">
610            Ezugi
611          </p>
612        </div>
613      </a>
614    </article>
615  </div>
616  <div class="mt-8 flex justify-center">
617    <a href="javascript:downloadApp();" title="View all games in Online Slots" class="inline-flex items-center gap-2 px-6 py-2.5 rounded-full bg-[#134e4a] text-[#5eead4] text-sm font-semibold border border-[#115e59] hover:bg-[#14b8a6] hover:text-[#0f172a] transition-all duration-300 active:scale-95">
618      <span>More</span>
619      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
620        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
621      </svg>
622    </a>
623  </div>
624</section>
625<section id="cat-live-casino" class="py-8 px-4 md:px-6 lg:px-8 bg-[#0f172a]">
626  <header class="mb-6 flex items-center gap-3 group">
627    <div class="flex items-center justify-center w-10 h-10 rounded-xl bg-[#134e4a] text-[#5eead4] text-2xl shadow-lg shadow-[#14b8a6]/20">
628      🃏
629    </div>
630    <h2 class="text-xl md:text-2xl font-bold text-[#f0fdfa] tracking-tight group-hover:text-[#14b8a6] transition-colors duration-300">
631      Live Casino
632    </h2>
633  </header>
634  <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
635    <article class="relative group">
636      <a href="cricket-ball-roulette.html" title="Play Cricket Ball Roulette now" class="flex flex-col h-full">
637        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
638          <img src="static/images/022a4e535db9d66d97aa05b4c985ecca275d60fc.heif" alt="Cricket Ball Roulette screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
639          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
640            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
641          </div>
642        </div>
643        <div class="mt-2 px-1">
644          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Cricket Ball Roulette">
645            Cricket Ball Roulette
646          </h3>
647          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Evolution">
648            Evolution
649          </p>
650        </div>
651      </a>
652    </article>
653    <article class="relative group">
654      <a href="masuwerteng-kayamanan.html" title="Play Masuwerteng Kayamanan now" class="flex flex-col h-full">
655        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
656          <img src="static/images/2d32e2020fe8ca7d3d753334d486415260f1ebfe.heif" alt="Masuwerteng Kayamanan screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
657          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
658            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
659          </div>
660        </div>
661        <div class="mt-2 px-1">
662          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Masuwerteng Kayamanan">
663            Masuwerteng Kayamanan
664          </h3>
665          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="JILI">
666            JILI
667          </p>
668        </div>
669      </a>
670    </article>
671    <article class="relative group">
672      <a href="spear-of-athena.html" title="Play Spear of Athena now" class="flex flex-col h-full">
673        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
674          <img src="static/images/139d33758452ab35395b8994ca1a7f0651a413d5.heif" alt="Spear of Athena screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
675          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-trans
675parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
676            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
677          </div>
678        </div>
679        <div class="mt-2 px-1">
680          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Spear of Athena">
681            Spear of Athena
682          </h3>
683          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="PG Soft">
684            PG Soft
685          </p>
686        </div>
687      </a>
688    </article>
689    <article class="relative group">
690      <a href="cat-museum.html" title="Play Cat Museum now" class="flex flex-col h-full">
691        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
692          <img src="static/images/675e1fcf57aa965aac3494ab81aa8a6df0ea8b34.heif" alt="Cat Museum screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
693          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
694            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
695          </div>
696        </div>
697        <div class="mt-2 px-1">
698          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Cat Museum">
699            Cat Museum
700          </h3>
701          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="PG Soft">
702            PG Soft
703          </p>
704        </div>
705      </a>
706    </article>
707    <article class="relative group">
708      <a href="fortune-gate.html" title="Play Fortune Gate now" class="flex flex-col h-full">
709        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
710          <img src="static/images/527d18bd9dfb77df627685953b31cedd81903156.webp" alt="Fortune Gate screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
711          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
712            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
713          </div>
714        </div>
715        <div class="mt-2 px-1">
716          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Fortune Gate">
717            Fortune Gate
718          </h3>
719          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Pragmatic Play">
720            Pragmatic Play
721          </p>
722        </div>
723      </a>
724    </article>
725    <article class="relative group">
726      <a href="flame-777.html" title="Play Flame 777 now" class="flex flex-col h-full">
727        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
728          <img src="static/images/f0e1042a4ed817930fb3b1d85dc4b2d2bd41a8d1.heif" alt="Flame 777 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
729          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
730            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
731          </div>
732        </div>
733        <div class="mt-2 px-1">
734          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Flame 777">
735            Flame 777
736          </h3>
737          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="BGaming">
738            BGaming
739          </p>
740        </div>
741      </a>
742    </article>
743  </div>
744  <div class="mt-8 flex justify-center">
745    <a href="javascript:downloadApp();" title="View all games in Live Casino" class="inline-flex items-center gap-2 px-6 py-2.5 rounded-full bg-[#134e4a] text-[#5eead4] text-sm font-semibold border border-[#115e59] hover:bg-[#14b8a6] hover:text-[#0f172a] transition-all duration-300 active:scale-95">
746      <span>More</span>
747      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
748        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
749      </svg>
750    </a>
751  </div>
752</section>
753<section id="cat-cockfight" class="py-8 px-4 md:px-6 lg:px-8 bg-[#0f172a]">
754  <header class="mb-6 flex items-center gap-3 group">
755    <div class="flex items-center justify-center w-10 h-10 rounded-xl bg-[#134e4a] text-[#5eead4] text-2xl shadow-lg shadow-[#14b8a6]/20">
756      🐓
757    </div>
758    <h2 class="text-xl md:text-2xl font-bold text-[#f0fdfa] tracking-tight group-hover:text-[#14b8a6] transition-colors duration-300">
759      Sabong
760    </h2>
761  </header>
762  <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
763    <article class="relative group">
764      <a href="fish-prawn-crab-2.html" title="Play Fish Prawn Crab 2 now" class="flex flex-col h-full">
765        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
766          <img src="static/images/1a37f6427507a7eb28dd75a886ab360cc3b4ece2.heif" alt="Fish Prawn Crab 2 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
767          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
768            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
769          </div>
770        </div>
771        <div class="mt-2 px-1">
772          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Fish Prawn Crab 2">
773            Fish Prawn Crab 2
774          </h3>
775          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="JILI">
776            JILI
777          </p>
778        </div>
779      </a>
780    </article>
781    <article class="relative group">
782      <a href="auto-lightning-roulette.html" title="Play Auto Lightning Roulette now" class="flex flex-col h-full">
783        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
784          <img src="static/images/58290335d8581822c7d2d5b6503f065f226b317f.png" alt="Auto Lightning Roulette screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
785          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
786            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
787          </div>
788        </div>
789        <div class="mt-2 px-1">
790          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Auto Lightning Roulette">
791            Auto Lightning Roulette
792          </h3>
793          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Evolution">
794            Evolution
795          </p>
796        </div>
797      </a>
798    </article>
799    <article class="relative group">
800      <a href="golden-donkey-christmas-xpand.html" title="Play Golden Donkey Christmas Xpand now" class="flex flex-col h-full">
801        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
802          <img src="static/images/fee94241f6226f08080e23c9a602175315725594.heif" alt="Golden Donkey Christmas Xpand screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
803          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-trans
803parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
804            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
805          </div>
806        </div>
807        <div class="mt-2 px-1">
808          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Golden Donkey Christmas Xpand">
809            Golden Donkey Christmas Xpand
810          </h3>
811          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Pragmatic Play">
812            Pragmatic Play
813          </p>
814        </div>
815      </a>
816    </article>
817    <article class="relative group">
818      <a href="balonix.html" title="Play BaloniX now" class="flex flex-col h-full">
819        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
820          <img src="static/images/b76d8cccd00309314fa5566f02c4f9600f9c44f0.heif" alt="BaloniX screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
821          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
822            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
823          </div>
824        </div>
825        <div class="mt-2 px-1">
826          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="BaloniX">
827            BaloniX
828          </h3>
829          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="BGaming">
830            BGaming
831          </p>
832        </div>
833      </a>
834    </article>
835    <article class="relative group">
836      <a href="golden-fish-hunter.html" title="Play Golden Fish Hunter now" class="flex flex-col h-full">
837        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
838          <img src="static/images/0729159deb0b6af6b6b740107112365c89678b73.heif" alt="Golden Fish Hunter screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
839          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
840            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
841          </div>
842        </div>
843        <div class="mt-2 px-1">
844          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Golden Fish Hunter">
845            Golden Fish Hunter
846          </h3>
847          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="JILI">
848            JILI
849          </p>
850        </div>
851      </a>
852    </article>
853    <article class="relative group">
854      <a href="imperial-quest.html" title="Play Imperial Quest now" class="flex flex-col h-full">
855        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
856          <img src="static/images/06ed9518c6622a2672a17c8184732e62406d54ab.png" alt="Imperial Quest screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
857          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
858            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
859          </div>
860        </div>
861        <div class="mt-2 px-1">
862          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Imperial Quest">
863            Imperial Quest
864          </h3>
865          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="PG Soft">
866            PG Soft
867          </p>
868        </div>
869      </a>
870    </article>
871  </div>
872  <div class="mt-8 flex justify-center">
873    <a href="javascript:downloadApp();" title="View all games in Sabong" class="inline-flex items-center gap-2 px-6 py-2.5 rounded-full bg-[#134e4a] text-[#5eead4] text-sm font-semibold border border-[#115e59] hover:bg-[#14b8a6] hover:text-[#0f172a] transition-all duration-300 active:scale-95">
874      <span>More</span>
875      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
876        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
877      </svg>
878    </a>
879  </div>
880</section>
881<section id="cat-sports" class="py-8 px-4 md:px-6 lg:px-8 bg-[#0f172a]">
882  <header class="mb-6 flex items-center gap-3 group">
883    <div class="flex items-center justify-center w-10 h-10 rounded-xl bg-[#134e4a] text-[#5eead4] text-2xl shadow-lg shadow-[#14b8a6]/20">
884      🏀
885    </div>
886    <h2 class="text-xl md:text-2xl font-bold text-[#f0fdfa] tracking-tight group-hover:text-[#14b8a6] transition-colors duration-300">
887      Sports Betting
888    </h2>
889  </header>
890  <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
891    <article class="relative group">
892      <a href="casino-marina-roulette-2.html" title="Play Casino Marina Roulette 2 now" class="flex flex-col h-full">
893        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
894          <img src="static/images/0cb0bbd1b82c2040e3ce7b6fdac1dd830be94689.heif" alt="Casino Marina Roulette 2 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
895          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
896            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
897          </div>
898        </div>
899        <div class="mt-2 px-1">
900          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Casino Marina Roulette 2">
901            Casino Marina Roulette 2
902          </h3>
903          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Evolution">
904            Evolution
905          </p>
906        </div>
907      </a>
908    </article>
909    <article class="relative group">
910      <a href="blackjack-vip-14.html" title="Play Blackjack VIP 14 now" class="flex flex-col h-full">
911        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
912          <img src="static/images/1b8c9482b74b8512eabb1d317ccd916e491097f2.png" alt="Blackjack VIP 14 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
913          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
914            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
915          </div>
916        </div>
917        <div class="mt-2 px-1">
918          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Blackjack VIP 14">
919            Blackjack VIP 14
920          </h3>
921          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Evolution">
922            Evolution
923          </p>
924        </div>
925      </a>
926    </article>
927    <article class="relative group">
928      <a href="karera-ng-kabayo-auto-roulette.html" title="Play Karera ng Kabayo Auto Roulette now" class="flex flex-col h-full">
929        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
930          <img src="static/images/5521b0fcc38229eda885da2c16dfb9121b382cfb.heif" alt="Karera ng Kabayo Auto Roulette screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
931          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-trans
931parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
932            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
933          </div>
934        </div>
935        <div class="mt-2 px-1">
936          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Karera ng Kabayo Auto Roulette">
937            Karera ng Kabayo Auto Roulette
938          </h3>
939          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Pragmatic Play">
940            Pragmatic Play
941          </p>
942        </div>
943      </a>
944    </article>
945    <article class="relative group">
946      <a href="the-vigilantes.html" title="Play The Vigilantes now" class="flex flex-col h-full">
947        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
948          <img src="static/images/8ad5042bbb452325542bb62b7fe8018a7255ee13.heif" alt="The Vigilantes screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
949          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
950            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
951          </div>
952        </div>
953        <div class="mt-2 px-1">
954          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="The Vigilantes">
955            The Vigilantes
956          </h3>
957          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="PG Soft">
958            PG Soft
959          </p>
960        </div>
961      </a>
962    </article>
963    <article class="relative group">
964      <a href="turkish-roulette.html" title="Play Turkish Roulette now" class="flex flex-col h-full">
965        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
966          <img src="static/images/c83100e0487cf4965a8f28f75fc7f084f4e51bbe.heif" alt="Turkish Roulette screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
967          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
968            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
969          </div>
970        </div>
971        <div class="mt-2 px-1">
972          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Turkish Roulette">
973            Turkish Roulette
974          </h3>
975          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Evolution">
976            Evolution
977          </p>
978        </div>
979      </a>
980    </article>
981    <article class="relative group">
982      <a href="new-tropical-island.html" title="Play New Tropical Island now" class="flex flex-col h-full">
983        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
984          <img src="static/images/1776028da2e09db6ffe28400e1e9119d55a5edef.heif" alt="New Tropical Island screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
985          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
986            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
987          </div>
988        </div>
989        <div class="mt-2 px-1">
990          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="New Tropical Island">
991            New Tropical Island
992          </h3>
993          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="PG Soft">
994            PG Soft
995          </p>
996        </div>
997      </a>
998    </article>
999    <article class="relative group">
1000      <a href="red-black-war.html" title="Play Red-Black War now" class="flex flex-col h-full">
1001        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1002          <img src="static/images/1b6cfd258cb623accd3a73b0ed0a5b7b28490f1d.webp" alt="Red-Black War screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1003          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1004            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1005          </div>
1006        </div>
1007        <div class="mt-2 px-1">
1008          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Red-Black War">
1009            Red-Black War
1010          </h3>
1011          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Pragmatic Play">
1012            Pragmatic Play
1013          </p>
1014        </div>
1015      </a>
1016    </article>
1017    <article class="relative group">
1018      <a href="arctic-king.html" title="Play Arctic King now" class="flex flex-col h-full">
1019        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1020          <img src="static/images/16ee9d62dcd2e8554a5a2b31ace34dd44abbf122.webp" alt="Arctic King screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1021          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1022            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1023          </div>
1024        </div>
1025        <div class="mt-2 px-1">
1026          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Arctic King">
1027            Arctic King
1028          </h3>
1029          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="BGaming">
1030            BGaming
1031          </p>
1032        </div>
1033      </a>
1034    </article>
1035    <article class="relative group">
1036      <a href="dragon-tiger-battle.html" title="Play Dragon-Tiger Battle now" class="flex flex-col h-full">
1037        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1038          <img src="static/images/6d95ae448031e5a81405f9b3fcef76de08033fa3.webp" alt="Dragon-Tiger Battle screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1039          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1040            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1041          </div>
1042        </div>
1043        <div class="mt-2 px-1">
1044          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Dragon-Tiger Battle">
1045            Dragon-Tiger Battle
1046          </h3>
1047          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Ezugi">
1048            Ezugi
1049          </p>
1050        </div>
1051      </a>
1052    </article>
1053  </div>
1054  <div class="mt-8 flex justify-center">
1055    <a href="javascript:downloadApp();" title="View all games in Sports Betting" class="inline-flex items-center gap-2 px-6 py-2.5 rounded-full bg-[#134e4a] text-[#5eead4] text-sm font-semibold border border-[#115e59] hover:bg-[#14b8a6] hover:text-[#0f172a] transition-all duration-300 active:scale-95">
1056      <span>More</span>
1057      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1058        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1059      </svg>
1060    </a>
1061  </div>
1062</section>
1063<section id="cat-fishing" class="py-8 px-4 md:px-6 lg:px-8 bg-[#0f172a]">
1064  <header class="mb-6 flex items-center gap-3 group">
1065    <div class="flex items-center justify-center w-10 h-10 rounded-xl bg-[#134e4a] text-[#5eead4] text-2xl shadow-lg shadow-[#14b8a6]/20">
1066      🎣
1067    </div>
1068    <h2 class="text-xl md:text-2xl font-bold text-[#f0fdfa] tracking-tight group-hover:text-[#14b8a6] transition-colors duration-300">
1069      Fishing Games
1070    </h2>
1071  </header>
1072  <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
1073    <article class="relative group">
1074      <a href="halamanlabansadinosaur.html" title="Play HalamanlabansaDinosaur now" class="flex flex-col h-full">
1075        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1076          <img src="static/images/49a9e2fc0d4f16150d918b5957bae0c4e64409a3.webp" alt="HalamanlabansaDinosaur screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1077          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1078            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1079          </div>
1080        </div>
1081        <div class="mt-2 px-1">
1082          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="HalamanlabansaDinosaur">
1083            HalamanlabansaDinosaur
1084          </h3>
1085          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="JILI">
1086            JILI
1087          </p>
1088        </div>
1089      </a>
1090    </article>
1091    <article class="relative group">
1092      <a href="baccarat-7.html" title="Play Baccarat 7 now" class="flex flex-col h-full">
1093        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1094          <img src="static/images/f363c69f638a1b9533a8a7b5836c22ad2bf0b173.heif" alt="Baccarat 7 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1095          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1096            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1097          </div>
1098        </div>
1099        <div class="mt-2 px-1">
1100          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Baccarat 7">
1101            Baccarat 7
1102          </h3>
1103          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Evolution">
1104            Evolution
1105          </p>
1106        </div>
1107      </a>
1108    </article>
1109    <article class="relative group">
1110      <a href="salon-prive-blackjack-c.html" title="Play Salon Privé Blackjack C now" class="flex flex-col h-full">
1111        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1112          <img src="static/images/91d83013040076543fc8f46630976ecc5988d474.png" alt="Salon Privé Blackjack C screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1113          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-trans
1113parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1114            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1115          </div>
1116        </div>
1117        <div class="mt-2 px-1">
1118          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Salon Privé Blackjack C">
1119            Salon Privé Blackjack C
1120          </h3>
1121          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Ezugi">
1122            Ezugi
1123          </p>
1124        </div>
1125      </a>
1126    </article>
1127  </div>
1128  <div class="mt-8 flex justify-center">
1129    <a href="javascript:downloadApp();" title="View all games in Fishing Games" class="inline-flex items-center gap-2 px-6 py-2.5 rounded-full bg-[#134e4a] text-[#5eead4] text-sm font-semibold border border-[#115e59] hover:bg-[#14b8a6] hover:text-[#0f172a] transition-all duration-300 active:scale-95">
1130      <span>More</span>
1131      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1132        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1133      </svg>
1134    </a>
1135  </div>
1136</section>
1137<section id="cat-jackpot" class="py-8 px-4 md:px-6 lg:px-8 bg-[#0f172a]">
1138  <header class="mb-6 flex items-center gap-3 group">
1139    <div class="flex items-center justify-center w-10 h-10 rounded-xl bg-[#134e4a] text-[#5eead4] text-2xl shadow-lg shadow-[#14b8a6]/20">
1140      💰
1141    </div>
1142    <h2 class="text-xl md:text-2xl font-bold text-[#f0fdfa] tracking-tight group-hover:text-[#14b8a6] transition-colors duration-300">
1143      Grand Jackpot
1144    </h2>
1145  </header>
1146  <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
1147    <article class="relative group">
1148      <a href="fortune-of-olympus.html" title="Play Fortune of Olympus now" class="flex flex-col h-full">
1149        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1150          <img src="static/images/055a4108b79b5132088d8484e821920102b8d8d8.heif" alt="Fortune of Olympus screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1151          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1152            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1153          </div>
1154        </div>
1155        <div class="mt-2 px-1">
1156          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Fortune of Olympus">
1157            Fortune of Olympus
1158          </h3>
1159          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Pragmatic Play">
1160            Pragmatic Play
1161          </p>
1162        </div>
1163      </a>
1164    </article>
1165    <article class="relative group">
1166      <a href="hiyas-gems.html" title="Play HIYAS GEMS now" class="flex flex-col h-full">
1167        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1168          <img src="static/images/680f2886044ce71631e2fb9f38de45c8be944946.heif" alt="HIYAS GEMS screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1169          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1170            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1171          </div>
1172        </div>
1173        <div class="mt-2 px-1">
1174          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="HIYAS GEMS">
1175            HIYAS GEMS
1176          </h3>
1177          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="PG Soft">
1178            PG Soft
1179          </p>
1180        </div>
1181      </a>
1182    </article>
1183    <article class="relative group">
1184      <a href="banker-bull-bull-2.html" title="Play Banker Bull-Bull 2 now" class="flex flex-col h-full">
1185        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1186          <img src="static/images/e16972eeeac878a1989276aaccdb810eab7a0906.heif" alt="Banker Bull-Bull 2 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1187          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-trans
1187parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1188            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1189          </div>
1190        </div>
1191        <div class="mt-2 px-1">
1192          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Banker Bull-Bull 2">
1193            Banker Bull-Bull 2
1194          </h3>
1195          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Evolution">
1196            Evolution
1197          </p>
1198        </div>
1199      </a>
1200    </article>
1201    <article class="relative group">
1202      <a href="wild-bounty-showdown.html" title="Play Wild Bounty Showdown now" class="flex flex-col h-full">
1203        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1204          <img src="static/images/6ed557f0cef6a389dc525f132f1b55be349154e1.heif" alt="Wild Bounty Showdown screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1205          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1206            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1207          </div>
1208        </div>
1209        <div class="mt-2 px-1">
1210          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Wild Bounty Showdown">
1211            Wild Bounty Showdown
1212          </h3>
1213          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="PG Soft">
1214            PG Soft
1215          </p>
1216        </div>
1217      </a>
1218    </article>
1219    <article class="relative group">
1220      <a href="super-bingo.html" title="Play Super Bingo now" class="flex flex-col h-full">
1221        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1222          <img src="static/images/e2affb54c9ca6eed27492b5b18d646e08b2578da.heif" alt="Super Bingo screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1223          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1224            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1225          </div>
1226        </div>
1227        <div class="mt-2 px-1">
1228          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="Super Bingo">
1229            Super Bingo
1230          </h3>
1231          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="JILI">
1232            JILI
1233          </p>
1234        </div>
1235      </a>
1236    </article>
1237    <article class="relative group">
1238      <a href="china-empress.html" title="Play China Empress now" class="flex flex-col h-full">
1239        <div class="relative aspect-[3/4] rounded-2xl overflow-hidden border border-[#115e59] bg-[#134e4a] transition-transform duration-300 group-hover:-translate-y-1 group-hover:shadow-xl group-hover:shadow-[#14b8a6]/30">
1240          <img src="static/images/e840a227627decedb11ed4425eb3f1efac3e8bae.webp" alt="China Empress screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1241          <div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-2">
1242            <span class="text-[10px] font-medium text-[#5eead4] bg-[#14b8a6] px-2 py-1 rounded-md w-full text-center">PLAY NOW</span>
1243          </div>
1244        </div>
1245        <div class="mt-2 px-1">
1246          <h3 class="text-xs md:text-sm font-medium text-[#f0fdfa] truncate leading-tight" title="China Empress">
1247            China Empress
1248          </h3>
1249          <p class="text-[10px] text-[#14b8a6] font-normal opacity-80 truncate mt-0.5" title="Pragmatic Play">
1250            Pragmatic Play
1251          </p>
1252        </div>
1253      </a>
1254    </article>
1255  </div>
1256  <div class="mt-8 flex justify-center">
1257    <a href="javascript:downloadApp();" title="View all games in Grand Jackpot" class="inline-flex items-center gap-2 px-6 py-2.5 rounded-full bg-[#134e4a] text-[#5eead4] text-sm font-semibold border border-[#115e59] hover:bg-[#14b8a6] hover:text-[#0f172a] transition-all duration-300 active:scale-95">
1258      <span>More</span>
1259      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1260        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1261      </svg>
1262    </a>
1263  </div>
1264</section>
1265<section class="py-8 px-4 md:py-12 md:px-6 bg-[#0f172a]">
1266    <header class="max-w-2xl mx-auto mb-8 text-left">
1267        <h2 class="text-2xl md:text-3xl font-bold text-[#f0fdfa] mb-2 leading-tight">
1268            Exclusive Rewards at JILI65 Casino Philippines
1269        </h2>
1270        <p class="text-[#5eead4] text-sm md:text-base opacity-90" title="Experience the thrill of winning with JILI65! Enjoy the biggest bonuses, weekly rebates, and massive jackpots tailored for Filipino players. Register now and start your winning streak today!">
1271            Experience the thrill of winning with JILI65! Enjoy the biggest bonuses, weekly rebates, and massive jackpots tailored for Filipino players. Register now and start your winning streak today!
1272        </p>
1273    </header>
1274    <div class="flex flex-col gap-6 max-w-lg mx-auto">
1275        <article class="relative flex flex-col overflow-hidden rounded-2xl border border-[#115e59] bg-[#134e4a] shadow-lg transition-transform duration-300 active:scale-[0.98]">
1276            <div class="relative w-full">
1277                <img src="static/images/696fe8408be0c40822b315484fa93cb2a629d160.png" alt="100% Welcome Match Bonus promotion" loading="lazy" class="block w-full h-auto object-contain">
1278                <span class="absolute top-3 left-3 bg-[#14b8a6] text-[#0f172a] text-xs font-bold px-2 py-1 rounded-md shadow-sm uppercase">
1279                    NEW
1280                </span>
1281            </div>
1282            <div class="p-5 flex flex-col gap-4">
1283                <div class="flex flex-col gap-1">
1284                    <h3 class="text-lg font-bold text-[#f0fdfa] leading-snug line-clamp-2">
1285                        100% Welcome Match Bonus
1286                    </h3>
1287                    <div class="flex items-center gap-2 text-[#14b8a6] font-black text-xl md:text-2xl py-1">
1288                        <span class="text-sm font-normal opacity-80">Bonus:</span>
1289                        ₱5,000 Bonus
1290                    </div>
1291                </div>
1292                <p class="text-[#f0fdfa] text-sm opacity-80 leading-relaxed line-clamp-3" title="Start your journey with a bang! Get a 100% match on your first deposit to play all hot slots.">
1293                    Start your journey with a bang! Get a 100% match on your first deposit to play all hot slots.
1294                </p>
1295                <div class="space-y-2">
1296                    <div class="h-2 w-full bg-[#0f172a] rounded-full overflow-hidden border border-[#115e59]">
1297                        <div class="h-full bg-[#14b8a6] transition-all duration-500" style="width: 65%"></div>
1298                    </div>
1299                    <div class="flex justify-between items-center text-[11px] font-medium text-[#5eead4] uppercase tracking-wider">
1300                        <span class="flex items-center gap-1">
1301                            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z"></path></svg>
1302                            Claimed: 65%
1303                        </span>
1304                        <span class="flex items-center gap-1">
1305                            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a2 2 0 00.586 1.414l5-5a2 2 0 00-2.828-2.828L8 11.586V6a1 1 0 10-2 0v4a1 1 0 00.293.707l3 3a1 1 0 001.414 0l3-3A1 1 0 0011 7H9v4z" clip-rule="evenodd"></path></svg>
1306                            Ends in: 2 Days Left
1307                        </span>
1308                    </div>
1309                </div>
1310                <button onclick="downloadApp()" title="Claim 100% Welcome Match Bonus now" class="w-full py-3.5 px-4 bg-[#14b8a6] hover:bg-[#5eead4] text-[#0f172a] font-bold rounded-xl transition-colors duration-200 flex items-center justify-center gap-2 shadow-lg shadow-[#14b8a6]/20">
1311                    <span>Join Now</span>
1312                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path></svg>
1313                </button>
1314            </div>
1315        </article>
1316        <article class="relative flex flex-col overflow-hidden rounded-2xl border border-[#115e59] bg-[#134e4a] shadow-lg transition-transform duration-300 active:scale-[0.98]">
1317            <div class="relative w-full">
1318                <img src="static/images/7a6f6c1e3783c8372ffcc58a792154d330293092.jpg" alt="Grand Motorcycle Giveaway promotion" loading="lazy" class="block w-full h-auto object-contain">
1319                <span class="absolute top-3 left-3 bg-[#14b8a6] text-[#0f172a] text-xs font-bold px-2 py-1 rounded-md shadow-sm uppercase">
1320                    EXCLUSIVE
1321                </span>
1322            </div>
1323            <div class="p-5 flex flex-col gap-4">
1324                <div class="flex flex-col gap-1">
1325                    <h3 class="text-lg font-bold text-[#f0fdfa] leading-snug line-clamp-2">
1326                        Grand Motorcycle Giveaway
1327                    </h3>
1328                    <div class="flex items-center gap-2 text-[#14b8a6] font-black text-xl md:text-2xl py-1">
1329                        <span class="text-sm font-normal opacity-80">Bonus:</span>
1330                        Luxury Bike
1331                    </div>
1332                </div>
1333                <p class="text-[#f0fdfa] text-sm opacity-80 leading-relaxed line-clamp-3" title="Finish the daily challenges and climb the leaderboard for a chance to ride away on a brand new bike!">
1334                    Finish the daily challenges and climb the leaderboard for a chance to ride away on a brand new bike!
1335                </p>
1336                <div class="space-y-2">
1337                    <div class="h-2 w-full bg-[#0f172a] rounded-full overflow-hidden border border-[#115e59]">
1338                        <div class="h-full bg-[#14b8a6] transition-all duration-500" style="width: 48%"></div>
1339                    </div>
1340                    <div class="flex justify-between items-center text-[11px] font-medium text-[#5eead4] uppercase tracking-wider">
1341                        <span class="flex items-center gap-1">
1342                            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z"></path></svg>
1343                            Claimed: 48%
1344                        </span>
1345                        <span class="flex items-center gap-1">
1346                            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a2 2 0 00.586 1.414l5-5a2 2 0 00-2.828-2.828L8 11.586V6a1 1 0 10-2 0v4a1 1 0 00.293.707l3 3a1 1 0 001.414 0l3-3A1 1 0 0011 7H9v4z" clip-rule="evenodd"></path></svg>
1347                            Ends in: 05:59:00
1348                        </span>
1349                    </div>
1350                </div>
1351                <button onclick="downloadApp()" title="Claim Grand Motorcycle Giveaway now" class="w-full py-3.5 px-4 bg-[#14b8a6] hover:bg-[#5eead4] text-[#0f172a] font-bold rounded-xl transition-colors duration-200 flex items-center justify-center gap-2 shadow-lg shadow-[#14b8a6]/20">
1352                    <span>Win Now</span>
1353                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path></svg>
1354                </button>
1355            </div>
1356        </article>
1357        <article class="relative flex flex-col overflow-hidden rounded-2xl border border-[#115e59] bg-[#134e4a] shadow-lg transition-transform duration-300 active:scale-[0.98]">
1358            <div class="relative w-full">
1359                <img src="static/images/e0aa6e517637684f8af21378a3e827f477d7b6a3.jpg" alt="Monthly Turnover Rebate promotion" loading="lazy" class="block w-full h-auto object-contain">
1360                <span class="absolute top-3 left-3 bg-[#14b8a6] text-[#0f172a] text-xs font-bold px-2 py-1 rounded-md shadow-sm uppercase">
1361                    HOT
1362                </span>
1363            </div>
1364            <div class="p-5 flex flex-col gap-4">
1365                <div class="flex flex-col gap-1">
1366                    <h3 class="text-lg font-bold text-[#f0fdfa] leading-snug line-clamp-2">
1367                        Monthly Turnover Rebate
1368                    </h3>
1369                    <div class="flex items-center gap-2 text-[#14b8a6] font-black text-xl md:text-2xl py-1">
1370                        <span class="text-sm font-normal opacity-80">Bonus:</span>
1371                        Up to ₱18,888
1372                    </div>
1373                </div>
1374                <p class="text-[#f0fdfa] text-sm opacity-80 leading-relaxed line-clamp-3" title="The more you play, the more you earn! Get 3 chances to win massive prizes based on your monthly activity.">
1375                    The more you play, the more you earn! Get 3 chances to win massive prizes based on your monthly activity.
1376                </p>
1377                <div class="space-y-2">
1378                    <div class="h-2 w-full bg-[#0f172a] rounded-full overflow-hidden border border-[#115e59]">
1379                        <div class="h-full bg-[#14b8a6] transition-all duration-500" style="width: 82%"></div>
1380                    </div>
1381                    <div class="flex justify-between items-center text-[11px] font-medium text-[#5eead4] uppercase tracking-wider">
1382                        <span class="flex items-center gap-1">
1383                            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z"></path></svg>
1384                            Claimed: 82%
1385                        </span>
1386                        <span class="flex items-center gap-1">
1387                            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a2 2 0 00.586 1.414l5-5a2 2 0 00-2.828-2.828L8 11.586V6a1 1 0 10-2 0v4a1 1 0 00.293.707l3 3a1 1 0 001.414 0l3-3A1 1 0 0011 7H9v4z" clip-rule="evenodd"></path></svg>
1388                            Ends in: 12h 30m
1389                        </span>
1390                    </div>
1391                </div>
1392                <button onclick="downloadApp()" title="Claim Monthly Turnover Rebate now" class="w-full py-3.5 px-4 bg-[#14b8a6] hover:bg-[#5eead4] text-[#0f172a] font-bold rounded-xl transition-colors duration-200 flex items-center justify-center gap-2 shadow-lg shadow-[#14b8a6]/20">
1393                    <span>Claim Rebate</span>
1394                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path></svg>
1395                </button>
1396            </div>
1397        </article>
1398        <article class="relative flex flex-col overflow-hidden rounded-2xl border border-[#115e59] bg-[#134e4a] shadow-lg transition-transform duration-300 active:scale-[0.98]">
1399            <div class="relative w-full">
1400                <img src="static/images/5c5b82b068d47fb8ce99dbfcdff6d8fce36dfde4.png" alt="VIP Weekly Cashback promotion" loading="lazy" class="block w-full h-auto object-contain">
1401                <span class="absolute top-3 left-3 bg-[#14b8a6] text-[#0f172a] text-xs font-bold px-2 py-1 rounded-md shadow-sm uppercase">
1402                    LIMITED
1403                </span>
1404            </div>
1405            <div class="p-5 flex flex-col gap-4">
1406                <div class="flex flex-col gap-1">
1407                    <h3 class="text-lg font-bold text-[#f0fdfa] leading-snug line-clamp-2">
1408                        VIP Weekly Cashback
1409                    </h3>
1410                    <div class="flex items-center gap-2 text-[#14b8a6] font-black text-xl md:text-2xl py-1">
1411                        <span class="text-sm font-normal opacity-80">Bonus:</span>
1412                        10% Cashback
1413                    </div>
1414                </div>
1415                <p class="text-[#f0fdfa] text-sm opacity-80 leading-relaxed line-clamp-3" title="Never worry about losses. Get a percentage of your wagers back every week as a loyal VIP member.">
1416                    Never worry about losses. Get a percentage of your wagers back every week as a loyal VIP member.
1417                </p>
1418                <div class="space-y-2">
1419                    <div class="h-2 w-full bg-[#0f172a] rounded-full overflow-hidden border border-[#115e59]">
1420                        <div class="h-full bg-[#14b8a6] transition-all duration-500" style="width: 91%"></div>
1421                    </div>
1422                    <div class="flex justify-between items-center text-[11px] font-medium text-[#5eead4] uppercase tracking-wider">
1423                        <span class="flex items-center gap-1">
1424                            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z"></path></svg>
1425                            Claimed: 91%
1426                        </span>
1427                        <span class="flex items-center gap-1">
1428                            <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a2 2 0 00.586 1.414l5-5a2 2 0 00-2.828-2.828L8 11.586V6a1 1 0 10-2 0v4a1 1 0 00.293.707l3 3a1 1 0 001.414 0l3-3A1 1 0 0011 7H9v4z" clip-rule="evenodd"></path></svg>
1429                            Ends in: 1 Day Left
1430                        </span>
1431                    </div>
1432                </div>
1433                <button onclick="downloadApp()" title="Claim VIP Weekly Cashback now" class="w-full py-3.5 px-4 bg-[#14b8a6] hover:bg-[#5eead4] text-[#0f172a] font-bold rounded-xl transition-colors duration-200 flex items-center justify-center gap-2 shadow-lg shadow-[#14b8a6]/20">
1434                    <span>Get Cash</span>
1435                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path></svg>
1436                </button>
1437            </div>
1438        </article>
1439    </div>
1440</section>
1441<section class="py-12 px-4 md:py-20 bg-[#0f172a] overflow-hidden">
1442  <div class="max-w-5xl mx-auto">
1443    <article class="mb-8 p-5 md:p-8 rounded-3xl border border-[#115e59] bg-[#134e4a] bg-opacity-30 flex flex-col gap-6 transition-all hover:border-[#14b8a6] shadow-xl shadow-black/20">
1444      <div class="flex items-center gap-4 shrink-0">
1445        <div class="flex-shrink-0 w-14 h-14 rounded-2xl bg-[#0f172a] border border-[#115e59] flex items-center justify-center text-2xl shadow-inner">
1446          <span class="flex items-center justify-center w-full h-full leading-none" title="JILI65 Super Slot icon">
1447            🎰
1448          </span>
1449        </div>
1450        <div class="flex flex-col overflow-hidden">
1451          <h3 class="text-[#f0fdfa] text-xl md:text-2xl font-bold leading-tight truncate-none break-words" title="JILI65 Super Slot">
1452            JILI65 Super Slot
1453          </h3>
1454          <span class="text-[#5eead4] text-sm md:text-base font-medium opacity-90 mt-1">
1455            Win big with every spin
1456          </span>
1457        </div>
1458      </div>
1459      <div class="space-y-4">
1460        <div class="text-[#f0fdfa] text-sm md:text-base leading-relaxed opacity-90" title="About JILI65 Super Slot">
1461          <p>Dive into the most exciting slot adventure at jili65loginregister.com with high RTP and stunning graphics.</p>
1462        </div>
1463      </div>
1464      <div class="pt-4 border-t border-[#115e59]/50">
1465        <div class="flex items-center gap-2 mb-3">
1466          <div class="w-1 h-4 bg-[#14b8a6] rounded-full"></div>
1467          <h4 class="text-[#14b8a6] text-sm md:text-base font-bold uppercase tracking-wider">
1468            How to Play
1469          </h4>
1470        </div>
1471        <div class="text-[#f0fdfa] text-sm md:text-base leading-relaxed opacity-80 pl-3" title="Gameplay rules for JILI65 Super Slot">
1472          <ul><li>Set your preferred bet amount per spin.</li><li>Match three or more symbols on a payline to win.</li><li>Collect scatter symbols to trigger free spins.</li></ul>
1473        </div>
1474      </div>
1475      <div class="mt-2 flex justify-end md:justify-start">
1476        <button onclick="playGame('JILI65 Super Slot')" title="Play JILI65 Super Slot now" class="w-full sm:w-auto px-8 py-3 rounded-xl bg-[#14b8a6] text-[#0f172a] font-bold text-sm md:text-base transition-transform active:scale-95 hover:bg-[#5eead4] shadow-lg shadow-[#14b8a6]/20">
1477          PLAY NOW
1478        </button>
1479      </div>
1480    </article>
1481    <article class="mb-8 p-5 md:p-8 rounded-3xl border border-[#115e59] bg-[#134e4a] bg-opacity-30 flex flex-col gap-6 transition-all hover:border-[#14b8a6] shadow-xl shadow-black/20">
1482      <div class="flex items-center gap-4 shrink-0">
1483        <div class="flex-shrink-0 w-14 h-14 rounded-2xl bg-[#0f172a] border border-[#115e59] flex items-center justify-center text-2xl shadow-inner">
1484          <span class="flex items-center justify-center leading-none" title="Golden Fortune icon">
1485            💰
1486          </span>
1487        </div>
1488        <div class="flex flex-col overflow-hidden">
1489          <h3 class="text-[#f0fdfa] text-xl md:text-2xl font-bold leading-tight truncate-none break-words" title="Golden Fortune">
1490            Golden Fortune
1491          </h3>
1492          <span class="text-[#5eead4] text-sm md:text-base font-medium opacity-90 mt-1">
1493            The path to massive jackpots
1494          </span>
1495        </div>
1496      </div>
1497      <div class="space-y-4">
1498        <div class="text-[#f0fdfa] text-sm md:text-base leading-relaxed opacity-90" title="About Golden Fortune">
1499          <p>A classic-style slot game designed for Filipino players seeking luxury rewards and daily bonuses.</p>
1500        </div>
1501      </div>
1502      <div class="pt-4 border-t border-[#115e59]/50">
1503        <div class="flex items-center gap-2 mb-3">
1504          <div class="w-1 h-4 bg-[#14b8a6] rounded-full"></div>
1505          <h4 class="text-[#14b8a6] text-sm md:text-base font-bold uppercase tracking-wider">
1506            How to Play
1507          </h4>
1508        </div>
1509        <div class="text-[#f0fdfa] text-sm md:text-base leading-relaxed opacity-80 pl-3" title="Gameplay rules for Golden Fortune">
1510          <ul><li>Spin the reels to align golden symbols.</li><li>Activate the bonus round via the wild symbol.</li><li>Claim multipliers to increase your total payout.</li></ul>
1511        </div>
1512      </div>
1513      <div class="mt-2 flex justify-end md:justify-start">
1514        <button onclick="playGame('Golden Fortune')" title="Play Golden Fortune now" class="w-full sm:w-auto px-8 py-3 rounded-xl bg-[#14b8a6] text-[#0f172a] font-bold text-sm md:text-base transition-transform active:scale-95 hover:bg-[#5eead4] shadow-lg shadow-[#14b8a6]/20">
1515          PLAY NOW
1516        </button>
1517      </div>
1518    </article>
1519    <article class="mb-8 p-5 md:p-8 rounded-3xl border border-[#115e59] bg-[#134e4a] bg-opacity-30 flex flex-col gap-6 transition-all hover:border-[#14b8a6] shadow-xl shadow-black/20">
1520      <div class="flex items-center gap-4 shrink-0">
1521        <div class="flex-shrink-0 w-14 h-14 rounded-2xl bg-[#0f172a] border border-[#115e59] flex items-center justify-center text-2xl shadow-inner">
1522          <span class="flex items-center justify-center leading-none" title="VIP Baccarat icon">
1523            🃏
1524          </span>
1525        </div>
1526        <div class="flex flex-col overflow-hidden">
1527          <h3 class="text-[#f0fdfa] text-xl md:text-2xl font-bold leading-tight truncate-none break-words" title="VIP Baccarat">
1528            VIP Baccarat
1529          </h3>
1530          <span class="text-[#5eead4] text-sm md:text-base font-medium opacity-90 mt-1">
1531            High-stakes table action
1532          </span>
1533        </div>
1534      </div>
1535      <div class="space-y-4">
1536        <div class="text-[#f0fdfa] text-sm md:text-base leading-relaxed opacity-90" title="About VIP Baccarat">
1537          <p>Experience the elegance of a real casino from your mobile device with our professional live dealers.</p>
1538        </div>
1539      </div>
1540      <div class="pt-4 border-t border-[#115e59]/50">
1541        <div class="flex items-center gap-2 mb-3">
1542          <div class="w-1 h-4 bg-[#14b8a6] rounded-full"></div>
1543          <h4 class="text-[#14b8a6] text-sm md:text-base font-bold uppercase tracking-wider">
1544            How to Play
1545          </h4>
1546        </div>
1547        <div class="text-[#f0fdfa] text-sm md:text-base leading-relaxed opacity-80 pl-3" title="Gameplay rules for VIP Baccarat">
1548          <ul><li>Place your bet on Player, Banker, or Tie.</li><li>The hand closest to a total of nine wins.</li><li>Follow standard baccarat commission rules.</li></ul>
1549        </div>
1550      </div>
1551      <div class="mt-2 flex justify-end md:justify-start">
1552        <button onclick="playGame('VIP Baccarat')" title="Play VIP Baccarat now" class="w-full sm:w-auto px-8 py-3 rounded-xl bg-[#14b8a6] text-[#0f172a] font-bold text-sm md:text-base transition-transform active:scale-95 hover:bg-[#5eead4] shadow-lg shadow-[#14b8a6]/20">
1553          PLAY NOW
1554        </button>
1555      </div>
1556    </article>
1557    <article class="mb-8 p-5 md:p-8 rounded-3xl border border-[#115e59] bg-[#134e4a] bg-opacity-30 flex flex-col gap-6 transition-all hover:border-[#14b8a6] shadow-xl shadow-black/20">
1558      <div class="flex items-center gap-4 shrink-0">
1559        <div class="flex-shrink-0 w-14 h-14 rounded-2xl bg-[#0f172a] border border-[#115e59] flex items-center justify-center text-2xl shadow-inner">
1560          <span class="flex items-center justify-center leading-none" title="JILI65 Fishing Pro icon">
1561            🐟
1562          </span>
1563        </div>
1564        <div class="flex flex-col overflow-hidden">
1565          <h3 class="text-[#f0fdfa] text-xl md:text-2xl font-bold leading-tight truncate-none break-words" title="JILI65 Fishing Pro">
1566            JILI65 Fishing Pro
1567          </h3>
1568          <span class="text-[#5eead4] text-sm md:text-base font-medium opacity-90 mt-1">
1569            Shoot and earn rewards
1570          </span>
1571        </div>
1572      </div>
1573      <div class="space-y-4">
1574        <div class="text-[#f0fdfa] text-sm md:text-base leading-relaxed opacity-90" title="About JILI65 Fishing Pro">
1575          <p>An action-packed arcade game where your skill determines your winnings in the deep blue sea.</p>
1576        </div>
1577      </div>
1578      <div class="pt-4 border-t border-[#115e59]/50">
1579        <div class="flex items-center gap-2 mb-3">
1580          <div class="w-1 h-4 bg-[#14b8a6] rounded-full"></div>
1581          <h4 class="text-[#14b8a6] text-sm md:text-base font-bold uppercase tracking-wider">
1582            How to Play
1583          </h4>
1584        </div>
1585        <div class="text-[#f0fdfa] text-sm md:text-base leading-relaxed opacity-80 pl-3" title="Gameplay rules for JILI65 Fishing Pro">
1586          <ul><li>Aim and shoot fish to collect gold coins.</li><li>Target boss fish for the biggest multipliers.</li><li>Upgrade your gear to increase damage.</li></ul>
1587        </div>
1588      </div>
1589      <div class="mt-2 flex justify-end md:justify-start">
1590        <button onclick="playGame('JILI65 Fishing Pro')" title="Play JILI65 Fishing Pro now" class="w-full sm:w-auto px-8 py-3 rounded-xl bg-[#14b8a6] text-[#0f172a] font-bold text-sm md:text-base transition-transform active:scale-95 hover:bg-[#5eead4] shadow-lg shadow-[#14b8a6]/20">
1591          PLAY NOW
1592        </button>
1593      </div>
1594    </article>
1595  </div>
1596</section>
1597<section class="py-12 px-4 md:py-20 md:px-8 bg-[#0f172a]" title="Start Winning on jili65loginregister.com in 6 Steps Guide">
1598    <div class="max-w-6xl mx-auto">
1599        <header class="text-center mb-12 md:mb-16">
1600            <h2 class="text-2xl md:text-4xl font-bold text-[#f0fdfa] mb-4 leading-tight">
1601                Start Winning on jili65loginregister.com in 6 Steps
1602            </h2>
1603            <p class="text-sm md:text-base text-[#5eead4] max-w-2xl mx-auto opacity-90" title="Join thousands of Filipino winners on jili65loginregister.com today. Get started with our fast, safe, and easy onboarding process.">
1604                Join thousands of Filipino winners on jili65loginregister.com today. Get started with our fast, safe, and easy onboarding process.
1605            </p>
1606        </header>
1607        <div class="relative space-y-6 md:space-y-0 md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-6">
1608            <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-5 md:p-6 transition-all hover:border-[#14b8a6] shadow-lg">
1609                <div class="flex items-center gap-3 mb-3">
1610                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#14b8a6] text-[#0f172a] font-bold text-xs">
1611                        1
1612                    </span>
1613                    <div class="flex items-center gap-2">
1614                        <span class="text-xl" aria-hidden="true">👤</span>
1615                        <h3 class="text-base md:text-lg font-semibold text-[#f0fdfa] leading-snug">
1616                            Create jili65 Account
1617                        </h3>
1618                    </div>
1619                </div>
1620                <p class="text-sm md:text-sm text-[#5eead4] leading-relaxed opacity-80" title="Visit jili65loginregister.com and click the sign-up button. Fill in your basic details to set up your secure gaming profile quickly.">
1621                    Visit jili65loginregister.com and click the sign-up button. Fill in your basic details to set up your secure gaming profile quickly.
1622                </p>
1623            </article>
1624            <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-5 md:p-6 transition-all hover:border-[#14b8a6] shadow-lg">
1625                <div class="flex items-center gap-3 mb-3">
1626                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#14b8a6] text-[#0f172a] font-bold text-xs">
1627                        2
1628                    </span>
1629                    <div class="flex items-center gap-2">
1630                        <span class="text-xl" aria-hidden="true">🔑</span>
1631                        <h3 class="text-base md:text-lg font-semibold text-[#f0fdfa] leading-snug">
1632                            Verify jili65 Login
1633                        </h3>
1634                    </div>
1635                </div>
1636                <p class="text-sm md:text-sm text-[#5eead4] leading-relaxed opacity-80" title="Enter your registered credentials on the jili65 login page. Complete the security check to access your personalized gaming dashboard.">
1637                    Enter your registered credentials on the jili65 login page. Complete the security check to access your personalized gaming dashboard.
1638                </p>
1639            </article>
1640            <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-5 md:p-6 transition-all hover:border-[#14b8a6] shadow-lg">
1641                <div class="flex items-center gap-3 mb-3">
1642                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#14b8a6] text-[#0f172a] font-bold text-xs">
1643                        3
1644                    </span>
1645                    <div class="flex items-center gap-2">
1646                        <span class="text-xl" aria-hidden="true">💰</span>
1647                        <h3 class="text-base md:text-lg font-semibold text-[#f0fdfa] leading-snug">
1648                            Deposit Funds
1649                        </h3>
1650                    </div>
1651                </div>
1652                <p class="text-sm md:text-sm text-[#5eead4] leading-relaxed opacity-80" title="Go to the cashier section of jili65loginregister.com. Choose from GCash, Maya, or local bank transfers for a seamless and instant deposit.">
1653                    Go to the cashier section of jili65loginregister.com. Choose from GCash, Maya, or local bank transfers for a seamless and instant deposit.
1654                </p>
1655            </article>
1656            <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-5 md:p-6 transition-all hover:border-[#14b8a6] shadow-lg">
1657                <div class="flex items-center gap-3 mb-3">
1658                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#14b8a6] text-[#0f172a] font-bold text-xs">
1659                        4
1660                    </span>
1661                    <div class="flex items-center gap-2">
1662                        <span class="text-xl" aria-hidden="true">🎰</span>
1663                        <h3 class="text-base md:text-lg font-semibold text-[#f0fdfa] leading-snug">
1664                            Select Your Game
1665                        </h3>
1666                    </div>
1667                </div>
1668                <p class="text-sm md:text-sm text-[#5eead4] leading-relaxed opacity-80" title="Browse the jili65 casino library. Choose from the hottest slots, fish shooting games, or live dealer tables available on the platform.">
1669                    Browse the jili65 casino library. Choose from the hottest slots, fish shooting games, or live dealer tables available on the platform.
1670                </p>
1671            </article>
1672            <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-5 md:p-6 transition-all hover:border-[#14b8a6] shadow-lg">
1673                <div class="flex items-center gap-3 mb-3">
1674                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#14b8a6] text-[#0f172a] font-bold text-xs">
1675                        5
1676                    </span>
1677                    <div class="flex items-center gap-2">
1678                        <span class="text-xl" aria-hidden="true">⚡</span>
1679                        <h3 class="text-base md:text-lg font-semibold text-[#f0fdfa] leading-snug">
1680                            Place Your Bets
1681                        </h3>
1682                    </div>
1683                </div>
1684                <p class="text-sm md:text-sm text-[#5eead4] leading-relaxed opacity-80" title="Set your desired wager and start spinning or dealing. Experience the high-speed gameplay and fair odds provided by jili65.com.">
1685                    Set your desired wager and start spinning or dealing. Experience the high-speed gameplay and fair odds provided by jili65.com.
1686                </p>
1687            </article>
1688            <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-5 md:p-6 transition-all hover:border-[#14b8a6] shadow-lg">
1689                <div class="flex items-center gap-3 mb-3">
1690                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#14b8a6] text-[#0f172a] font-bold text-xs">
1691                        6
1692                    </span>
1693                    <div class="flex items-center gap-2">
1694                        <span class="text-xl" aria-hidden="true">🏆</span>
1695                        <h3 class="text-base md:text-lg font-semibold text-[#f0fdfa] leading-snug">
1696                            Withdraw Winnings
1697                        </h3>
1698                    </div>
1699                </div>
1700                <p class="text-sm md:text-sm text-[#5eead4] leading-relaxed opacity-80" title="Convert your big wins into real cash. Request a withdrawal via jili65loginregister.com and receive your funds directly to your local wallet.">
1701                    Convert your big wins into real cash. Request a withdrawal via jili65loginregister.com and receive your funds directly to your local wallet.
1702                </p>
1703            </article>
1704        </div>
1705        <div class="mt-12 md:mt-20 text-center">
1706            <div class="inline-block p-1 rounded-2xl bg-[#115e59] md:p-2">
1707                <button onclick="downloadApp()" class="px-8 py-4 md:px-12 md:py-5 rounded-xl bg-[#14b8a6] text-[#0f172a] font-bold text-base md:text-lg transition-transform active:scale-95 hover:brightness-110" title="Download jili65loginregister.com App &amp; View Guide">
1708                    Download jili65loginregister.com App &amp; View Guide
1709                </button>
1710            </div>
1711            <p class="mt-4 text-xs md:text-sm text-[#5eead4] opacity-60 italic">
1712                Supported on iOS &amp; Android - Updated 2024
1713            </p>
1714        </div>
1715    </div>
1716</section>
1717<section class="py-12 px-4 md:py-20 bg-[#0f172a] overflow-hidden">
1718  <header class="max-w-4xl mx-auto text-center mb-12">
1719    <div class="flex items-center justify-center gap-3 mb-4">
1720      <div class="h-px w-8 md:w-16 bg-[#14b8a6] opacity-50"></div>
1721      <span class="text-[#14b8a6] text-sm font-bold tracking-widest uppercase">---- 🏆 ----</span>
1722      <div class="h-px w-8 md:w-16 bg-[#14b8a6] opacity-50"></div>
1723    </div>
1724    <h2 class="text-2xl md:text-4xl font-extrabold text-[#f0fdfa] mb-4 leading-tight">
1725      Live Winners Feed
1726    </h2>
1727    <p class="text-sm md:text-base text-[#5eead4] opacity-80 max-w-2xl mx-auto leading-relaxed">
1728      Real-time payouts from our lucky players across the Philippines
1729    </p>
1730  </header>
1731  <div class="max-w-3xl mx-auto grid gap-4 md:gap-6">
1732    <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-6 transition-all duration-300 hover:border-[#14b8a6] hover:shadow-[0_0_20px_rgba(20,184,166,0.15)]">
1733      <div class="flex flex-col gap-5">
1734        <div class="flex items-center justify-between gap-3">
1735          <div class="flex items-center gap-3">
1736            <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#0f172a] border-2 border-[#14b8a6] flex items-center justify-center text-lg md:text-xl shadow-inner">
1737              <span class="select-none">😎</span>
1738            </div>
1739            <div class="flex flex-col">
1740              <h3 class="text-sm md:text-base font-bold text-[#f0fdfa] leading-none mb-1">
1741                JunJun_88
1742              </h3>
1743              <span class="text-[10px] md:text-xs font-medium text-[#14b8a6] bg-[#0f172a] px-2 py-0.5 rounded-md inline-block w-fit border border-[#115e59]">
1744                Super Fishing
1745              </span>
1746            </div>
1747          </div>
1748          <span class="text-[10px] md:text-xs text-[#5eead4] opacity-60 flex items-center gap-1 font-medium">
1749            🕒 2 mins ago
1750          </span>
1751        </div>
1752        <div class="flex flex-col items-start md:items-center md:text-center py-2">
1753          <div class="text-2xl md:text-4xl font-black text-[#5eead4] tracking-tight group-hover:scale-105 transition-transform duration-300">
1754            ₱4,200
1755          </div>
1756        </div>
1757        <div class="relative">
1758          <p class="text-xs md:text-sm text-[#f0fdfa] opacity-80 italic leading-relaxed pl-3 border-l-2 border-[#14b8a6] py-1" title="Grabe, ang daling humuli ng isda rito! Fast payout talaga.">
1759            Grabe, ang daling humuli ng isda rito! Fast payout talaga.
1760          </p>
1761        </div>
1762      </div>
1763    </article>
1764    <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-6 transition-all duration-300 hover:border-[#14b8a6] hover:shadow-[0_0_20px_rgba(20,184,166,0.15)]">
1765      <div class="absolute -top-3 right-4 md:right-6 bg-[#14b8a6] text-[#0f172a] text-[10px] md:text-xs font-black px-3 py-1 rounded-full uppercase tracking-tighter shadow-lg">
1766        Jackpot
1767      </div>
1768      <div class="flex flex-col gap-5">
1769        <div class="flex items-center justify-between gap-3">
1770          <div class="flex items-center gap-3">
1771            <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#0f172a] border-2 border-[#14b8a6] flex items-center justify-center text-lg md:text-xl shadow-inner">
1772              <span class="select-none">👩</span>
1773            </div>
1774            <div class="flex flex-col">
1775              <h3 class="text-sm md:text-base font-bold text-[#f0fdfa] leading-none mb-1">
1776                MariaClara_PH
1777              </h3>
1778              <span class="text-[10px] md:text-xs font-medium text-[#14b8a6] bg-[#0f172a] px-2 py-0.5 rounded-md inline-block w-fit border border-[#115e59]">
1779                Golden Fortune Slots
1780              </span>
1781            </div>
1782          </div>
1783          <span class="text-[10px] md:text-xs text-[#5eead4] opacity-60 flex items-center gap-1 font-medium">
1784            🕒 15 mins ago
1785          </span>
1786        </div>
1787        <div class="flex flex-col items-start md:items-center md:text-center py-2">
1788          <div class="text-2xl md:text-4xl font-black text-[#5eead4] tracking-tight group-hover:scale-105 transition-transform duration-300">
1789            ₱85,000
1790          </div>
1791        </div>
1792        <div class="relative">
1793          <p class="text-xs md:text-sm text-[#f0fdfa] opacity-80 italic leading-relaxed pl-3 border-l-2 border-[#14b8a6] py-1" title="OMG! I can't believe I actually hit the jackpot today!">
1794            OMG! I can't believe I actually hit the jackpot today!
1795          </p>
1796        </div>
1797      </div>
1798    </article>
1799    <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-6 transition-all duration-300 hover:border-[#14b8a6] hover:shadow-[0_0_20px_rgba(20,184,166,0.15)]">
1800      <div class="flex flex-col gap-5">
1801        <div class="flex items-center justify-between gap-3">
1802          <div class="flex items-center gap-3">
1803            <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#0f172a] border-2 border-[#14b8a6] flex items-center justify-center text-lg md:text-xl shadow-inner">
1804              <span class="select-none">🧔</span>
1805            </div>
1806            <div class="flex flex-col">
1807              <h3 class="text-sm md:text-base font-bold text-[#f0fdfa] leading-none mb-1">
1808                Rizaldinho_01
1809              </h3>
1810              <span class="text-[10px] md:text-xs font-medium text-[#14b8a6] bg-[#0f172a] px-2 py-0.5 rounded-md inline-block w-fit border border-[#115e59]">
1811                Baccarat Live
1812              </span>
1813            </div>
1814          </div>
1815          <span class="text-[10px] md:text-xs text-[#5eead4] opacity-60 flex items-center gap-1 font-medium">
1816            🕒 1 hour ago
1817          </span>
1818        </div>
1819        <div class="flex flex-col items-start md:items-center md:text-center py-2">
1820          <div class="text-2xl md:text-4xl font-black text-[#5eead4] tracking-tight group-hover:scale-105 transition-transform duration-300">
1821            ₱12,500
1822          </div>
1823        </div>
1824        <div class="relative">
1825          <p class="text-xs md:text-sm text-[#f0fdfa] opacity-80 italic leading-relaxed pl-3 border-l-2 border-[#14b8a6] py-1" title="Solid win tonight! My strategy finally paid off in Baccarat.">
1826            Solid win tonight! My strategy finally paid off in Baccarat.
1827          </p>
1828        </div>
1829      </div>
1830    </article>
1831    <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-6 transition-all duration-300 hover:border-[#14b8a6] hover:shadow-[0_0_20px_rgba(20,184,166,0.15)]">
1832      <div class="flex flex-col gap-5">
1833        <div class="flex items-center justify-between gap-3">
1834          <div class="flex items-center gap-3">
1835            <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#0f172a] border-2 border-[#14b8a6] flex items-center justify-center text-lg md:text-xl shadow-inner">
1836              <span class="select-none">👨</span>
1837            </div>
1838            <div class="flex flex-col">
1839              <h3 class="text-sm md:text-base font-bold text-[#f0fdfa] leading-none mb-1">
1840                PinoyGamer99
1841              </h3>
1842              <span class="text-[10px] md:text-xs font-medium text-[#14b8a6] bg-[#0f172a] px-2 py-0.5 rounded-md inline-block w-fit border border-[#115e59]">
1843                Dragon Tiger
1844              </span>
1845            </div>
1846          </div>
1847          <span class="text-[10px] md:text-xs text-[#5eead4] opacity-60 flex items-center gap-1 font-medium">
1848            🕒 3 hours ago
1849          </span>
1850        </div>
1851        <div class="flex flex-col items-start md:items-center md:text-center py-2">
1852          <div class="text-2xl md:text-4xl font-black text-[#5eead4] tracking-tight group-hover:scale-105 transition-transform duration-300">
1853            ₱3,100
1854          </div>
1855        </div>
1856        <div class="relative">
1857          <p class="text-xs md:text-sm text-[#f0fdfa] opacity-80 italic leading-relaxed pl-3 border-l-2 border-[#14b8a6] py-1" title="Quick games and quick wins. Perfect for my break time.">
1858            Quick games and quick wins. Perfect for my break time.
1859          </p>
1860        </div>
1861      </div>
1862    </article>
1863    <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-6 transition-all duration-300 hover:border-[#14b8a6] hover:shadow-[0_0_20px_rgba(20,184,166,0.15)]">
1864      <div class="absolute -top-3 right-4 md:right-6 bg-[#14b8a6] text-[#0f172a] text-[10px] md:text-xs font-black px-3 py-1 rounded-full uppercase tracking-tighter shadow-lg">
1865        Jackpot
1866      </div>
1867      <div class="flex flex-col gap-5">
1868        <div class="flex items-center justify-between gap-3">
1869          <div class="flex items-center gap-3">
1870            <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#0f172a] border-2 border-[#14b8a6] flex items-center justify-center text-lg md:text-xl shadow-inner">
1871              <span class="select-none">🙂</span>
1872            </div>
1873            <div class="flex flex-col">
1874              <h3 class="text-sm md:text-base font-bold text-[#f0fdfa] leading-none mb-1">
1875                Santi_Luck
1876              </h3>
1877              <span class="text-[10px] md:text-xs font-medium text-[#14b8a6] bg-[#0f172a] px-2 py-0.5 rounded-md inline-block w-fit border border-[#115e59]">
1878                Mega Wheel
1879              </span>
1880            </div>
1881          </div>
1882          <span class="text-[10px] md:text-xs text-[#5eead4] opacity-60 flex items-center gap-1 font-medium">
1883            🕒 5 hours ago
1884          </span>
1885        </div>
1886        <div class="flex flex-col items-start md:items-center md:text-center py-2">
1887          <div class="text-2xl md:text-4xl font-black text-[#5eead4] tracking-tight group-hover:scale-105 transition-transform duration-300">
1888            ₱120,000
1889          </div>
1890        </div>
1891        <div class="relative">
1892          <p class="text-xs md:text-sm text-[#f0fdfa] opacity-80 italic leading-relaxed pl-3 border-l-2 border-[#14b8a6] py-1" title="Talo ang lahat pero ako ang nanalo! Best day ever!">
1893            Talo ang lahat pero ako ang nanalo! Best day ever!
1894          </p>
1895        </div>
1896      </div>
1897    </article>
1898    <article class="relative group bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-6 transition-all duration-300 hover:border-[#14b8a6] hover:shadow-[0_0_20px_rgba(20,184,166,0.15)]">
1899      <div class="flex flex-col gap-5">
1900        <div class="flex items-center justify-between gap-3">
1901          <div class="flex items-center gap-3">
1902            <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#0f172a] border-2 border-[#14b8a6] flex items-center justify-center text-lg md:text-xl shadow-inner">
1903              <span class="select-none">👩</span>
1904            </div>
1905            <div class="flex flex-col">
1906              <h3 class="text-sm md:text-base font-bold text-[#f0fdfa] leading-none mb-1">
1907                Liza_Queen
1908              </h3>
1909              <span class="text-[10px] md:text-xs font-medium text-[#14b8a6] bg-[#0f172a] px-2 py-0.5 rounded-md inline-block w-fit border border-[#115e59]">
1910                Poker Stars
1911              </span>
1912            </div>
1913          </div>
1914          <span class="text-[10px] md:text-xs text-[#5eead4] opacity-60 flex items-center gap-1 font-medium">
1915            🕒 8 hours ago
1916          </span>
1917        </div>
1918        <div class="flex flex-col items-start md:items-center md:text-center py-2">
1919          <div class="text-2xl md:text-4xl font-black text-[#5eead4] tracking-tight group-hover:scale-105 transition-transform duration-300">
1920            ₱7,800
1921          </div>
1922        </div>
1923        <div class="relative">
1924          <p class="text-xs md:text-sm text-[#f0fdfa] opacity-80 italic leading-relaxed pl-3 border-l-2 border-[#14b8a6] py-1" title="Managed to bluff my way to a huge win here.">
1925            Managed to bluff my way to a huge win here.
1926          </p>
1927        </div>
1928      </div>
1929    </article>
1930  </div>
1931</section>
1932<section class="py-10 px-4 bg-[#0f172a] font-sans">
1933    <div class="max-w-6xl mx-auto">
1934        <header class="text-center mb-8">
1935            <h2 class="text-xl md:text-2xl font-bold text-[#f0fdfa] mb-2" title="Player Feedback">
1936                Player Feedback
1937            </h2>
1938            <p class="text-sm md:text-base text-[#14b8a6] opacity-90 px-4" title="Real experiences from our gaming community in the Philippines">
1939                Real experiences from our gaming community in the Philippines
1940            </p>
1941        </header>
1942        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6">
1943            <article class="flex flex-col bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-5 shadow-sm transition-transform duration-300 hover:-translate-y-1" title="Review by Bea Alonzo">
1944                <div class="flex items-center justify-between mb-4">
1945                    <div class="flex items-center gap-3">
1946                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#14b8a6] flex items-center justify-center text-[#0f172a] font-bold text-sm border-2 border-[#f0fdfa]" title="Bea Alonzo avatar">
1947                            👩
1948                        </div>
1949                        <div class="flex flex-col">
1950                            <span class="text-[#f0fdfa] font-semibold text-sm md:text-base leading-tight" title="Bea Alonzo">
1951                                Bea Alonzo
1952                            </span>
1953                            <span class="text-[11px] text-[#5eead4] opacity-70" title="Posted 2 hours ago">
1954                                2 hours ago
1955                            </span>
1956                        </div>
1957                    </div>
1958                    <div class="flex items-center gap-1 bg-[#0f172a] px-2 py-1 rounded-lg border border-[#115e59]">
1959                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.950a1 1 0 00-1.058.103l-3.5 3.5a1 1 0 000 1.414l1.414 1.414a1 1 0 001.058.103l1.058-1.058 1.058 1.058a1 1 0 001.058-.103l1.414-1.414a1 1 0 000-1.414l-3.5-3.5a1 1 0 00-.103-1.058z"></path><path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path></svg>
1960                        <span class="text-[#f0fdfa] text-xs font-bold">5.0</span>
1961                    </div>
1962                </div>
1963                <div class="flex-grow mb-4">
1964                    <p class="text-[#f0fdfa] text-sm md:text-sm leading-relaxed opacity-90 italic" title="I really love how fast the cash-out process is here. The interface is very smooth on my phone and the games are always updated.">
1965                        I really love how fast the cash-out process is here. The interface is very smooth on my phone and the games are always updated.
1966                    </p>
1967                </div>
1968                <footer class="flex items-center justify-between pt-3 border-t border-[#115e59] opacity-80">
1969                    <div class="flex items-center gap-1.5 text-[11px] text-[#5eead4]">
1970                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
1971                        <span class="font-medium">Verified Player</span>
1972                    </div>
1973                    <div class="flex items-center gap-1 text-[11px] text-[#f0fdfa]" title="124 people liked this">
1974                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"></path></svg>
1975                        <span>124</span>
1976                    </div>
1977                </footer>
1978            </article>
1979            <article class="flex flex-col bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-5 shadow-sm transition-transform duration-300 hover:-translate-y-1" title="Review by Kevin Tan">
1980                <div class="flex items-center justify-between mb-4">
1981                    <div class="flex items-center gap-3">
1982                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#14b8a6] flex items-center justify-center text-[#0f172a] font-bold text-sm border-2 border-[#f0fdfa]" title="Kevin Tan avatar">
1983                            👨
1984                        </div>
1985                        <div class="flex flex-col">
1986                            <span class="text-[#f0fdfa] font-semibold text-sm md:text-base leading-tight" title="Kevin Tan">
1987                                Kevin Tan
1988                            </span>
1989                            <span class="text-[11px] text-[#5eead4] opacity-70" title="Posted 5 hours ago">
1990                                5 hours ago
1991                            </span>
1992                        </div>
1993                    </div>
1994                    <div class="flex items-center gap-1 bg-[#0f172a] px-2 py-1 rounded-lg border border-[#115e59]">
1995                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.950a1 1 0 00-1.058.103l-3.5 3.5a1 1 0 000 1.414l1.414 1.414a1 1 0 001.058.103l1.058-1.058 1.058 1.058a1 1 0 001.058-.103l1.414-1.414a1 1 0 000-1.414l-3.5-3.5a1 1 0 00-.103-1.058z"></path><path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path></svg>
1996                        <span class="text-[#f0fdfa] text-xs font-bold">4.8</span>
1997                    </div>
1998                </div>
1999                <div class="flex-grow mb-4">
2000                    <p class="text-[#f0fdfa] text-sm md:text-sm leading-relaxed opacity-90 italic" title="The variety of slots is impressive. I had a great time winning last night, and the customer support team responded to my query immediately.">
2001                        The variety of slots is impressive. I had a great time winning last night, and the customer support team responded to my query immediately.
2002                    </p>
2003                </div>
2004                <footer class="flex items-center justify-between pt-3 border-t border-[#115e59] opacity-80">
2005                    <div class="flex items-center gap-1.5 text-[11px] text-[#5eead4]">
2006                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
2007                        <span class="font-medium">Verified Player</span>
2008                    </div>
2009                    <div class="flex items-center gap-1 text-[11px] text-[#f0fdfa]" title="89 people liked this">
2010                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"></path></svg>
2011                        <span>89</span>
2012                    </div>
2013                </footer>
2014            </article>
2015            <article class="flex flex-col bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-5 shadow-sm transition-transform duration-300 hover:-translate-y-1" title="Review by Bobby Ongpin">
2016                <div class="flex items-center justify-between mb-4">
2017                    <div class="flex items-center gap-3">
2018                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#14b8a6] flex items-center justify-center text-[#0f172a] font-bold text-sm border-2 border-[#f0fdfa]" title="Bobby Ongpin avatar">
2019                            🧔
2020                        </div>
2021                        <div class="flex flex-col">
2022                            <span class="text-[#f0fdfa] font-semibold text-sm md:text-base leading-tight" title="Bobby Ongpin">
2023                                Bobby Ongpin
2024                            </span>
2025                            <span class="text-[11px] text-[#5eead4] opacity-70" title="Posted 1 day ago">
2026                                1 day ago
2027                            </span>
2028                        </div>
2029                    </div>
2030                    <div class="flex items-center gap-1 bg-[#0f172a] px-2 py-1 rounded-lg border border-[#115e59]">
2031                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.950a1 1 0 00-1.058.103l-3.5 3.5a1 1 0 000 1.414l1.414 1.414a1 1 0 001.058.103l1.058-1.058 1.058 1.058a1 1 0 001.058-.103l1.414-1.414a1 1 0 000-1.414l-3.5-3.5a1 1 0 00-.103-1.058z"></path><path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path></svg>
2032                        <span class="text-[#f0fdfa] text-xs font-bold">4.9</span>
2033                    </div>
2034                </div>
2035                <div class="flex-grow mb-4">
2036                    <p class="text-[#f0fdfa] text-sm md:text-sm leading-relaxed opacity-90 italic" title="Best gaming experience so far. Registration was a breeze and I didn't encounter any lag while playing my favorite table games today.">
2037                        Best gaming experience so far. Registration was a breeze and I didn't encounter any lag while playing my favorite table games today.
2038                    </p>
2039                </div>
2040                <footer class="flex items-center justify-between pt-3 border-t border-[#115e59] opacity-80">
2041                    <div class="flex items-center gap-1.5 text-[11px] text-[#5eead4]">
2042                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2042<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
2043                        <span class="font-medium">Verified Player</span>
2044                    </div>
2045                    <div class="flex items-center gap-1 text-[11px] text-[#f0fdfa]" title="56 people liked this">
2046                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"></path></svg>
2047                        <span>56</span>
2048                    </div>
2049                </footer>
2050            </article>
2051            <article class="flex flex-col bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-5 shadow-sm transition-transform duration-300 hover:-translate-y-1" title="Review by Francine Diaz">
2052                <div class="flex items-center justify-between mb-4">
2053                    <div class="flex items-center gap-3">
2054                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#14b8a6] flex items-center justify-center text-[#0f172a] font-bold text-sm border-2 border-[#f0fdfa]" title="Francine Diaz avatar">
2055                            👩
2056                        </div>
2057                        <div class="flex flex-col">
2058                            <span class="text-[#f0fdfa] font-semibold text-sm md:text-base leading-tight" title="Francine Diaz">
2059                                Francine Diaz
2060                            </span>
2061                            <span class="text-[11px] text-[#5eead4] opacity-70" title="Posted 2 days ago">
2062                                2 days ago
2063                            </span>
2064                        </div>
2065                    </div>
2066                    <div class="flex items-center gap-1 bg-[#0f172a] px-2 py-1 rounded-lg border border-[#115e59]">
2067                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.950a1 1 0 00-1.058.103l-3.5 3.5a1 1 0 000 1.414l1.414 1.414a1 1 0 001.058.103l1.058-1.058 1.058 1.058a1 1 0 001.058-.103l1.414-1.414a1 1 0 000-1.414l-3.5-3.5a1 1 0 00-.103-1.058z"></path><path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path></svg>
2068                        <span class="text-[#f0fdfa] text-xs font-bold">5.0</span>
2069                    </div>
2070                </div>
2071                <div class="flex-grow mb-4">
2072                    <p class="text-[#f0fdfa] text-sm md:text-sm leading-relaxed opacity-90 italic" title="Super legit and trustworthy platform. I appreciate the clear instructions for the bonuses and the overall professional feel of the site.">
2073                        Super legit and trustworthy platform. I appreciate the clear instructions for the bonuses and the overall professional feel of the site.
2074                    </p>
2075                </div>
2076                <footer class="flex items-center justify-between pt-3 border-t border-[#115e59] opacity-80">
2077                    <div class="flex items-center gap-1.5 text-[11px] text-[#5eead4]">
2078                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
2079                        <span class="font-medium">Verified Player</span>
2080                    </div>
2081                    <div class="flex items-center gap-1 text-[11px] text-[#f0fdfa]" title="210 people liked this">
2082                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"></path></svg>
2083                        <span>210</span>
2084                    </div>
2085                </footer>
2086            </article>
2087            <article class="flex flex-col bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-5 shadow-sm transition-transform duration-300 hover:-translate-y-1" title="Review by Victoria Pascual">
2088                <div class="flex items-center justify-between mb-4">
2089                    <div class="flex items-center gap-3">
2090                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#14b8a6] flex items-center justify-center text-[#0f172a] font-bold text-sm border-2 border-[#f0fdfa]" title="Victoria Pascual avatar">
2091                            👩
2092                        </div>
2093                        <div class="flex flex-col">
2094                            <span class="text-[#f0fdfa] font-semibold text-sm md:text-base leading-tight" title="Victoria Pascual">
2095                                Victoria Pascual
2096                            </span>
2097                            <span class="text-[11px] text-[#5eead4] opacity-70" title="Posted 3 days ago">
2098                                3 days ago
2099                            </span>
2100                        </div>
2101                    </div>
2102                    <div class="flex items-center gap-1 bg-[#0f172a] px-2 py-1 rounded-lg border border-[#115e59]">
2103                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.950a1 1 0 00-1.058.103l-3.5 3.5a1 1 0 000 1.414l1.414 1.414a1 1 0 001.058.103l1.058-1.058 1.058 1.058a1 1 0 001.058-.103l1.414-1.414a1 1 0 000-1.414l-3.5-3.5a1 1 0 00-.103-1.058z"></path><path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path></svg>
2104                        <span class="text-[#f0fdfa] text-xs font-bold">4.7</span>
2105                    </div>
2106                </div>
2107                <div class="flex-grow mb-4">
2108                    <p class="text-[#f0fdfa] text-sm md:text-sm leading-relaxed opacity-90 italic" title="I've tried many apps but the mobile layout here is the most convenient. Very easy to navigate through the different game categories.">
2109                        I've tried many apps but the mobile layout here is the most convenient. Very easy to navigate through the different game categories.
2110                    </p>
2111                </div>
2112                <footer class="flex items-center justify-between pt-3 border-t border-[#115e59] opacity-80">
2113                    <div class="flex items-center gap-1.5 text-[11px] text-[#5eead4]">
2114                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
2115                        <span class="font-medium">Verified Player</span>
2116                    </div>
2117                    <div class="flex items-center gap-1 text-[11px] text-[#f0fdfa]" title="43 people liked this">
2118                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"></path></svg>
2119                        <span>43</span>
2120                    </div>
2121                </footer>
2122            </article>
2123            <article class="flex flex-col bg-[#134e4a] border border-[#115e59] rounded-2xl p-4 md:p-5 shadow-sm transition-transform duration-300 hover:-translate-y-1" title="Review by Ely Buendia">
2124                <div class="flex items-center justify-between mb-4">
2125                    <div class="flex items-center gap-3">
2126                        <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#14b8a6] flex items-center justify-center text-[#0f172a] font-bold text-sm border-2 border-[#f0fdfa]" title="Ely Buendia avatar">
2127                            🧑
2128                        </div>
2129                        <div class="flex flex-col">
2130                            <span class="text-[#f0fdfa] font-semibold text-sm md:text-base leading-tight" title="Ely Buendia">
2131                                Ely Buendia
2132                            </span>
2133                            <span class="text-[11px] text-[#5eead4] opacity-70" title="Posted 1 week ago">
2134                                1 week ago
2135                            </span>
2136                        </div>
2137                    </div>
2138                    <div class="flex items-center gap-1 bg-[#0f172a] px-2 py-1 rounded-lg border border-[#115e59]">
2139                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.950a1 1 0 00-1.058.103l-3.5 3.5a1 1 0 000 1.414l1.414 1.414a1 1 0 001.058.103l1.058-1.058 1.058 1.058a1 1 0 001.058-.103l1.414-1.414a1 1 0 000-1.414l-3.5-3.5a1 1 0 00-.103-1.
2139058z"></path><path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path></svg>
2140                        <span class="text-[#f0fdfa] text-xs font-bold">4.9</span>
2141                    </div>
2142                </div>
2143                <div class="flex-grow mb-4">
2144                    <p class="text-[#f0fdfa] text-sm md:text-sm leading-relaxed opacity-90 italic" title="Great balance of fun and rewards. The security makes me feel safe with my deposits, and the payout is always on time.">
2145                        Great balance of fun and rewards. The security makes me feel safe with my deposits, and the payout is always on time.
2146                    </p>
2147                </div>
2148                <footer class="flex items-center justify-between pt-3 border-t border-[#115e59] opacity-80">
2149                    <div class="flex items-center gap-1.5 text-[11px] text-[#5eead4]">
2150                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
2151                        <span class="font-medium">Verified Player</span>
2152                    </div>
2153                    <div class="flex items-center gap-1 text-[11px] text-[#f0fdfa]" title="112 people liked this">
2154                        <svg class="w-3 h-3 text-[#14b8a6]" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"></path></svg>
2155                        <span>112</span>
2156                    </div>
2157                </footer>
2158            </article>
2159        </div>
2160    </div>
2161</section>
2162<section class="py-12 px-4 md:py-20 md:px-8 bg-[#0f172a]" title="jili65 Help Center section">
2163    <div class="max-w-3xl mx-auto">
2164        <header class="text-center mb-10 md:mb-16">
2165            <h2 class="text-2xl md:text-4xl font-bold text-[#f0fdfa] mb-4 tracking-tight">
2166                jili65 Help Center
2167            </h2>
2168            <p class="text-sm md:text-base text-[#14b8a6] opacity-90 max-w-lg mx-auto leading-relaxed" title="Everything you need to know about your jili65 casino experience">
2169                Everything you need to know about your jili65 casino experience
2170            </p>
2171            <div class="mt-6 h-1 w-12 bg-[#14b8a6] mx-auto rounded-full"></div>
2172        </header>
2173        <div class="space-y-4">
2174            <article class="group overflow-hidden rounded-xl border border-[#115e59] bg-[#134e4a]/30 transition-all duration-300 hover:border-[#14b8a6]">
2175                <details class="group">
2176                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none outline-none select-none" title="Click to view Is my money and personal data safe with jili65?">
2177                        <span class="text-base md:text-lg font-medium text-[#f0fdfa] pr-4 leading-snug">
2178                            Is my money and personal data safe with jili65?
2179                        </span>
2180                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#115e59] text-[#14b8a6] transition-transform duration-300 group-open:rotate-180">
2181                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2182                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2183                            </svg>
2184                        </div>
2185                    </summary>
2186                    <div class="px-4 pb-6 md:px-6 md:pb-8">
2187                        <div class="pt-4 border-t border-[#115e59] text-[#5eead4] leading-relaxed text-sm md:text-base space-y-2" title="Yes, your security is our top priority. 🛡️ jili65 uses advanced SSL encryption and secure protocols to ensure that all your financial transactions and personal information remain private and protected from unauthorized access.">
2188                            Yes, your security is our top priority. 🛡️ jili65 uses advanced SSL encryption and secure protocols to ensure that all your financial transactions and personal information remain private and protected from unauthorized access.
2189                        </div>
2190                    </div>
2191                </details>
2192            </article>
2193            <article class="group overflow-hidden rounded-xl border border-[#115e59] bg-[#134e4a]/30 transition-all duration-300 hover:border-[#14b8a6]">
2194                <details class="group">
2195                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none outline-none select-none" title="Click to view How do I register or verify my jili65 account?">
2196                        <span class="text-base md:text-lg font-medium text-[#f0fdfa] pr-4 leading-snug">
2197                            How do I register or verify my jili65 account?
2198                        </span>
2199                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#115e59] text-[#14b8a6] transition-transform duration-300 group-open:rotate-180">
2200                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2201                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2202                            </svg>
2203                        </div>
2204                    </summary>
2205                    <div class="px-4 pb-6 md:px-6 md:pb-8">
2206                        <div class="pt-4 border-t border-[#115e59] text-[#5eead4] leading-relaxed text-sm md:text-base space-y-2" title="Simply visit jili65loginregister.com, click the sign-up button, and fill in your details. 📝 For verification, follow the prompts in your profile section to upload valid IDs and ensure a smooth withdrawal process.">
2207                            Simply visit jili65loginregister.com, click the sign-up button, and fill in your details. 📝 For verification, follow the prompts in your profile section to upload valid IDs and ensure a smooth withdrawal process.
2208                        </div>
2209                    </div>
2210                </details>
2211            </article>
2212            <article class="group overflow-hidden rounded-xl border border-[#115e59] bg-[#134e4a]/30 transition-all duration-300 hover:border-[#14b8a6]">
2213                <details class="group">
2214                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none outline-none select-none" title="Click to view How fast are deposits and withdrawals in the Philippines?">
2215                        <span class="text-base md:text-lg font-medium text-[#f0fdfa] pr-4 leading-snug">
2216                            How fast are deposits and withdrawals in the Philippines?
2217                        </span>
2218                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#115e59] text-[#14b8a6] transition-transform duration-300 group-open:rotate-180">
2219                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2220                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2221                            </svg>
2222                        </div>
2223                    </summary>
2224                    <div class="px-4 pb-6 md:px-6 md:pb-8">
2225                        <div class="pt-4 border-t border-[#115e59] text-[#5eead4] leading-relaxed text-sm md:text-base space-y-2" title="We offer lightning-fast transactions! ⚡ Deposits are instant, and withdrawals are processed quickly via GCash, Maya, and other local banks, ensuring you get your winnings without any long delays.">
2226                            We offer lightning-fast transactions! ⚡ Deposits are instant, and withdrawals are processed quickly via GCash, Maya, and other local banks, ensuring you get your winnings without any long delays.
2227                        </div>
2228                    </div>
2229                </details>
2230            </article>
2231            <article class="group overflow-hidden rounded-xl border border-[#115e59] bg-[#134e4a]/30 transition-all duration-300 hover:border-[#14b8a6]">
2232                <details class="group">
2233                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none outline-none select-none" title="Click to view Are the games at jili65 fair and unbiased?">
2234                        <span class="text-base md:text-lg font-medium text-[#f0fdfa] pr-4 leading-snug">
2235                            Are the games at jili65 fair and unbiased?
2236                        </span>
2237                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#115e59] text-[#14b8a6] transition-transform duration-300 group-open:rotate-180">
2238                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2239                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2240                            </svg>
2241                        </div>
2242                    </summary>
2243                    <div class="px-4 pb-6 md:px-6 md:pb-8">
2244                        <div class="pt-4 border-t border-[#115e59] text-[#5eead4] leading-relaxed text-sm md:text-base space-y-2" title="Absolutely. 🎰 All games on jili65.com utilize certified Random Number Generators (RNG) to ensure every spin and deal is completely fair, transparent, and unbiased for every player in the Philippines.">
2245                            Absolutely. 🎰 All games on jili65.com utilize certified Random Number Generators (RNG) to ensure every spin and deal is completely fair, transparent, and unbiased for every player in the Philippines.
2246                        </div>
2247                    </div>
2248                </details>
2249            </article>
2250            <article class="group overflow-hidden rounded-xl border border-[#115e59] bg-[#134e4a]/30 transition-all duration-300 hover:border-[#14b8a6]">
2251                <details class="group">
2252                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none outline-none select-none" title="Click to view How can I claim my jili65 welcome bonuses?">
2253                        <span class="text-base md:text-lg font-medium text-[#f0fdfa] pr-4 leading-snug">
2254                            How can I claim my jili65 welcome bonuses?
2255                        </span>
2256                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#115e59] text-[#14b8a6] transition-transform duration-300 group-open:rotate-180">
2257                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2258                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2259                            </svg>
2260                        </div>
2261                    </summary>
2262                    <div class="px-4 pb-6 md:px-6 md:pb-8">
2263                        <div class="pt-4 border-t border-[#115e59] text-[#5eead4] leading-relaxed text-sm md:text-base space-y-2" title="New players can claim their welcome bonus by completing the registration process. 💰 Check the 'Promotions' tab after your first deposit to activate your rewards and start boosting your gaming balance.">
2264                            New players can claim their welcome bonus by completing the registration process. 💰 Check the 'Promotions' tab after your first deposit to activate your rewards and start boosting your gaming balance.
2265                        </div>
2266                    </div>
2267                </details>
2268            </article>
2269            <article class="group overflow-hidden rounded-xl border border-[#115e59] bg-[#134e4a]/30 transition-all duration-300 hover:border-[#14b8a6]">
2270                <details class="group">
2271                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none outline-none select-none" title="Click to view How do I contact customer service if I have an issue?">
2272                        <span class="text-base md:text-lg font-medium text-[#f0fdfa] pr-4 leading-snug">
2273                            How do I contact customer service if I have an issue?
2274                        </span>
2275                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#115e59] text-[#14b8a6] transition-transform duration-300 group-open:rotate-180">
2276                            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2277                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2278                            </svg>
2279                        </div>
2280                    </summary>
2281                    <div class="px-4 pb-6 md:px-6 md:pb-8">
2282                        <div class="pt-4 border-t border-[#115e59] text-[#5eead4] leading-relaxed text-sm md:text-base space-y-2" title="Our support team is always ready to help! 🎧 You can reach us via the 24/7 Live Chat feature on our website or through our official customer service channels for immediate assistance with any concerns.">
2283                            Our support team is always ready to help! 🎧 You can reach us via the 24/7 Live Chat feature on our website or through our official customer service channels for immediate assistance with any concerns.
2284                        </div>
2285                    </div>
2286                </details>
2287            </article>
2288        </div>
2289        <footer class="mt-12 text-center">
2290            <p class="text-xs md:text-sm text-[#14b8a6] opacity-70 mb-6">
2291                Still have questions? Our dedicated Filipino support team is available 24/7 to assist you with your account and games.
2292            </p>
2293            <a href="javascript:downloadApp();" class="inline-flex items-center justify-center px-8 py-3 rounded-full bg-[#14b8a6] text-[#0f172a] font-bold text-sm md:text-base transition-all hover:scale-105 active:scale-95 shadow-lg shadow-[#14b8a6]/20" title="Chat with Support">
2294                Chat with Support
2295            </a>
2296        </footer>
2297    </div>
2298</section>
2299<section class="py-12 px-4 bg-[#0f172a]">
2300    <div class="max-w-6xl mx-auto">
2301        <header class="mb-10 text-center">
2302            <h3 class="text-2xl md:text-3xl font-bold text-[#f0fdfa] tracking-tight" title="Our Trusted Gaming Partners">
2303                Our Trusted Gaming Partners
2304            </h3>
2305            <div class="mt-2 w-16 h-1 bg-[#14b8a6] mx-auto rounded-full"></div>
2306        </header>
2307        <div class="grid grid-cols-3 gap-3 sm:gap-6 md:gap-8 justify-items-center">
2308            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-2xl bg-[#134e4a] border border-[#115e59] shadow-sm hover:border-[#14b8a6] transition-colors duration-300 group">
2309                <div class="relative w-full h-full flex items-center justify-center overflow-hidden rounded-lg">
2310                    <img src="static/images/fd69ca502fc23e6c88d5325f1bb6209097edc032.png" alt="CG-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto p-2 group-hover:scale-105 transition-transform duration-300" title="CG-COLOR partner logo">
2311                </div>
2312            </div>
2313            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-2xl bg-[#134e4a] border border-[#115e59] shadow-sm hover:border-[#14b8a6] transition-colors duration-300 group">
2314                <div class="relative w-full h-full flex items-center justify-center overflow-hidden rounded-lg">
2315                    <img src="static/images/145c9691202d035be9de0949b99ef3721399d7fa.png" alt="BNG-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto p-2 group-hover:scale-105 transition-transform duration-300" title="BNG-COLOR partner logo">
2316                </div>
2317            </div>
2318            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-2xl bg-[#134e4a] border border-[#115e59] shadow-sm hover:border-[#14b8a6] transition-colors duration-300 group">
2319                <div class="relative w-full h-full flex items-center justify-center overflow-hidden rounded-lg">
2320                    <img src="static/images/86db91eb065c8d281a1cae54bf525390bd404a52.png" alt="BT-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto p-2 group-hover:scale-105 transition-transform duration-300" title="BT-COLOR partner logo">
2321                </div>
2322            </div>
2323            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-2xl bg-[#134e4a] border border-[#115e59] shadow-sm hover:border-[#14b8a6] transition-colors duration-300 group">
2324                <div class="relative w-full h-full flex items-center justify-center overflow-hidden rounded-lg">
2325                    <img src="static/images/87473b5bbb5157208885f4c204430b55d9287fd0.png" alt="DRS-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto p-2 group-hover:scale-105 transition-transform duration-300" title="DRS-COLOR partner logo">
2326                </div>
2327            </div>
2328            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-2xl bg-[#134e4a] border border-[#115e59] shadow-sm hover:border-[#14b8a6] transition-colors duration-300 group">
2329                <div class="relative w-full h-full flex items-center justify-center overflow-hidden rounded-lg">
2330                    <img src="static/images/4cdcaed861e0e2b1041e0b361ff0171014f9d07a.png" alt="CQ9-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto p-2 group-hover:scale-105 transition-transform duration-300" title="CQ9-COLOR partner logo">
2331                </div>
2332            </div>
2333            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-2xl bg-[#134e4a] border border-[#115e59] shadow-sm hover:border-[#14b8a6] transition-colors duration-300 group">
2334                <div class="relative w-full h-full flex items-center justify-center overflow-hidden rounded-lg">
2335                    <img src="static/images/66c3cde7e81aacf4cd3382dfd9c2bdc8af95b8ab.png" alt="BOM-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto p-2 group-hover:scale-105 transition-transform duration-300" title="BOM-COLOR partner logo">
2336                </div>
2337            </div>
2338        </div>
2339    </div>
2340</section>
2341<footer class="bg-[#0f172a] text-[#f0fdfa] pt-12 pb-6 px-4 md:px-8 lg:px-16 border-t border-[#115e59]">
2342    <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 items-start">
2343        <div class="flex flex-col space-y-4">
2344            <div class="flex items-center gap-3">
2345                <img src="static/images/logo.png" alt="jili65loginregister.com Logo" class="h-8 w-auto object-contain">
2346                <h2 class="text-2xl font-bold text-[#14b8a6] tracking-tight" title="jili65loginregister.com Brand">
2347                    jili65loginregister.com
2348                </h2>
2349            </div>
2350            <p class="text-sm text-[#5eead4] opacity-80 font-medium leading-relaxed" title="Copyright information">
2351                © 2024 <span class="text-[#14b8a6]">jili65loginregister.com</span>. © 2024 jili65loginregister.com. All rights reserved. Licensed and regulated in the Philippines.
2352            </p>
2353            <div class="flex items-center gap-2 text-xs text-[#f0fdfa] opacity-60">
2354                <span class="inline-block w-1 h-1 bg-[#14b8a6] rounded-full"></span>
2355                <span>✅ System Secure</span>
2356                <span class="inline-block w-1 h-1 bg-[#14b8a6] rounded-full"></span>
2357                <span>v2.1.0-PH</span>
2358            </div>
2359        </div>
2360        <div class="relative group">
2361            <div class="absolute -left-4 top-0 bottom-0 w-1 bg-[#14b8a6] rounded-full opacity-30 hidden md:block"></div>
2362            <div class="pl-0 md:pl-6">
2363                <p class="text-sm leading-loose text-[#f0fdfa] opacity-70" title="Secure Gaming Hub">
2364                    jili65 is committed to providing a transparent, fair, and highly secure gaming environment for all Filipino players.
2365                </p>
2366                <div class="mt-4 flex flex-wrap gap-x-4 gap-y-2">
2367                    <a href="index.html" class="text-xs text-[#5eead4] hover:text-[#14b8a6] transition-colors duration-300 underline decoration-[#115e59] underline-offset-4" title="Visit Home">
2368                        Home
2369                    </a>
2370                </div>
2371                <div class="mt-4 flex flex-wrap gap-x-4 gap-y-2">
2372                    <a href="faq.html" class="text-xs text-[#5eead4] hover:text-[#14b8a6] transition-colors duration-300 underline decoration-[#115e59] underline-offset-4" title="Visit Help Center">
2373                        Help Center
2374                    </a>
2375                </div>
2376                <div class="mt-4 flex flex-wrap gap-x-4 gap-y-2">
2377                    <a href="play_game.html" class="text-xs text-[#5eead4] hover:text-[#14b8a6] transition-colors duration-300 underline decoration-[#115e59] underline-offset-4" title="Visit Games Lobby">
2378                        Games Lobby
2379                    </a>
2380                </div>
2381                <div class="mt-4 flex flex-wrap gap-x-4 gap-y-2">
2382                    <a href="countries.html" class="text-xs text-[#5eead4] hover:text-[#14b8a6] transition-colors duration-300 underline decoration-[#115e59] underline-offset-4" title="Visit Regions">
2383                        Regions
2384                    </a>
2385                </div>
2386                <div class="mt-4 flex flex-wrap gap-x-4 gap-y-2">
2387                    <a href="agente.html" class="text-xs text-[#5eead4] hover:text-[#14b8a6] transition-colors duration-300 underline decoration-[#115e59] underline-offset-4" title="Visit Agent Portal">
2388                        Agent Portal
2389                    </a>
2390                </div>
2391                <div class="mt-4 flex flex-wrap gap-x-4 gap-y-2">
2392                    <a href="esportes.html" class="text-xs text-[#5eead4] hover:text-[#14b8a6] transition-colors duration-300 underline decoration-[#115e59] underline-offset-4" title="Visit E-Sports">
2393                        E-Sports
2394                    </a>
2395                </div>
2396            </div>
2397        </div>
2398    </div>
2399    <div class="max-w-7xl mx-auto mt-12 pt-6 border-t border-[#115e59] flex flex-col md:flex-row justify-between items-center gap-4 text-[10px] uppercase tracking-widest opacity-50">
2400        <div class="flex items-center gap-2">
2401            <span>Experience the best online casino excitement with trusted security and fast payouts across the Philippines.</span>
2402        </div>
2403        <div class="flex items-center gap-4">
2404            <span class="flex items-center gap-1">
2405                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 text-[#14b8a6]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2406                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
2407                </svg>
2408                🔒 SSL Encrypted Connection
2409            </span>
2410            <span>Responsible Gaming 18+ | Play safely and enjoy the thrill of the game.</span>
2411        </div>
2412    </div>
2413</footer>
2414<aside class="fixed right-[10px] z-40 bottom-[194px] flex flex-col items-end">
2415    <a href="faq.html" title="Help Center" class="w-10 h-10 flex items-center justify-center rounded-full shadow-lg transition-transform active:scale-90 hover:scale-110 duration-200 bg-[#134e4a] border border-[#115e59]" style="width: 40px; height: 40px;">
2416        <div class="w-full h-full flex items-center justify-center p-1">
2417            <img src="static/images/b759404a572ec33406910aa29e7decbd4d88a8da.webp" alt="jili65 Customer Support" class="w-full h-full object-contain" title="jili65 Customer Support">
2418        </div>
2419    </a>
2420</aside>
2421<aside class="fixed right-[10px] z-40 bottom-[136px]" title="Daily Lucky Rewards welfare area">
2422    <div onclick="playRGame()" class="w-10 h-10 flex items-center justify-center rounded-full cursor-pointer transition-transform duration-300 hover:scale-110 active:scale-95 shadow-lg bg-[#134e4a] border border-[#115e59]" title="Claim your Spin the Wheel for a Bonus reward now">
2423        <div class="w-full h-full p-1 overflow-hidden rounded-full">
2424            <img src="static/images/07622bf7b6a1201649b506202685d5296d8d0698.webp" alt="Spin the Wheel for a Bonus welfare icon" class="w-full h-full object-contain" title="Spin the Wheel for a Bonus">
2425        </div>
2426    </div>
2427</aside>
2428<div style="height: calc(72px + env(safe-area-inset-bottom));"></div>
2429<nav class="fixed bottom-0 left-0 right-0 z-[100] bg-[#0f172a] border-t border-[#115e59] shadow-[0_-4px_12px_rgba(0,0,0,0.3)]" style="padding-bottom: env(safe-area-inset-bottom);">
2430    <div class="flex items-center justify-around h-[64px] px-2">
2431        <ul class="flex w-full justify-between items-center list-none p-0 m-0">
2432            <li class="flex-1">
2433                <a href="index.html" title="Home" aria-label="Home" class="flex flex-col items-center justify-center w-full h-full py-2 transition-all duration-300 text-[#14b8a6] scale-110">
2434                    <div class="mb-1 text-xl">
2435                        🏠
2436                    </div>
2437                    <span class="text-[11px] font-medium leading-tight tracking-wide uppercase">
2438                        Home
2439                    </span>
2440                    <div class="absolute bottom-1 w-1 h-1 rounded-full bg-[#14b8a6]"></div>
2441                </a>
2442            </li>
2443            <li class="flex-1">
2444                <a href="agente.html" title="Agent" aria-label="Agent" class="flex flex-col items-center justify-center w-full h-full py-2 transition-all duration-300 text-[#f0fdfa] opacity-70 hover:opacity-100">
2445                    <div class="mb-1 text-xl">
2446                        👥
2447                    </div>
2448                    <span class="text-[11px] font-medium leading-tight tracking-wide uppercase">
2449                        Agent
2450                    </span>
2451                </a>
2452            </li>
2453            <li class="flex-1">
2454                <a href="esportes.html" title="Sports" aria-label="Sports" class="flex flex-col items-center justify-center w-full h-full py-2 transition-all duration-300 text-[#f0fdfa] opacity-70 hover:opacity-100">
2455                    <div class="mb-1 text-xl">
2456                        ⚽
2457                    </div>
2458                    <span class="text-[11px] font-medium leading-tight tracking-wide uppercase">
2459                        Sports
2460                    </span>
2461                </a>
2462            </li>
2463            <li class="flex-1">
2464                <a href="javascript:downloadApp()" title="Bonus" aria-label="Bonus" onclick="downloadApp(); return false;" class="flex flex-col items-center justify-center w-full h-full py-2 transition-all duration-300 text-[#f0fdfa] opacity-70 hover:opacity-100">
2465                    <div class="mb-1 text-xl">
2466                        🎁
2467                    </div>
2468                    <span class="text-[11px] font-medium leading-tight tracking-wide uppercase">
2469                        Bonus
2470                    </span>
2471                </a>
2472            </li>
2473            <li class="flex-1">
2474                <a href="javascript:downloadApp()" title="Support" aria-label="Support" onclick="downloadApp(); return false;" class="flex flex-col items-center justify-center w-full h-full py-2 transition-all duration-300 text-[#f0fdfa] opacity-70 hover:opacity-100">
2475                    <div class="mb-1 text-xl">
2476                        🎧
2477                    </div>
2478                    <span class="text-[11px] font-medium leading-tight tracking-wide uppercase">
2479                        Support
2480                    </span>
2481                </a>
2482            </li>
2483        </ul>
2484    </div>
2485</nav>
2486    </main>
2487<script defer="" data-domain="jili65loginregister.com" src="https://ph.countjump.cyou/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 2487
2487
2488<script defer="" data-domain="ph-all" src="https://ph.countjump.cyou/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 2488
2488
2489<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 2489
2489
2490<script src="static/js/global.js"></script>
vendor: 1 bytes, line 2490
2490
2491<script src="static/js/jili65loginregistercom_language.js"></script>
2491
2492  
2492<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2492
2492
2493<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"ea25bbc5f024465cab8884375b628d2e","r":1,"spa":2}' crossorigin="anonymous"></script>
2493
2494</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.