PageSourceSearch

https://90jiliclublogin.net/index.html

html 90jiliclublogin.net collected 2026-10-08 09:49:41 UTC 201,149 bytes, 2,722 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>90JILICLUBLOGIN - PLATAFORMA OFICIAL - 🤑 - 90JILICLUBLOGIN.COM</title>
6    <meta name="description" content="Experience the thrill at 90jiliclub! Register now for huge jackpots, a premium casino login experience, and a wide variety of winning games. Join and win big today!">
7    <meta name="keywords" content="90jiliclub, 90jiliclub login, online casino Philippines, slot games, 90jiliclub apk, casino registration, online gambling PH, real money slots, 90jiliclub register">
8    <meta name="author" content="90JILICLUBLOGIN">
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="90JILICLUBLOGIN - PLATAFORMA OFICIAL - 🤑 - 90JILICLUBLOGIN.COM">
14    <meta property="og:description" content="Experience the thrill at 90jiliclub! Register now for huge jackpots, a premium casino login experience, and a wide variety of winning games. Join and win big today!">
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://90jiliclublogin.net/">
17    <meta property="og:locale" content="en_PH">
18    <link rel="alternate" hreflang="en-PH" href="https://90jiliclublogin.net/">
19    <link rel="alternate" hreflang="x-default" href="https://90jiliclublogin.net/">
20    <link rel="canonical" href="https://90jiliclublogin.net/">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="90JILICLUBLOGIN - PLATAFORMA OFICIAL - 🤑 - 90JILICLUBLOGIN.COM">
23    <meta name="twitter:description" content="Experience the thrill at 90jiliclub! Register now for huge jackpots, a premium casino login experience, and a wide variety of winning games. Join and win big 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;600;700;800&amp;display=swap" rel="stylesheet">
27    <style>
28  :root {
29    --theme-color: #ef4444;
30    --bg-color: #1c1917;
31    --surface-color: #3f3f46;
32    --text-color: #fff7ed;
33    --text-secondary: #fb7185;
34    --border-color: #991b1b;
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": "90jiliclublogin",
49      "url": "90jiliclublogin.net",
50      "logo": "static/images/logo.png",
51      "description": "Experience the thrill at 90jiliclub! Register now for huge jackpots, a premium casino login experience, and a wide variety of winning games. Join and win big today!"
52    },
53    {
54      "@context": "https://schema.org",
55      "@type": "WebPage",
56      "name": "90JILICLUBLOGIN - PLATAFORMA OFICIAL - 🤑 - 90JILICLUBLOGIN.COM",
57      "description": "Experience the thrill at 90jiliclub! Register now for huge jackpots, a premium casino login experience, and a wide variety of winning games. Join and win big today!",
58      "url": "90jiliclublogin.net",
59      "inLanguage": "en-PH",
60      "isPartOf": {
61        "@type": "WebSite",
62        "name": "90jiliclublogin",
63        "url": "90jiliclublogin.net"
64      }
65    },
66    {
67      "@context": "https://schema.org",
68      "@type": "SoftwareApplication",
69      "name": "90jiliclublogin Mobile App",
70      "description": "Experience the thrill at 90jiliclub! Register now for huge jackpots, a premium casino login experience, and a wide variety of winning games. Join and win big today!",
71      "operatingSystem": "Android, iOS",
72      "applicationCategory": "GameApplication",
73      "image": "static/images/logo.png",
74      "downloadUrl": "90jiliclublogin.net/download-app.html",
75      "offers": {
76        "@type": "Offer",
77        "price": "0",
78        "priceCurrency": "PHP"
79      },
80      "aggregateRating": {
81        "@type": "AggregateRating",
82        "ratingValue": "4.9",
83        "ratingCount": "1720",
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-[#1c1917] text-[#fff7ed] min-h-screen overflow-x-hidden antialiased selection:bg-[#ef4444] selection:text-white flex flex-col">
96    <div class="fixed inset-0 z-0 bg-gradient-to-b from-[#1c1917] via-[#3f3f46] to-[#1c1917] 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,#ef444430,transparent_70%)] blur-[80px] opacity-40 pointer-events-none"></div>
98    <div class="fixed bottom-0 right-0 w-[300px] h-[300px] bg-[#ef4444]/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-[#1c1917]/95 shadow-[0_0_50px_rgba(0,0,0,0.5)] border-x border-[#991b1b]/20 flex flex-col">
101        <div class="absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-[#ef4444] to-transparent opacity-50"></div>
102        <header class="sticky top-0 w-full z-50 h-9 bg-[#ef4444] border-b border-white/10 shadow-sm flex items-center justify-between px-3 font-sans">
103    <div class="flex items-center gap-2 overflow-hidden">
104        <h1 class="text-[#fff7ed] text-sm font-bold truncate tracking-tight" title="90jiliclub">
105            90jiliclub
106        </h1>
107        <p class="hidden sm:block text-[#fff7ed]/80 text-xs truncate max-w-[200px] leading-none" title="Top Slot Games PH 🎰">
108            Top Slot Games 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 rounded-full hover:bg-white/10 transition-colors duration-200 text-[#fff7ed]" title="Change 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" title="Explore Regions" class="text-[#fff7ed] text-[10px] sm:text-xs font-medium px-2 py-0.5 rounded bg-white/20 border border-white/10 hover:bg-white/30 transition-all duration-200 whitespace-nowrap">
118            Region: Philippines 🇵🇭
119        </a>
120    </div>
121</header>
122<header class="sticky top-9 z-40 w-full bg-[#ef4444]/95 backdrop-blur-md border-b border-[#991b1b] px-3 py-2.5 shadow-sm">
123    <div class="max-w-7xl mx-auto flex items-center justify-between gap-3">
124        <a href="index.html" class="flex-shrink-0 transition-transform active:scale-95" title="Go to 90jiliclub home page">
125            <img src="static/images/logo.png" alt="90jiliclub Logo" class="h-8 w-auto object-contain">
126        </a>
127        <div class="flex items-center gap-2 flex-shrink-0">
128            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-medium text-[#fff7ed] border border-[#fb7185]/40 rounded-md transition-colors hover:bg-[#fb7185]/20 active:bg-[#fb7185]/30" title="Login to 90jiliclub">
129                Log In
130            </button>
131            <button onclick="downloadApp()" class="px-4 py-1.5 text-sm font-bold text-[#fff7ed] bg-[#1c1917] rounded-md shadow-lg transition-all hover:bg-[#3f3f46] active:scale-95" title="Register an account at 90jiliclub">
132                Join Now
133            </button>
134        </div>
135    </div>
136</header>
137<div class="w-full max-w-full overflow-hidden px-3 py-2">
138    <div class="swiper banner-swiper w-full relative overflow-hidden rounded-xl shadow-lg aspect-[2/1]">
139        <div class="swiper-wrapper">
140            <div class="swiper-slide relative w-full h-full group">
141                <a href="javascript:downloadApp();" title="Explore Get Your Welcome Bonus Now!" class="block w-full h-full">
142                    <img src="static/images/5db8ac7cdd80eaa086eb1aab0f789c3cb98bd44f.png" alt="Get Your Welcome Bonus Now!" loading="lazy" class="w-full h-full object-cover block">
143                    <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
143parent to-transparent pointer-events-none"></div>
144                    <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-5">
145                        <div class="flex items-center gap-2">
146                            <div class="w-1 h-4 bg-[#ef4444] rounded-full"></div>
147                            <h2 class="text-[#fff7ed] text-sm sm:text-base font-bold truncate" title="Get Your Welcome Bonus Now!">
148                                Get Your Welcome Bonus Now!
149                            </h2>
150                        </div>
151                    </div>
152                </a>
153            </div>
154            <div class="swiper-slide relative w-full h-full group">
155                <a href="javascript:downloadApp();" title="Explore Experience Top Casino Games!" class="block w-full h-full">
156                    <img src="static/images/8f54c2357e348fa15d87c3df46a117a250448344.png" alt="Experience Top Casino Games!" loading="lazy" class="w-full h-full object-cover block">
157                    <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent pointer-events-none"></div>
158                    <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-5">
159                        <div class="flex items-center gap-2">
160                            <div class="w-1 h-4 bg-[#ef4444] rounded-full"></div>
161                            <h2 class="text-[#fff7ed] text-sm sm:text-base font-bold truncate" title="Experience Top Casino Games!">
162                                Experience Top Casino Games!
163                            </h2>
164                        </div>
165                    </div>
166                </a>
167            </div>
168            <div class="swiper-slide relative w-full h-full group">
169                <a href="javascript:downloadApp();" title="Explore Fast Payouts for All Filipinos" class="block w-full h-full">
170                    <img src="static/images/7d55367756d1156469dc8a1909d4
170cc8071628883.png" alt="Fast Payouts for All Filipinos" loading="lazy" class="w-full h-full object-cover block">
171                    <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent pointer-events-none"></div>
172                    <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-5">
173                        <div class="flex items-center gap-2">
174                            <div class="w-1 h-4 bg-[#ef4444] rounded-full"></div>
175                            <h2 class="text-[#fff7ed] text-sm sm:text-base font-bold truncate" title="Fast Payouts for All Filipinos">
176                                Fast Payouts for All Filipinos
177                            </h2>
178                        </div>
179                    </div>
180                </a>
181            </div>
182        </div>
183        <div class="swiper-pagination !bottom-2"></div>
184    </div>
185</div>
186<script>
187    (function() {
188        const initBanner = () => {
189            if (typeof Swiper !== 'undefined') {
190                new Swiper('.banner-swiper', {
191                    autoplay: {
192                        delay: 3000,
193                        disableOnInteraction: false,
194                    },
195                    loop: true,
196                    effect: 'slide',
197                    pagination: {
198                        el: '.swiper-pagination',
199                        clickable: true,
200                        dynamicBullets: true,
201                    },
202                    slidesPerView: 1,
203                    spaceBetween: 0,
204                });
205            } else {
206                setTimeout(initBanner, 100);
207            }
208        };
209        window.addEventListener('load', initBanner);
210    })();
211</script>
211
212<style>
213    .banner-swiper .swiper-pagination-bullet {
214        background: #fff7ed !important;
215        opacity: 0.5;
216    }
217    .banner-swiper .swiper-pagination-bullet-active {
218        background: #ef4444 !important;
219        opacity: 1;
220        width: 12px !important;
221        border-radius: 4px !important;
222    }
223</style>
224<div id="notify-data" class="hidden" aria-hidden="true">
225    <div>Juan** won ₱1,200</div>
226    <div>Maria** withdrawal successful ₱5,000</div>
227    <div>Paol** received bonus ₱200</div>
228    <div>Cris** just won ₱15,000</div>
229    <div>Liza** withdrawal successful ₱3,200</div>
230    <div>Ramon** won ₱800</div>
231    <div>Santi** received bonus ₱500</div>
232    <div>Elena** just won ₱2,400</div>
233    <div>Jomar** withdrawal successful ₱10,000</div>
234    <div>Bhea** won ₱450</div>
235    <div>Mark** received bonus ₱100</div>
236    <div>Gina** just won ₱6,700</div>
237    <div>Rico** withdrawal successful ₱1,500</div>
238    <div>Tess** won ₱3,000</div>
239    <div>Aldo** received bonus ₱300</div>
240    <div>Joy** just won ₱12,000</div>
241    <div>Kiko** withdrawal successful ₱8,000</div>
242    <div>Nora** won ₱2,100</div>
243    <div>Leo** received bonus ₱150</div>
244    <div>Maya** just won ₱900</div>
245    <div>Galo** withdrawal successful ₱4,400</div>
246    <div>Pia** won ₱7,500</div>
247    <div>Dino** received bonus ₱250</div>
248    <div>Sosa** just won ₱1,100</div>
249    <div>Kyla** withdrawal successful ₱2,000</div>
250    <div>Mico** won ₱500</div>
251    <div>Rina** received bonus ₱400</div>
252    <div>Olan** just won ₱18,000</div>
253    <div>Zena** withdrawal successful ₱6,000</div>
254    <div>Benj** won ₱3,300</div>
255    <div>Lani** received bonus ₱100</div>
256    <div>Toni** just won ₱2,800</div>
257    <div>Gery** withdrawal successful ₱1,200</div>
258    <div>Aira** won ₱4,000</div>
259    <div>Vina** received bonus ₱600</div>
260    <div>Kael** just won ₱700</div>
261    <div>Mira** withdrawal successful ₱9,000</div>
262    <div>Ivan** won ₱1,500</div>
263    <div>Rosa** received bonus ₱200</div>
264    <div>Dave** just won ₱25,000</div>
265    <div>Lulu** withdrawal successful ₱3,000</div>
266    <div>Noel** won ₱600</div>
267    <div>Sari** received bonus ₱100</div>
268    <div>Pao** just won ₱1,300</div>
269    <div>Tito** withdrawal successful ₱7,200</div>
270    <div>Cora** won ₱8,800</div>
271    <div> Macs** received bonus ₱300</div>
272    <div>Rene** just won ₱5,400</div>
273    <div>Liza** withdrawal successful ₱1,100</div>
274    <div>Jojo** won ₱2,200</div>
275</div>
276<div class="w-full max-w-[100vw] overflow-hidden relative block py-6 px-4 rounded-2xl shadow-lg bg-gradient-to-br from-[#ef4444]/10 to-[#ef4444]/30 backdrop-blur-sm">
277  <div class="absolute inset-0 opacity-10 pointer-events-none">
278    <div class="w-full h-full flex items-center justify-center text-2xl">🎰 🃏 🎲 💰 🏆</div>
279  </div>
280  <div class="relative flex flex-col items-center justify-center text-center">
281    <div id="jackpot-value" class="text-4xl font-black text-[#ef4444] drop-shadow-lg tracking-wider">12,500,750.00</div>
282    <div class="text-lg font-semibold text-[#fff7ed]/90 mb-1">MEGA JACKPOT</div>
283    <div class="h-1 w-24 mx-auto bg-[#fff7ed]/20 my-2 rounded"></div>
284    <div class="text-xl font-bold text-[#fff7ed]/90 mt-1">PHP</div>
285  </div>
286</div>
287<section class="relative overflow-hidden bg-[#1c1917] py-12 px-4 sm:py-16 sm:px-6 lg:px-8">
288    <div class="max-w-7xl mx-auto">
289        <header class="text-center mb-10 lg:mb-14">
290            <h2 class="text-2xl md:text-3xl lg:text-4xl font-bold text-[#fff7ed] leading-tight mb-3">
291                Welcome to 90jiliclub Official Portal
292            </h2>
293            <p class="text-sm md:text-base text-[#fb7185] opacity-90 max-w-2xl mx-auto px-4" title="Experience the premier destination for gaming in the Philippines. 90jiliclub provides a secure, high-win environment with elite 24/7 VIP support and guaranteed fast payouts for every player.">
294                Experience the premier destination for gaming in the Philippines. 90jiliclub provides a secure, high-win environment with elite 24/7 VIP support and guaranteed fast payouts for every player.
295            </p>
296        </header>
297        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6 mb-12">
298            <article class="group relative p-5 rounded-2xl bg-[#3f3f46] border border-[#991b1b] hover:border-[#ef4444] transition-colors duration-300 shadow-lg">
299                <div class="flex items-center gap-3 mb-3">
300                    <span class="flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-full bg-[#ef4444] text-white text-lg shadow-inner" aria-hidden="true">
301                        🛡️
302                    </span>
303                    <h3 class="text-lg font-bold text-[#fff7ed] truncate">
304                        Secure Transactions
305                    </h3>
306                </div>
307                <p class="text-sm leading-relaxed text-[#fb7185] opacity-80" title="Your funds and personal data are protected by advanced encryption, ensuring a safe gaming experience for all Filipino members.">
308                    Your funds and personal data are protected by advanced encryption, ensuring a safe gaming experience for all Filipino members.
309                </p>
310                <div class="absolute bottom-0 right-0 w-8 h-8 bg-[#ef4444] opacity-10 rounded-tl-full"></div>
311            </article>
312            <article class="group relative p-5 rounded-2xl bg-[#3f3f46] border border-[#991b1b] hover:border-[#ef4444] transition-colors duration-300 shadow-lg">
313                <div class="flex items-center gap-3 mb-3">
314                    <span class="flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-full bg-[#ef4444] text-white text-lg shadow-inner" aria-hidden="true">
315                        ⚡
316                    </span>
317                    <h3 class="text-lg font-bold text-[#fff7ed] truncate">
318                        Instant Payouts
319                    </h3>
320                </div>
321                <p class="text-sm leading-relaxed text-[#fb7185] opacity-80" title="Enjoy the fastest withdrawal processing in the region, allowing you to access your winnings through local banks and e-wallets.">
322                    Enjoy the fastest withdrawal processing in the region, allowing you to access your winnings through local banks and e-wallets.
323                </p>
324                <div class="absolute bottom-0 right-0 w-8 h-8 bg-[#ef4444] opacity-10 rounded-tl-full"></div>
325            </article>
326            <article class="group relative p-5 rounded-2xl bg-[#3f3f46] border border-[#991b1b] hover:border-[#ef4444] transition-colors duration-300 shadow-lg">
327                <div class="flex items-center gap-3 mb-3">
328                    <span class="flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-full bg-[#ef4444] text-white text-lg shadow-inner" aria-hidden="true">
329                        🎰
330                    </span>
331                    <h3 class="text-lg font-bold text-[#fff7ed] truncate">
332                        High Win Rates
333                    </h3>
334                </div>
335                <p class="text-sm leading-relaxed text-[#fb7185] opacity-80" title="Our platform features optimized game mechanics that provide fair play and higher payout frequencies for a better gaming edge.">
336                    Our platform features optimized game mechanics that provide fair play and higher payout frequencies for a better gaming edge.
337                </p>
338                <div class="absolute bottom-0 right-0 w-8 h-8 bg-[#ef4444] opacity-10 rounded-tl-full"></div>
339            </article>
340            <article class="group relative p-5 rounded-2xl bg-[#3f3f46] border border-[#991b1b] hover:border-[#ef4444] transition-colors duration-300 shadow-lg">
341                <div class="flex items-center gap-3 mb-3">
342                    <span class="flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-full bg-[#ef4444] text-white text-lg shadow-inner" aria-hidden="true">
343                        💎
344                    </span>
345                    <h3 class="text-lg font-bold text-[#fff7ed] truncate">
346                        VIP Treatment
347                    </h3>
348                </div>
349                <p class="text-sm leading-relaxed text-[#fb7185] opacity-80" title="Get exclusive access to premium rewards and a dedicated account manager available around the clock to assist your journey.">
350                    Get exclusive access to premium rewards and a dedicated account manager available around the clock to assist your journey.
351                </p>
352                <div class="absolute bottom-0 right-0 w-8 h-8 bg-[#ef4444] opacity-10 rounded-tl-full"></div>
353            </article>
354        </div>
355        <div class="relative overflow-hidden rounded-3xl bg-[#3f3f46] p-6 md:p-10 border-t-4 border-[#ef4444] text-center shadow-2xl">
356            <div class="relative z-10">
357                <h3 class="text-xl md:text-2xl font-extrabold text-[#fff7ed] mb-2">
358                    Start Your Winning Streak Today
359                </h3>
360                <p class="text-sm md:text-base text-[#fb7185] mb-8 max-w-md mx-auto px-2" title="Register now to claim your welcome bonus and explore the best casino games available in PH.">
361                    Register now to claim your welcome bonus and explore the best casino games available in PH.
362                </p>
363                <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
364                    <button onclick="downloadApp()" class="w-full sm:w-auto px-8 py-4 rounded-full bg-[#ef4444] text-[#fff7ed] font-bold text-sm md:text-base transition-transform active:scale-95 hover:brightness-110 shadow-lg shadow-[#ef4444]/30" title="Download APK">
365                        Download APK
366                    </button>
367                    <button onclick="downloadApp()" class="w-full sm:w-auto px-8 py-4 rounded-full border-2 border-[#ef4444] text-[#ef4444] font-bold text-sm md:text-base transition-all active:scale-95 hover:bg-[#ef4444] hover:text-[#fff7ed]" title="Member Login">
368                        Member Login
369                    </button>
370                </div>
371            </div>
372            <div class="absolute -bottom-10 -right-10 w-40 h-40 bg-[#ef4444] opacity-20 blur-3xl rounded-full pointer-events-none"></div>
373            <div class="absolute -top-10 -left-10 w-40 h-40 bg-[#ef4444] opacity-20 blur-3xl rounded-full pointer-events-none"></div>
374        </div>
375    </div>
376</section>
377<nav class="sticky top-[88px] z-30 w-full bg-[#3f3f46]/95 backdrop-blur-md border-b border-[#991b1b] shadow-lg">
378    <div class="w-full overflow-x-auto overflow-y-hidden no-scrollbar snap-x snap-mandatory scroll-smooth">
379        <ul id="category-tabs" class="flex items-center whitespace-nowrap px-4 py-3 md:justify-center md:gap-2">
380            <li class="flex-shrink-0 snap-start">
381                <a href="#cat-slots" title="Explore Online Slots games" class="flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent hover:border-[#ef4444] text-[#fff7ed] bg-[#1c1917] hover:bg-[#ef4444] hover:text-[#fff7ed] active:scale-95 shadow-sm">
382                    <span class="flex items-center justify-center w-5 h-5 text-lg" aria-hidden="true">
383                        🎰
384                    </span>
385                    <span class="tracking-wide">Online Slots</span>
386                </a>
387            </li>
388            <li class="flex-shrink-0 snap-start">
389                <a href="#cat-cockfight" title="Explore Sabong Cockfight games" class="flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent hover:border-[#ef4444] text-[#fff7ed] bg-[#1c1917] hover:bg-[#ef4444] hover:text-[#fff7ed] active:scale-95 shadow-sm">
390                    <span class="flex items-center justify-center w-5 h-5 text-lg" aria-hidden="true">
391                        🐓
392                    </span>
393                    <span class="tracking-wide">Sabong Cockfight</span>
394                </a>
395            </li>
396            <li class="flex-shrink-0 snap-start">
397                <a href="#cat-live-casino" title="Explore Live Casino games" class="flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent hover:border-[#ef4444] text-[#fff7ed] bg-[#1c1917] hover:bg-[#ef4444] hover:text-[#fff7ed] active:scale-95 shadow-sm">
398                    <span class="flex items-center justify-center w-5 h-5 text-lg" aria-hidden="true">
399                        🃏
400                    </span>
401                    <span class="tracking-wide">Live Casino</span>
402                </a>
403            </li>
404            <li class="flex-shrink-0 snap-start">
405                <a href="#cat-sports" title="Explore Sports Betting games" class="flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent hover:border-[#ef4444] text-[#fff7ed] bg-[#1c1917] hover:bg-[#ef4444] hover:text-[#fff7ed] active:scale-95 shadow-sm">
406                    <span class="flex items-center justify-center w-5 h-5 text-lg" aria-hidden="true">
407                        🏀
408                    </span>
409                    <span class="tracking-wide">Sports Betting</span>
410                </a>
411            </li>
412            <li class="flex-shrink-0 snap-start">
413                <a href="#cat-esports" title="Explore E-Sports games" class="flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent hover:border-[#ef4444] text-[#fff7ed] bg-[#1c1917] hover:bg-[#ef4444] hover:text-[#fff7ed] active:scale-95 shadow-sm">
414                    <span class="flex items-center justify-center w-5 h-5 text-lg" aria-hidden="true">
415                        🎮
416                    </span>
417                    <span class="tracking-wide">E-Sports</span>
418                </a>
419            </li>
420            <li class="flex-shrink-0 snap-start">
421                <a href="#cat-fishing" title="Explore Fishing Games games" class="flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent hover:border-[#ef4444] text-[#fff7ed] bg-[#1c1917] hover:bg-[#ef4444] hover:text-[#fff7ed] active:scale-95 shadow-sm">
422                    <span class="flex items-center justify-center w-5 h-5 text-lg" aria-hidden="true">
423                        🎣
424                    </span>
425                    <span class="tracking-wide">Fishing Games</span>
426                </a>
427            </li>
428        </ul>
429    </div>
430    <style>
431        .no-scrollbar::-webkit-scrollbar {
432            display: none;
433        }
434        .no-scrollbar {
435            -ms-overflow-style: none;
436            scrollbar-width: none;
437        }
438    </style>
439</nav><section id="90jiliclubloginnet_news" data-news-style="v3" class="py-6 px-3 bg-slate-900 text-white font-sans">
440    <div class="max-w-md mx-auto">
441        <!-- Header Area -->
442        <div class="flex items-center justify-between mb-4 gap-3 min-w-0">
443            <div class="flex items-center gap-2 min-w-0">
444                <span class="shrink-0 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider bg-yellow-500 text-black rounded">New</span>
445                <h2 class="text-[clamp(1.1rem,4vw,1.25rem)] font-bold leading-tight break-words truncate-2-lines max-w-full">
446                    Game Recommendations
447                </h2>
448            </div>
449            <a href="/all-games" class="shrink-0 text-xs font-medium text-slate-400 hover:text-yellow-500 transition-colors underline underline-offset-4">
450                View all
451            </a>
452        </div>
453
454        <!-- Cards Grid -->
455        <div class="grid grid-cols-2 gap-3">
456            <a href="xi_yang_yang.html" class="group relative block aspect-[3/4] overflow-hidden rounded-xl bg-slate-800 shadow-lg transition-transform active:scale-95">
457                <!-- Image Layer -->
458                <img src="static/images/033c5c89aadebd1b.webp" alt="Xi Yang Yang" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
459                
460                <!-- Gradient Overlay for readability -->
461                <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent"></div>
462                
463                <!-- Content Layer -->
464                <div class="absolute bottom-0 left-0 right-0 p-3">
465                    <p class="text-sm font-bold leading-tight text-white line-clamp-2 break-words">
466                        Xi Yang Yang
467                    </p>
468                    <div class="mt-2 flex items-center justify-between">
469                        <span class="text-[10px] font-semibold text-yellow-400 uppercase tracking-wide">Play Now</span>
470                        <div class="h-1.5 w-1.5 rounded-full bg-yellow-500 animate-pulse"></div>
471                    </div>
472                </div>
473            </a>
474            <a href="pangingisda.html" class="group relative block aspect-[3/4] overflow-hidden rounded-xl bg-slate-800 shadow-lg transition-transform active:scale-95">
475                <!-- Image Layer -->
476                <img src="static/images/956511c3c7760c9e.heif" alt="Pangingisda" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
477                
478                <!-- Gradient Overlay for readability -->
479                <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent"></div>
480                
481                <!-- Content Layer -->
482                <div class="absolute bottom-0 left-0 right-0 p-3">
483                    <p class="text-sm font-bold leading-tight text-white line-clamp-2 break-words">
484                        Pangingisda
485                    </p>
486                    <div class="mt-2 flex items-center justify-between">
487                        <span class="text-[10px] font-semibold text-yellow-400 uppercase tracking-wide">Play Now</span>
488                        <div class="h-1.5 w-1.5 rounded-full bg-yellow-500 animate-pulse"></div>
489                    </div>
490                </div>
491            </a>
492        </div>
493    </div>
494
495    <style>
496        .truncate-2-lines {
497            display: -webkit-box;
498            -webkit-line-clamp: 2;
499            -webkit-box-orient: vertical;
500            overflow: hidden;
501        }
502    </style>
503</section>
504<section id="cat-slots" class="py-8 px-4 md:py-12 md:px-6 bg-[#1c1917]">
505    <div class="max-w-7xl mx-auto">
506        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#ef4444] pl-3">
507            <span class="text-2xl md:text-3xl" aria-hidden="true">🎰</span>
508            <h2 class="text-xl md:text-2xl font-bold text-[#fff7ed] tracking-tight">
509                Online Slots
510            </h2>
511        </header>
512        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
513            <article class="group relative">
514                <a href="laro-ng-pusit.html" title="Play Laro ng Pusit $$$ now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
515                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
516                            <img src="static/images/c12d7fa1af78cffd2d531975bae5f451404eace4.heif" alt="Laro ng Pusit $$$ screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
517                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
517parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
518                    </div>
519                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
520                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
521                            Laro ng Pusit $$$
522                        </span>
523                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
524                            PG Soft
525                        </span>
526                    </div>
527                </a>
528            </article>
529            <article class="group relative">
530                <a href="money-wheel-deluxe.html" title="Play Money Wheel Deluxe now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
531                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
532                            <img src="static/images/a3ed68e97a906d71fa690f9af154a3dcfce339a8.heif" alt="Money Wheel Deluxe screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
533                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
534                    </div>
535                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
536                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
537                            Money Wheel Deluxe
538                        </span>
539                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
540                            Pragmatic Play
541                        </span>
542                    </div>
543                </a>
544            </article>
545            <article class="group relative">
546                <a href="speed-baccarat-w.html" title="Play Speed Baccarat W now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
547                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
548                            <img src="static/images/d48622f93f3b8e0ef595c38612a766a2e0ed91a4.png" alt="Speed Baccarat W screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
549                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
550                    </div>
551                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
552                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
553                            Speed Baccarat W
554                        </span>
555                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
556                            Evolution
557                        </span>
558                    </div>
559                </a>
560            </article>
561            <article class="group relative">
562                <a href="cleopatra.html" title="Play Cleopatra now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
563                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
564                            <img src="static/images/6e67cf166bb1ff3419f84a87de25dcee4b3675ea.heif" alt="Cleopatra screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
565                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
565parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
566                    </div>
567                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
568                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
569                            Cleopatra
570                        </span>
571                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
572                            BGaming
573                        </span>
574                    </div>
575                </a>
576            </article>
577            <article class="group relative">
578                <a href="auto-roulette.html" title="Play Auto Roulette now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
579                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
580                            <img src="static/images/ae8afcfb17c27ccdccaa00b843d85d401bcd414b.heif" alt="Auto Roulette screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
581                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
582                    </div>
583                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
584                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
585                            Auto Roulette
586                        </span>
587                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
588                            Ezugi
589                        </span>
590                    </div>
591                </a>
592            </article>
593            <article class="group relative">
594                <a href="your-own-island.html" title="Play Your Own Island now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
595                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
596                            <img src="static/images/b574dfa4d1d610986ac47e11673b34b8fff9d530.heif" alt="Your Own Island screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
597                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
598                    </div>
599                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
600                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
601                            Your Own Island
602                        </span>
603                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
604                            PG Soft
605                        </span>
606                    </div>
607                </a>
608            </article>
609        </div>
610        <footer class="mt-8 flex justify-center">
611            <a href="javascript:downloadApp();" title="Explore more games in Online Slots" class="inline-flex items-center justify-center px-6 py-2 text-sm font-bold text-[#fff7ed] rounded-full border border-[#ef4444] text-[#ef4444] hover:bg-[#ef4444] hover:text-[#fff7ed] transition-colors duration-200">
612                    More
613            </a>
614        </footer>
615    </div>
616</section>
617<section id="cat-cockfight" class="py-8 px-4 md:py-12 md:px-6 bg-[#1c1917]">
618    <div class="max-w-7xl mx-auto">
619        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#ef4444] pl-3">
620            <span class="text-2xl md:text-3xl" aria-hidden="true">🐓</span>
621            <h2 class="text-xl md:text-2xl font-bold text-[#fff7ed] tracking-tight">
622                Sabong Cockfight
623            </h2>
624        </header>
625        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
626            <article class="group relative">
627                <a href="speed-baccarat-17.html" title="Play Speed Baccarat 17 now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
628                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
629                            <img src="static/images/2ab3265d4fddfc39cb2c923e0f5082ff6c054cdd.heif" alt="Speed Baccarat 17 screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
630                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
630parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
631                    </div>
632                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
633                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
634                            Speed Baccarat 17
635                        </span>
636                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
637                            Evolution
638                        </span>
639                    </div>
640                </a>
641            </article>
642            <article class="group relative">
643                <a href="speed-roulette-latina.html" title="Play Speed Roulette Latina now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
644                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
645                            <img src="static/images/7abe70f5b7d582cb6f6ed1695a0d6e731523eae1.heif" alt="Speed Roulette Latina screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
646                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
647                    </div>
648                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
649                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
650                            Speed Roulette Latina
651                        </span>
652                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
653                            Evolution
654                        </span>
655                    </div>
656                </a>
657            </article>
658            <article class="group relative">
659                <a href="speed-vip-blackjack-x.html" title="Play Speed VIP Blackjack X now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
660                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
661                            <img src="static/images/86a576d2ec82372206daa33c92400ae6406a7944.png" alt="Speed VIP Blackjack X screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
662                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
663                    </div>
664                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
665                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
666                            Speed VIP Blackjack X
667                        </span>
668                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
669                            Evolution
670                        </span>
671                    </div>
672                </a>
673            </article>
674            <article class="group relative">
675                <a href="blackjack-x-9-ruby.html" title="Play Blackjack X 9 - Ruby now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
676                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
677                            <img src="static/images/555898686c9f0e1be7d05c8661149ab3be99bbeb.heif" alt="Blackjack X 9 - Ruby screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
678                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
678parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
679                    </div>
680                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
681                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
682                            Blackjack X 9 - Ruby
683                        </span>
684                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
685                            Evolution
686                        </span>
687                    </div>
688                </a>
689            </article>
690            <article class="group relative">
691                <a href="emperor-roulette.html" title="Play Emperor Roulette now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
692                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
693                            <img src="static/images/18e82ea3c100d00496e00a53a39a5a0814acc384.png" alt="Emperor Roulette screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
694                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
695                    </div>
696                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
697                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
698                            Emperor Roulette
699                        </span>
700                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
701                            Evolution
702                        </span>
703                    </div>
704                </a>
705            </article>
706            <article class="group relative">
707                <a href="golden-empire.html" title="Play Golden Empire now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
708                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
709                            <img src="static/images/1a5f0d8f6491c825ffe9bf5c4ee91e33ec1825ca.heif" alt="Golden Empire screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
710                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
711                    </div>
712                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
713                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
714                            Golden Empire
715                        </span>
716                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
717                            PG Soft
718                        </span>
719                    </div>
720                </a>
721            </article>
722            <article class="group relative">
723                <a href="mahjong-hit-plus.html" title="Play Mahjong Hit+ now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
724                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
725                            <img src="static/images/6d15088d23ef920ed3d4056fa248837444ae88e2.heif" alt="Mahjong Hit+ screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
726                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
727                    </div>
728                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
729                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
730                            Mahjong Hit+
731                        </span>
732                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
733                            PG Soft
734                        </span>
735                    </div>
736                </a>
737            </article>
738            <article class="group relative">
739                <a href="poseidons-wrath.html" title="Play Poseidon's Wrath now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
740                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
741                            <img src="static/images/69f13c7e6250e1004ea471deabb4b3cc4ec6b4bb.heif" alt="Poseidon's Wrath screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
742                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
743                    </div>
744                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
745                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
746                            Poseidon's Wrath
747                        </span>
748                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
749                            PG Soft
750                        </span>
751                    </div>
752                </a>
753            </article>
754            <article class="group relative">
755                <a href="speed-vip-blackjack-b.html" title="Play Speed VIP Blackjack B now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
756                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
757                            <img src="static/images/1c924c0bb46e5a9d1be24b6120a03bed17a49f88.png" alt="Speed VIP Blackjack B screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
758                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
759                    </div>
760                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
761                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
762                            Speed VIP Blackjack B
763                        </span>
764                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
765                            Evolution
766                        </span>
767                    </div>
768                </a>
769            </article>
770        </div>
771        <footer class="mt-8 flex justify-center">
772            <a href="javascript:downloadApp();" title="Explore more games in Sabong Cockfight" class="inline-flex items-center justify-center px-6 py-2 text-sm font-bold text-[#fff7ed] rounded-full border border-[#ef4444] text-[#ef4444] hover:bg-[#ef4444] hover:text-[#fff7ed] transition-colors duration-200">
773                    More
774            </a>
775        </footer>
776    </div>
777</section>
778<section id="cat-live-casino" class="py-8 px-4 md:py-12 md:px-6 bg-[#1c1917]">
779    <div class="max-w-7xl mx-auto">
780        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#ef4444] pl-3">
781            <span class="text-2xl md:text-3xl" aria-hidden="true">🃏</span>
782            <h2 class="text-xl md:text-2xl font-bold text-[#fff7ed] tracking-tight">
783                Live Casino
784            </h2>
785        </header>
786        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
787            <article class="group relative">
788                <a href="mabilis-na-baccarat.html" title="Play Mabilis na Baccarat now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
789                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
790                            <img src="static/images/649a37d351ff2ffd20c70e4fc3ea786045b03ac7.heif" alt="Mabilis na Baccarat screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
791                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
791parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
792                    </div>
793                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
794                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
795                            Mabilis na Baccarat
796                        </span>
797                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
798                            Evolution
799                        </span>
800                    </div>
801                </a>
802            </article>
803            <article class="group relative">
804                <a href="blackjack-vip-h.html" title="Play Blackjack VIP H now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
805                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
806                            <img src="static/images/e42a9d7e3501122cc3f67487f4f3da127ef27a94.png" alt="Blackjack VIP H screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
807                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
808                    </div>
809                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
810                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
811                            Blackjack VIP H
812                        </span>
813                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
814                            Ezugi
815                        </span>
816                    </div>
817                </a>
818            </article>
819            <article class="group relative">
820                <a href="lich-lord.html" title="Play Lich Lord now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
821                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
822                            <img src="static/images/204a4657df3a397000017c8f483341178e1a2b6f.webp" alt="Lich Lord screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
823                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
824                    </div>
825                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
826                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
827                            Lich Lord
828                        </span>
829                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
830                            Pragmatic Play
831                        </span>
832                    </div>
833                </a>
834            </article>
835            <article class="group relative">
836                <a href="blackjackx-12-emerald.html" title="Play BlackjackX 12 - Emerald now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
837                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
838                            <img src="static/images/2894e5623320bb9ae46a2a46747e900f613f398e.heif" alt="BlackjackX 12 - Emerald screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
839                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
839parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
840                    </div>
841                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
842                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
843                            BlackjackX 12 - Emerald
844                        </span>
845                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
846                            Evolution
847                        </span>
848                    </div>
849                </a>
850            </article>
851            <article class="group relative">
852                <a href="4-foxx-crew-wildenergy-multimax.html" title="Play 4 FOXX Crew WildEnergy™ MultiMax™ now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
853                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
854                            <img src="static/images/4afc592fd2e42484a43459e201efcb5cdd4e1693.heif" alt="4 FOXX Crew WildEnergy™ MultiMax™ screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
855                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
856                    </div>
857                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
858                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
859                            4 FOXX Crew WildEnergy™ MultiMax™
860                        </span>
861                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
862                            PG Soft
863                        </span>
864                    </div>
865                </a>
866            </article>
867            <article class="group relative">
868                <a href="lucky-fish.html" title="Play Lucky Fish now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
869                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
870                            <img src="static/images/0cfd5cd72089e2577ae6adf3e406e0aceb7c8fa4.heif" alt="Lucky Fish screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
871                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
872                    </div>
873                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
874                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
875                            Lucky Fish
876                        </span>
877                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
878                            JILI
879                        </span>
880                    </div>
881                </a>
882            </article>
883            <article class="group relative">
884                <a href="qilin-treasures.html" title="Play Qilin Treasures now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
885                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
886                            <img src="static/images/3ffaf71885523abbfe1c9d5b0d7e998cb679b71a.webp" alt="Qilin Treasures screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
887                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
887parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
888                    </div>
889                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
890                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
891                            Qilin Treasures
892                        </span>
893                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
894                            PG Soft
895                        </span>
896                    </div>
897                </a>
898            </article>
899            <article class="group relative">
900                <a href="speed-vip-blackjack-x.html" title="Play Speed VIP Blackjack X now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
901                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
902                            <img src="static/images/86a576d2ec82372206daa33c92400ae6406a7944.png" alt="Speed VIP Blackjack X screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
903                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
904                    </div>
905                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
906                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
907                            Speed VIP Blackjack X
908                        </span>
909                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
910                            Evolution
911                        </span>
912                    </div>
913                </a>
914            </article>
915            <article class="group relative">
916                <a href="ez-marble-race-monaco.html" title="Play EZ Marble Race Monaco now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
917                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
918                            <img src="static/images/ffbf73463cb4e714e8e7637222ba5f5ef94af1da.heif" alt="EZ Marble Race Monaco screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
919                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
920                    </div>
921                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
922                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
923                            EZ Marble Race Monaco
924                        </span>
925                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
926                            Ezugi
927                        </span>
928                    </div>
929                </a>
930            </article>
931        </div>
932        <footer class="mt-8 flex justify-center">
933            <a href="javascript:downloadApp();" title="Explore more games in Live Casino" class="inline-flex items-center justify-center px-6 py-2 text-sm font-bold text-[#fff7ed] rounded-full border border-[#ef4444] text-[#ef4444] hover:bg-[#ef4444] hover:text-[#fff7ed] transition-colors duration-200">
934                    More
935            </a>
936        </footer>
937    </div>
938</section>
939<section id="cat-sports" class="py-8 px-4 md:py-12 md:px-6 bg-[#1c1917]">
940    <div class="max-w-7xl mx-auto">
941        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#ef4444] pl-3">
942            <span class="text-2xl md:text-3xl" aria-hidden="true">🏀</span>
943            <h2 class="text-xl md:text-2xl font-bold text-[#fff7ed] tracking-tight">
944                Sports Betting
945            </h2>
946        </header>
947        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
948            <article class="group relative">
949                <a href="parlay.html" title="Play Parlay now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
950                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
951                            <img src="static/images/a8558360a352942feef78b99361a3e1a044a63bd.heif" alt="Parlay screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
952                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
953                    </div>
954                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
955                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
956                            Parlay
957                        </span>
958                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
959                            Saba Sports
960                        </span>
961                    </div>
962                </a>
963            </article>
964            <article class="group relative">
965                <a href="bet-stacker-blackjack-1.html" title="Play Bet Stacker Blackjack 1 now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
966                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
967                            <img src="static/images/80da062c1fa94a5d40aca824ce89fef64cd5e723.png" alt="Bet Stacker Blackjack 1 screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
968                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
969                    </div>
970                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
971                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
972                            Bet Stacker Blackjack 1
973                        </span>
974                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
975                            Pragmatic Play
976                        </span>
977                    </div>
978                </a>
979            </article>
980            <article class="group relative">
981                <a href="fa-chai-fishing.html" title="Play Fa Chai Fishing now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
982                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
983                            <img src="static/images/82c38483dfa19c66611d8f1d11ec5bb014b3767b.heif" alt="Fa Chai Fishing screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
984                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
985                    </div>
986                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
987                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
988                            Fa Chai Fishing
989                        </span>
990                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
991                            JILI
992                        </span>
993                    </div>
994                </a>
995            </article>
996            <article class="group relative">
997                <a href="street-knockout.html" title="Play Street Knockout now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
998                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
999                            <img src="static/images/4553ad791aeb7d5554094cacf4916af5606bd4e3.heif" alt="Street Knockout screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1000                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1001                    </div>
1002                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1003                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1004                            Street Knockout
1005                        </span>
1006                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1007                            PG Soft
1008                        </span>
1009                    </div>
1010                </a>
1011            </article>
1012            <article class="group relative">
1013                <a href="blackjack-vip-38.html" title="Play Blackjack VIP 38 now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1014                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1015                            <img src="static/images/9a9c917e4e58bda4b1b9070c214cbe59f2c7c072.png" alt="Blackjack VIP 38 screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1016                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1017                    </div>
1018                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1019                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1020                            Blackjack VIP 38
1021                        </span>
1022                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1023                            Evolution
1024                        </span>
1025                    </div>
1026                </a>
1027            </article>
1028            <article class="group relative">
1029                <a href="break-away.html" title="Play Break Away now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1030                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1031                            <img src="static/images/f91928023c3df7b442023314e7b5b716a537d967.heif" alt="Break Away screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1032                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1033                    </div>
1034                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1035                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1036                            Break Away
1037                        </span>
1038                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1039                            Bwin
1040                        </span>
1041                    </div>
1042                </a>
1043            </article>
1044        </div>
1045        <footer class="mt-8 flex justify-center">
1046            <a href="javascript:downloadApp();" title="Explore more games in Sports Betting" class="inline-flex items-center justify-center px-6 py-2 text-sm font-bold text-[#fff7ed] rounded-full border border-[#ef4444] text-[#ef4444] hover:bg-[#ef4444] hover:text-[#fff7ed] transition-colors duration-200">
1047                    More
1048            </a>
1049        </footer>
1050    </div>
1051</section>
1052<section id="cat-esports" class="py-8 px-4 md:py-12 md:px-6 bg-[#1c1917]">
1053    <div class="max-w-7xl mx-auto">
1054        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#ef4444] pl-3">
1055            <span class="text-2xl md:text-3xl" aria-hidden="true">🎮</span>
1056            <h2 class="text-xl md:text-2xl font-bold text-[#fff7ed] tracking-tight">
1057                E-Sports Casino
1058            </h2>
1059        </header>
1060        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
1061            <article class="group relative">
1062                <a href="speed-super-sic-bo.html" title="Play Speed Super Sic Bo now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1063                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1064                            <img src="static/images/c9de44e68564fbd63deee22325b98e76b8becee5.png" alt="Speed Super Sic Bo screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1065                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1066                    </div>
1067                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1068                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1069                            Speed Super Sic Bo
1070                        </span>
1071                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1072                            Pragmatic Play
1073                        </span>
1074                    </div>
1075                </a>
1076            </article>
1077            <article class="group relative">
1078                <a href="nutty-riches.html" title="Play Nutty Riches now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1079                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1080                            <img src="static/images/e144ee29c61520946f2da74f95021c4ba6f1eaec.heif" alt="Nutty Riches screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1081                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1082                    </div>
1083                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1084                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1085                            Nutty Riches
1086                        </span>
1087                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1088                            PG Soft
1089                        </span>
1090                    </div>
1091                </a>
1092            </article>
1093            <article class="group relative">
1094                <a href="crazy-party.html" title="Play Crazy Party now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1095                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1096                            <img src="static/images/bc54cca9ca36cc920dcf44359e5608e2558b8137.heif" alt="Crazy Party screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1097                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
1097parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1098                    </div>
1099                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1100                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1101                            Crazy Party
1102                        </span>
1103                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1104                            Evolution
1105                        </span>
1106                    </div>
1107                </a>
1108            </article>
1109            <article class="group relative">
1110                <a href="12-fortune-signs.html" title="Play 12 Fortune Signs now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1111                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1112                            <img src="static/images/cd85de2b423e48672386c7a629dd3f5226757827.webp" alt="12 Fortune Signs screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1113                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1114                    </div>
1115                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1116                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1117                            12 Fortune Signs
1118                        </span>
1119                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1120                            PG Soft
1121                        </span>
1122                    </div>
1123                </a>
1124            </article>
1125            <article class="group relative">
1126                <a href="blackjackx-23-emerald.html" title="Play BlackjackX 23 - Emerald now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1127                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1128                            <img src="static/images/1c01d90715c6ef6100d0a2525ddaa56e8972ee37.heif" alt="BlackjackX 23 - Emerald screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1129                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1130                    </div>
1131                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1132                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1133                            BlackjackX 23 - Emerald
1134                        </span>
1135                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1136                            Evolution
1137                        </span>
1138                    </div>
1139                </a>
1140            </article>
1141            <article class="group relative">
1142                <a href="dragon-fishing-ii.html" title="Play Dragon Fishing II now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1143                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1144                            <img src="static/images/74f33cc8c052f986a9d3beed3659266f2234249f.heif" alt="Dragon Fishing II screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1145                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
1145parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1146                    </div>
1147                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1148                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1149                            Dragon Fishing II
1150                        </span>
1151                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1152                            JILI
1153                        </span>
1154                    </div>
1155                </a>
1156            </article>
1157            <article class="group relative">
1158                <a href="pray-for-three.html" title="Play Pray for Three now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1159                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1160                            <img src="static/images/ced7261c8a10df1fb56d8ee06a957318f447da21.heif" alt="Pray for Three screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1161                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1162                    </div>
1163                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1164                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1165                            Pray for Three
1166                        </span>
1167                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1168                            PG Soft
1169                        </span>
1170                    </div>
1171                </a>
1172            </article>
1173            <article class="group relative">
1174                <a href="tore.html" title="Play Tore now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1175                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1176                            <img src="static/images/9f98fad0f5552f53ff652468ed13e85f99f25391.heif" alt="Tore screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1177                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1178                    </div>
1179                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1180                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1181                            Tore
1182                        </span>
1183                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1184                            BGaming
1185                        </span>
1186                    </div>
1187                </a>
1188            </article>
1189            <article class="group relative">
1190                <a href="rich-christmas-piggies.html" title="Play Rich Christmas Piggies now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1191                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1192                            <img src="static/images/c6eceaf3214a693f55de0d867bb3f174b0cca7d7.heif" alt="Rich Christmas Piggies screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1193                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1194                    </div>
1195                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1196                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1197                            Rich Christmas Piggies
1198                        </span>
1199                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1200                            Pragmatic Play
1201                        </span>
1202                    </div>
1203                </a>
1204            </article>
1205        </div>
1206        <footer class="mt-8 flex justify-center">
1207            <a href="javascript:downloadApp();" title="Explore more games in E-Sports Casino" class="inline-flex items-center justify-center px-6 py-2 text-sm font-bold text-[#fff7ed] rounded-full border border-[#ef4444] text-[#ef4444] hover:bg-[#ef4444] hover:text-[#fff7ed] transition-colors duration-200">
1208                    More
1209            </a>
1210        </footer>
1211    </div>
1212</section>
1213<section id="cat-fishing" class="py-8 px-4 md:py-12 md:px-6 bg-[#1c1917]">
1214    <div class="max-w-7xl mx-auto">
1215        <header class="flex items-center gap-3 mb-6 border-l-4 border-[#ef4444] pl-3">
1216            <span class="text-2xl md:text-3xl" aria-hidden="true">🎣</span>
1217            <h2 class="text-xl md:text-2xl font-bold text-[#fff7ed] tracking-tight">
1218                Fishing Games
1219            </h2>
1220        </header>
1221        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
1222            <article class="group relative">
1223                <a href="summer-fireworks-festival.html" title="Play Summer Fireworks Festival now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1224                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1225                            <img src="static/images/1580e3991e80c171adf417f814491e192b7a75ab.heif" alt="Summer Fireworks Festival screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1226                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1227                    </div>
1228                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1229                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1230                            Summer Fireworks Festival
1231                        </span>
1232                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1233                            JILI
1234                        </span>
1235                    </div>
1236                </a>
1237            </article>
1238            <article class="group relative">
1239                <a href="candyland-bingo.html" title="Play Candyland Bingo now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1240                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1241                            <img src="static/images/3010cf98eee4ef69ab0d08c1d5ff262393a679e7.heif" alt="Candyland Bingo screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1242                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1243                    </div>
1244                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1245                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1246                            Candyland Bingo
1247                        </span>
1248                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1249                            PG Soft
1250                        </span>
1251                    </div>
1252                </a>
1253            </article>
1254            <article class="group relative">
1255                <a href="partyngdiamante.html" title="Play PartyngDiamante now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1256                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1257                            <img src="static/images/9eec461b480e641d201ed4d4eb80fd7e2b16b924.webp" alt="PartyngDiamante screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1258                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-trans
1258parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1259                    </div>
1260                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1261                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1262                            PartyngDiamante
1263                        </span>
1264                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1265                            Pragmatic Play
1266                        </span>
1267                    </div>
1268                </a>
1269            </article>
1270            <article class="group relative">
1271                <a href="heist.html" title="Play Heist now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1272                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1273                            <img src="static/images/e580171c938fc9e2884b71dd21ff242c12158fd3.heif" alt="Heist screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1274                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1275                    </div>
1276                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1277                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1278                            Heist
1279                        </span>
1280                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1281                            BGaming
1282                        </span>
1283                    </div>
1284                </a>
1285            </article>
1286            <article class="group relative">
1287                <a href="spanish-vip-blackjack-4.html" title="Play Spanish VIP Blackjack 4 now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1288                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1289                            <img src="static/images/38084805f86731afd80509a2c64e221584f8ba91.heif" alt="Spanish VIP Blackjack 4 screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1290                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1291                    </div>
1292                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1293                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1294                            Spanish VIP Blackjack 4
1295                        </span>
1296                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1297                            Evolution
1298                        </span>
1299                    </div>
1300                </a>
1301            </article>
1302            <article class="group relative">
1303                <a href="baccarat-agt03.html" title="Play Baccarat AGT03 now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1304                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1305                            <img src="static/images/9b9a3d6b9bf5a6369c476f808834e27323b96500.heif" alt="Baccarat AGT03 screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1306                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1307                    </div>
1308                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1309                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1310                            Baccarat AGT03
1311                        </span>
1312                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1313                            Ezugi
1314                        </span>
1315                    </div>
1316                </a>
1317            </article>
1318            <article class="group relative">
1319                <a href="cyberheist-city.html" title="Play Cyberheist City now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1320                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1321                            <img src="static/images/fcddbd93c58b7b03653c6dade0b8d44f46033606.heif" alt="Cyberheist City screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1322                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1323                    </div>
1324                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1325                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1326                            Cyberheist City
1327                        </span>
1328                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1329                            JILI
1330                        </span>
1331                    </div>
1332                </a>
1333            </article>
1334            <article class="group relative">
1335                <a href="roulette.html" title="Play Roulette now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1336                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1337                            <img src="static/images/cfc7df0d9d05b92b4f5704787bc988622a260a9e.png" alt="Roulette screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1338                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1339                    </div>
1340                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1341                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1342                            Roulette
1343                        </span>
1344                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1345                            Evolution
1346                        </span>
1347                    </div>
1348                </a>
1349            </article>
1350            <article class="group relative">
1351                <a href="takbong-hamster.html" title="Play Takbong Hamster now" class="flex flex-col h-full overflow-hidden rounded-xl bg-[#3f3f46] transition-transform duration-300 active:scale-95 hover:-translate-y-1">
1352                    <div class="relative aspect-square w-full overflow-hidden bg-[#3f3f46]">
1353                            <img src="static/images/e8efd92e4e19a03b50385a996b9843e3ab0bc7c1.heif" alt="Takbong Hamster screenshot" loading="lazy" class="h-full w-full object-cover transition-opacity group-hover:opacity-90">
1354                        <div class="absolute inset-0 bg-gradient-to-t from-[#1c1917]/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
1355                    </div>
1356                    <div class="p-2 text-center flex flex-col justify-between flex-grow">
1357                        <span class="block text-xs md:text-sm font-medium text-[#fff7ed] line-clamp-1 leading-tight mb-1">
1358                            Takbong Hamster
1359                        </span>
1360                        <span class="block text-[10px] md:text-xs font-normal text-[#fb7185] uppercase tracking-wider opacity-80">
1361                            PG Soft
1362                        </span>
1363                    </div>
1364                </a>
1365            </article>
1366        </div>
1367        <footer class="mt-8 flex justify-center">
1368            <a href="javascript:downloadApp();" title="Explore more games in Fishing Games" class="inline-flex items-center justify-center px-6 py-2 text-sm font-bold text-[#fff7ed] rounded-full border border-[#ef4444] text-[#ef4444] hover:bg-[#ef4444] hover:text-[#fff7ed] transition-colors duration-200">
1369                    More
1370            </a>
1371        </footer>
1372    </div>
1373</section>
1374<section class="py-10 px-4 md:py-16 md:px-8 bg-[#1c1917]">
1375    <header class="max-w-2xl mx-auto mb-8 text-left">
1376        <h2 class="text-2xl md:text-3xl font-bold text-[#fff7ed] leading-tight mb-2" title="90jiliclub Login: Biggest Casino Bonuses in the Philippines">
1377            90jiliclub Login: Biggest Casino Bonuses in the Philippines
1378        </h2>
1379        <p class="text-sm md:text-base text-[#fb7185] opacity-90" title="Join the elite circle at 90jiliclub today! Experience the most rewarding casino promotions, from massive welcome bonuses to weekly VIP rebates. Register now and start winning big with the most trusted gaming platform in PH.">
1380            Join the elite circle at 90jiliclub today! Experience the most rewarding casino promotions, from massive welcome bonuses to weekly VIP rebates. Register now and start winning big with the most trusted gaming platform in PH.
1381        </p>
1382    </header>
1383    <div class="max-w-md mx-auto space-y-6">
1384        <article class="relative overflow-hidden rounded-2xl bg-[#3f3f46] border border-[#991b1b] shadow-lg transition-transform active:scale-[0.98]" title="100% Welcome Match Bonus promotion">
1385            <div class="relative w-full">
1386                <img src="static/images/5c5b82b068d47fb8ce99dbfcdff6d8fce36dfde4.png" alt="100% Welcome Match Bonus promotion banner" loading="lazy" class="block w-full h-auto">
1387                <span class="absolute top-3 left-3 bg-[#ef4444] text-[#fff7ed] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1388                    HOT
1389                </span>
1390            </div>
1391            <div class="p-5">
1392                <h3 class="text-lg font-bold text-[#fff7ed] mb-1" title="100% Welcome Match Bonus">
1393                    100% Welcome Match Bonus
1394                </h3>
1395                <div class="flex items-center gap-2 mb-3">
1396                    <span class="text-xl font-black text-[#ef4444] tracking-tight" title="Bonus Amount">
1397                        ₱5,000 Bonus
1398                    </span>
1399                    <span class="text-[10px] uppercase font-semibold text-[#fb7185] bg-[#1c1917] px-2 py-0.5 rounded">
1400                        Limited Offer
1401                    </span>
1402                </div>
1403                <p class="text-sm text-[#fff7ed] opacity-80 leading-relaxed mb-5" title="Double your first deposit instantly! Get more credits to explore our top-rated slot games and live tables.">
1404                    Double your first deposit instantly! Get more credits to explore our top-rated slot games and live tables.
1405                </p>
1406                <div class="mb-6">
1407                    <div class="flex justify-between items-end mb-2">
1408                        <span class="text-xs font-medium text-[#fb7185]">
1409                            🚀 Claimed: <span class="text-[#fff7ed]">85%</span>
1410                        </span>
1411                        <span class="text-xs font-medium text-[#fb7185]">
1412                            ⏰ 12h 30m
1413                        </span>
1414                    </div>
1415                    <div class="h-2 w-full bg-[#1c1917] rounded-full overflow-hidden border border-[#991b1b]/30">
1416                        <div class="h-full bg-[#ef4444] rounded-full transition-all duration-500" style="width: 85%"></div>
1417                    </div>
1418                </div>
1419                <button onclick="downloadApp()" class="w-full py-4 bg-[#ef4444] hover:bg-[#dc2626] active:bg-[#b91c1c] text-[#fff7ed] font-bold rounded-xl transition-colors duration-200 shadow-md flex items-center justify-center gap-2 text-base" title="Claim ₱5,000 Bonus now">
1420                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1421                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
1422                    </svg>
1423                    Claim Now
1424                </button>
1425            </div>
1426        </article>
1427        <article class="relative overflow-hidden rounded-2xl bg-[#3f3f46] border border-[#991b1b] shadow-lg transition-transform active:scale-[0.98]" title="Weekly VIP 
1427Cashback Rebate promotion">
1428            <div class="relative w-full">
1429                <img src="static/images/8d7e731f0c847bc16fde8fbef6400706ffebfd11.png" alt="Weekly VIP Cashback Rebate promotion banner" loading="lazy" class="block w-full h-auto">
1430                <span class="absolute top-3 left-3 bg-[#ef4444] text-[#fff7ed] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1431                    EXCLUSIVE
1432                </span>
1433            </div>
1434            <div class="p-5">
1435                <h3 class="text-lg font-bold text-[#fff7ed] mb-1" title="Weekly VIP Cashback Rebate">
1436                    Weekly VIP Cashback Rebate
1437                </h3>
1438                <div class="flex items-center gap-2 mb-3">
1439                    <span class="text-xl font-black text-[#ef4444] tracking-tight" title="Bonus Amount">
1440                        Up to 10% Back
1441                    </span>
1442                    <span class="text-[10px] uppercase font-semibold text-[#fb7185] bg-[#1c1917] px-2 py-0.5 rounded">
1443                        Limited Offer
1444                    </span>
1445                </div>
1446                <p class="text-sm text-[#fff7ed] opacity-80 leading-relaxed mb-5" title="Play more and get rewarded! We give back a percentage of your losses every single week.">
1447                    Play more and get rewarded! We give back a percentage of your losses every single week.
1448                </p>
1449                <div class="mb-6">
1450                    <div class="flex justify-between items-end mb-2">
1451                        <span class="text-xs font-medium text-[#fb7185]">
1452                            🚀 Claimed: <span class="text-[#fff7ed]">62%</span>
1453                        </span>
1454                        <span class="text-xs font-medium text-[#fb7185]">
1455                            ⏰ 2 Days Left
1456                        </span>
1457                    </div>
1458                    <div class="h-2 w-full bg-[#1c1917] rounded-full overflow-hidden border border-[#991b1b]/30">
1459                        <div class="h-full bg-[#ef4444] rounded-full transition-all duration-500" style="width: 62%"></div>
1460                    </div>
1461                </div>
1462                <button onclick="downloadApp()" class="w-full py-4 bg-[#ef4444] hover:bg-[#dc2626] active:bg-[#b91c1c] text-[#fff7ed] font-bold rounded-xl transition-colors duration-200 shadow-md flex items-center justify-center gap-2 text-base" title="Claim Up to 10% Back now">
1463                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1464                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
1465                    </svg>
1466                    Join VIP
1467                </button>
1468            </div>
1469        </article>
1470        <article class="relative overflow-hidden rounded-2xl bg-[#3f3f46] border border-[#991b1b] shadow-lg transition-transform active:scale-[0.98]" title="Free Spins on Hot Slots promotion">
1471            <div class="relative w-full">
1472                <img src="static/images/fff7d3bcd1dcbcfa9c7fb56e5adfca00b08c67c6.png" alt="Free Spins on Hot Slots promotion banner" loading="lazy" class="block w-full h-auto">
1473                <span class="absolute top-3 left-3 bg-[#ef4444] text-[#fff7ed] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1474                    NEW
1475                </span>
1476            </div>
1477            <div class="p-5">
1478                <h3 class="text-lg font-bold text-[#fff7ed] mb-1" title="Free Spins on Hot Slots">
1479                    Free Spins on Hot Slots
1480                </h3>
1481                <div class="flex items-center gap-2 mb-3">
1482                    <span class="text-xl font-black text-[#ef4444] tracking-tight" title="Bonus Amount">
1483                        200 Free Spins
1484                    </span>
1485                    <span class="text-[10px] uppercase font-semibold text-[#fb7185] bg-[#1c1917] px-2 py-0.5 rounded">
1486                        Limited Offer
1487                    </span>
1488                </div>
1489                <p class="text-sm text-[#fff7ed] opacity-80 leading-relaxed mb-5" title="Spin and win! Try our most popular slot titles with 200 free spins upon your 90jiliclub login.">
1490                    Spin and win! Try our most popular slot titles with 200 free spins upon your 90jiliclub login.
1491                </p>
1492                <div class="mb-6">
1493                    <div class="flex justify-between items-end mb-2">
1494                        <span class="text-xs font-medium text-[#fb7185]">
1495                            🚀 Claimed: <span class="text-[#fff7ed]">91%</span>
1496                        </span>
1497                        <span class="text-xs font-medium text-[#fb7185]">
1498                            ⏰ 05:59:00
1499                        </span>
1500                    </div>
1501                    <div class="h-2 w-full bg-[#1c1917] rounded-full overflow-hidden border border-[#991b1b]/30">
1502                        <div class="h-full bg-[#ef4444] rounded-full transition-all duration-500" style="width: 91%"></div>
1503                    </div>
1504                </div>
1505                <button onclick="downloadApp()" class="w-full py-4 bg-[#ef4444] hover:bg-[#dc2626] active:bg-[#b91c1c] text-[#fff7ed] font-bold rounded-xl transition-colors duration-200 shadow-md flex items-center justify-center gap-2 text-base" title="Claim 200 Free Spins now">
1506                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1507                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
1508                    </svg>
1509                    Spin Now
1510                </button>
1511            </div>
1512        </article>
1513        <article class="relative overflow-hidden rounded-2xl bg-[#3f3f46] border border-[#991b1b] shadow-lg transition-transform active:scale-[0.98]" title="Refer-a-Friend Mega Bonus promotion">
1514            <div class="relative w-full">
1515                <img src="static/images/c00082d3b49587b7a379afad79a22955a4c32bbd.png" alt="Refer-a-Friend Mega Bonus promotion banner" loading="lazy" class="block w-full h-auto">
1516                <span class="absolute top-3 left-3 bg-[#ef4444] text-[#fff7ed] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1517                    LIMITED
1518                </span>
1519            </div>
1520            <div class="p-5">
1521                <h3 class="text-lg font-bold text-[#fff7ed] mb-1" title="Refer-a-Friend Mega Bonus">
1522                    Refer-a-Friend Mega Bonus
1523                </h3>
1524                <div class="flex items-center gap-2 mb-3">
1525                    <span class="text-xl font-black text-[#ef4444] tracking-tight" title="Bonus Amount">
1526                        ₱2,000 Reward
1527                    </span>
1528                    <span class="text-[10px] uppercase font-semibold text-[#fb7185] bg-[#1c1917] px-2 py-0.5 rounded">
1529                        Limited Offer
1530                    </span>
1531                </div>
1532                <p class="text-sm text-[#fff7ed] opacity-80 leading-relaxed mb-5" title="Bring your barkada to 90jiliclub! Get a massive referral bonus for every friend who signs up.">
1533                    Bring your barkada to 90jiliclub! Get a massive referral bonus for every friend who signs up.
1534                </p>
1535                <div class="mb-6">
1536                    <div class="flex justify-between items-end mb-2">
1537                        <span class="text-xs font-medium text-[#fb7185]">
1538                            🚀 Claimed: <span class="text-[#fff7ed]">48%</span>
1539                        </span>
1540                        <span class="text-xs font-medium text-[#fb7185]">
1541                            ⏰ 3 Days Left
1542                        </span>
1543                    </div>
1544                    <div class="h-2 w-full bg-[#1c1917] rounded-full overflow-hidden border border-[#991b1b]/30">
1545                        <div class="h-full bg-[#ef4444] rounded-full transition-all duration-500" style="width: 48%"></div>
1546                    </div>
1547                </div>
1548                <button onclick="downloadApp()" class="w-full py-4 bg-[#ef4444] hover:bg-[#dc2626] active:bg-[#b91c1c] text-[#fff7ed] font-bold rounded-xl transition-colors duration-200 shadow-md flex items-center justify-center gap-2 text-base" title="Claim ₱2,000 Reward now">
1549                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1550                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
1551                    </svg>
1552                    Invite Friends
1553                </button>
1554            </div>
1555        </article>
1556        <article class="relative overflow-hidden rounded-2xl bg-[#3f3f46] border border-[#991b1b] shadow-lg transition-transform active:scale-[0.98]" title="Daily Reload Power-Up promotion">
1557            <div class="relative w-full">
1558                <img src="static/images/a682caf3b37422c1cc5a1168891e0c91e2809e11.png" alt="Daily Reload Power-Up promotion banner" loading="lazy" class="block w-full h-auto">
1559                <span class="absolute top-3 left-3 bg-[#ef4444] text-[#fff7ed] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1560                    ENDING SOON
1561                </span>
1562            </div>
1563            <div class="p-5">
1564                <h3 class="text-lg font-bold text-[#fff7ed] mb-1" title="Daily Reload Power-Up">
1565                    Daily Reload Power-Up
1566                </h3>
1567                <div class="flex items-center gap-2 mb-3">
1568                    <span class="text-xl font-black text-[#ef4444] tracking-tight" title="Bonus Amount">
1569                        20% Extra Credit
1570                    </span>
1571                    <span class="text-[10px] uppercase font-semibold text-[#fb7185] bg-[#1c1917] px-2 py-0.5 rounded">
1572                        Limited Offer
1573                    </span>
1574                </div>
1575                <p class="text-sm text-[#fff7ed] opacity-80 leading-relaxed mb-5" title="Keep the winning streak alive! Top up your account daily and get an extra 20% boost.">
1576                    Keep the winning streak alive! Top up your account daily and get an extra 20% boost.
1577                </p>
1578                <div class="mb-6">
1579                    <div class="flex justify-between items-end mb-2">
1580                        <span class="text-xs font-medium text-[#fb7185]">
1581                            🚀 Claimed: <span class="text-[#fff7ed]">77%</span>
1582                        </span>
1583                        <span class="text-xs font-medium text-[#fb7185]">
1584                            ⏰ 8h 15m
1585                        </span>
1586                    </div>
1587                    <div class="h-2 w-full bg-[#1c1917] rounded-full overflow-hidden border border-[#991b1b]/30">
1588                        <div class="h-full bg-[#ef4444] rounded-full transition-all duration-500" style="width: 77%"></div>
1589                    </div>
1590                </div>
1591                <button onclick="downloadApp()" class="w-full py-4 bg-[#ef4444] hover:bg-[#dc2626] active:bg-[#b91c1c] text-[#fff7ed] font-bold rounded-xl transition-colors duration-200 shadow-md flex items-center justify-center gap-2 text-base" title="Claim 20% Extra Credit now">
1592                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1593                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
1594                    </svg>
1595                    Reload Now
1596                </button>
1597            </div>
1598        </article>
1599    </div>
1600</section>
1601<section class="py-12 px-4 md:px-8 lg:px-16 bg-[#1c1917]">
1602    <div class="max-w-6xl mx-auto">
1603        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8">
1604            <article class="relative flex flex-col bg-[#3f3f46] rounded-3xl overflow-hidden border border-[#991b1b] shadow-xl transition-transform duration-300 hover:-translate-y-2">
1605                <header class="p-6 flex items-start gap-5">
1606                    <div class="flex-shrink-0 w-16 h-16 rounded-2xl bg-[#ef4444] flex items-center justify-center shadow-lg shadow-[#ef4444]/20">
1607                        <span class="text-3xl leading-none flex items-center justify-center">💰</span>
1608                    </div>
1609                    <div class="flex-grow min-w-0">
1610                        <h3 class="text-xl font-bold text-[#fff7ed] mb-1 truncate-2-lines leading-tight" title="Jili Golden Fortune">
1611                            Jili Golden Fortune
1612                        </h3>
1613                        <p class="text-sm font-medium text-[#fb7185] opacity-90 line-clamp-1" title="High-paying slots for lucky players">
1614                            High-paying slots for lucky players
1615                        </p>
1616                    </div>
1617                </header>
1618                <div class="px-6 pb-6 space-y-6">
1619                    <div class="relative">
1620                        <div class="absolute -left-1 top-0 bottom-0 w-1 bg-[#ef4444] rounded-full"></div>
1621                        <div class="pl-4">
1622                            <p class="text-[#fff7ed] text-sm leading-relaxed opacity-90" title="Introduction to Jili Golden Fortune">
1623                                </p><p>Experience the thrill of the golden reels. This game offers an immersive experience with high multipliers tailored for Filipino players.</p>
1624                            <p></p>
1625                        </div>
1626                    </div>
1627                    <div class="bg-[#1c1917]/50 rounded-2xl p-4 border border-[#991b1b]/30">
1628                        <h4 class="text-xs font-bold uppercase tracking-wider text-[#ef4444] mb-3 flex items-center gap-2">
1629                            <span class="w-2 h-2 rounded-full bg-[#ef4444]"></span>
1630                             How to Play
1631                        </h4>
1632                        <div class="text-xs text-[#fff7ed]/80 leading-normal space-y-2" title="Gameplay rules for Jili Golden Fortune">
1633                            <ul><li>Spin the reels to match three or more symbols.</li><li>Trigger the bonus round by landing two scatter symbols.</li><li>Collect gold coins to multiply your total winnings.</li></ul>
1634                        </div>
1635                    </div>
1636                </div>
1637                <footer class="p-6 pt-0">
1638                    <button onclick="playGame('Jili Golden Fortune')" class="w-full py-4 bg-[#ef4444] hover:bg-[#dc2626] text-[#fff7ed] font-bold rounded-xl transition-colors duration-200 shadow-lg shadow-[#ef4444]/30 active:scale-[0.98] flex items-center justify-center gap-2 group" title="Start playing Jili Golden Fortune now">
1639                        <span>PLAY NOW</span>
1640                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1641                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1642                        </svg>
1643                    </button>
1644                </footer>
1645            </article>
1646            <article class="relative flex flex-col bg-[#3f3f46] rounded-3xl overflow-hidden border border-[#991b1b] shadow-xl transition-transform duration-300 hover:-translate-y-2">
1647                <header class="p-6 flex items-start gap-5">
1648                    <div class="flex-shrink-0 w-16 h-16 rounded-2xl bg-[#ef4444] flex items-center justify-center shadow-lg shadow-[#ef4444]/20">
1649                        <span class="text-3xl leading-none flex items-center justify-center">🃏</span>
1650                    </div>
1651                    <div class="flex-grow min-w-0">
1652                        <h3 class="text-xl font-bold text-[#fff7ed] mb-1 truncate-2-lines leading-tight" title="90jiliclub Baccarat">
1653                            90jiliclub Baccarat
1654                        </h3>
1655                        <p class="text-sm font-medium text-[#fb7185] opacity-90 line-clamp-1" title="Classic high-stakes table action">
1656                            Classic high-stakes table action
1657                        </p>
1658                    </div>
1659                </header>
1660                <div class="px-6 pb-6 space-y-6">
1661                    <div class="relative">
1662                        <div class="absolute -left-1 top-0 bottom-0 w-1 bg-[#ef4444] rounded-full"></div>
1663                        <div class="pl-4">
1664                            <p class="text-[#fff7ed] text-sm leading-relaxed opacity-90" title="Introduction to 90jiliclub Baccarat">
1665                                </p><p>Step into the VIP lounge of 90jiliclub. Bet on the Player, Banker, or Tie in this fast-paced card game.</p>
1666                            <p></p>
1667                        </div>
1668                    </div>
1669                    <div class="bg-[#1c1917]/50 rounded-2xl p-4 border border-[#991b1b]/30">
1670                        <h4 class="text-xs font-bold uppercase tracking-wider text-[#ef4444] mb-3 flex items-center gap-2">
1671                            <span class="w-2 h-2 rounded-full bg-[#ef4444]"></span>
1672                             How to Play
1673                        </h4>
1674                        <div class="text-xs text-[#fff7ed]/80 leading-normal space-y-2" title="Gameplay rules for 90jiliclub Baccarat">
1675                            <ul><li>Place your bet on the winning hand.</li><li>The goal is to reach a total value of 9.</li><li>Dealer manages the deck and distributes cards.</li></ul>
1676                        </div>
1677                    </div>
1678                </div>
1679                <footer class="p-6 pt-0">
1680                    <button onclick="playGame('90jiliclub Baccarat')" class="w-full py-4 bg-[#ef4444] hover:bg-[#dc2626] text-[#fff7ed] font-bold rounded-xl transition-colors duration-200 shadow-lg shadow-[#ef4444]/30 active:scale-[0.98] flex items-center justify-center gap-2 group" title="Start playing 90jiliclub Baccarat now">
1681                        <span>PLAY NOW</span>
1682                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1683                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1684                        </svg>
1685                    </button>
1686                </footer>
1687            </article>
1688            <article class="relative flex flex-col bg-[#3f3f46] rounded-3xl overflow-hidden border border-[#991b1b] shadow-xl transition-transform duration-300 hover:-translate-y-2">
1689                <header class="p-6 flex items-start gap-5">
1690                    <div class="flex-shrink-0 w-16 h-16 rounded-2xl bg-[#ef4444] flex items-center justify-center shadow-lg shadow-[#ef4444]/20">
1691                        <span class="text-3xl leading-none flex items-center justify-center">🎣</span>
1692                    </div>
1693                    <div class="flex-grow min-w-0">
1694                        <h3 class="text-xl font-bold text-[#fff7ed] mb-1 truncate-2-lines leading-tight" title="Island Fishing Pro">
1695                            Island Fishing Pro
1696                        </h3>
1697                        <p class="text-sm font-medium text-[#fb7185] opacity-90 line-clamp-1" title="Catch big fish for huge rewards">
1698                            Catch big fish for huge rewards
1699                        </p>
1700                    </div>
1701                </header>
1702                <div class="px-6 pb-6 space-y-6">
1703                    <div class="relative">
1704                        <div class="absolute -left-1 top-0 bottom-0 w-1 bg-[#ef4444] rounded-full"></div>
1705                        <div class="pl-4">
1706                            <p class="text-[#fff7ed] text-sm leading-relaxed opacity-90" title="Introduction to Island Fishing Pro">
1707                                </p><p>Dive deep into the ocean and blast away aquatic creatures. A favorite arcade-style game for mobile users in the PH.</p>
1708                            <p></p>
1709                        </div>
1710                    </div>
1711                    <div class="bg-[#1c1917]/50 rounded-2xl p-4 border border-[#991b1b]/30">
1712                        <h4 class="text-xs font-bold uppercase tracking-wider text-[#ef4444] mb-3 flex items-center gap-2">
1713                            <span class="w-2 h-2 rounded-full bg-[#ef4444]"></span>
1714                             How to Play
1715                        </h4>
1716                        <div class="text-xs text-[#fff7ed]/80 leading-normal space-y-2" title="Gameplay rules for Island Fishing Pro">
1717                            <ul><li>Use the cannons to shoot various fish.</li><li>Target the Boss Fish for the biggest payouts.</li><li>Upgrade your gear to increase damage and speed.</li></ul>
1718                        </div>
1719                    </div>
1720                </div>
1721                <footer class="p-6 pt-0">
1722                    <button onclick="playGame('Island Fishing Pro')" class="w-full py-4 bg-[#ef4444] hover:bg-[#dc2626] text-[#fff7ed] font-bold rounded-xl transition-colors duration-200 shadow-lg shadow-[#ef4444]/30 active:scale-[0.98] flex items-center justify-center gap-2 group" title="Start playing Island Fishing Pro now">
1723                        <span>PLAY NOW</span>
1724                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1725                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1726                        </svg>
1727                    </button>
1728                </footer>
1729            </article>
1730            <article class="relative flex flex-col bg-[#3f3f46] rounded-3xl overflow-hidden border border-[#991b1b] shadow-xl transition-transform duration-300 hover:-translate-y-2">
1731                <header class="p-6 flex items-start gap-5">
1732                    <div class="flex-shrink-0 w-16 h-16 rounded-2xl bg-[#ef4444] flex items-center justify-center shadow-lg shadow-[#ef4444]/20">
1733                        <span class="text-3xl leading-none flex items-center justify-center">🎡</span>
1734                    </div>
1735                    <div class="flex-grow min-w-0">
1736                        <h3 class="text-xl font-bold text-[#fff7ed] mb-1 truncate-2-lines leading-tight" title="Royal Roulette">
1737                            Royal Roulette
1738                        </h3>
1739                        <p class="text-sm font-medium text-[#fb7185] opacity-90 line-clamp-1" title="Spin the wheel of destiny">
1740                            Spin the wheel of destiny
1741                        </p>
1742                    </div>
1743                </header>
1744                <div class="px-6 pb-6 space-y-6">
1745                    <div class="relative">
1746                        <div class="absolute -left-1 top-0 bottom-0 w-1 bg-[#ef4444] rounded-full"></div>
1747                        <div class="pl-4">
1748                            <p class="text-[#fff7ed] text-sm leading-relaxed opacity-90" title="Introduction to Royal Roulette">
1749                                </p><p>Feel the excitement of the casino floor. Bet on your favorite numbers and colors to win big instantly.</p>
1750                            <p></p>
1751                        </div>
1752                    </div>
1753                    <div class="bg-[#1c1917]/50 rounded-2xl p-4 border border-[#991b1b]/30">
1754                        <h4 class="text-xs font-bold uppercase tracking-wider text-[#ef4444] mb-3 flex items-center gap-2">
1755                            <span class="w-2 h-2 rounded-full bg-[#ef4444]"></span>
1756                             How to Play
1757                        </h4>
1758                        <div class="text-xs text-[#fff7ed]/80 leading-normal space-y-2" title="Gameplay rules for Royal Roulette">
1759                            <ul><li>Place chips on single numbers, colors, or odds/evens.</li><li>Wait for the ball to land in a pocket.</li><li>Wins are distributed based on the betting area.</li></ul>
1760                        </div>
1761                    </div>
1762                </div>
1763                <footer class="p-6 pt-0">
1764                    <button onclick="playGame('Royal Roulette')" class="w-full py-4 bg-[#ef4444] hover:bg-[#dc2626] text-[#fff7ed] font-bold rounded-xl transition-colors duration-200 shadow-lg shadow-[#ef4444]/30 active:scale-[0.98] flex items-center justify-center gap-2 group" title="Start playing Royal Roulette now">
1765                        <span>PLAY NOW</span>
1766                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1767                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1768                        </svg>
1769                    </button>
1770                </footer>
1771            </article>
1772        </div>
1773    </div>
1774</section>
1775<section class="py-12 px-4 md:py-20 bg-[#1c1917] overflow-hidden">
1776    <div class="max-w-6xl mx-auto">
1777        <header class="text-center mb-10 md:mb-16">
1778            <h2 class="text-3xl md:text-5xl font-extrabold text-[#ef4444] mb-4 leading-tight" title="Start Winning on 90jiliclublogin.net in 6 Steps">
1779                Start Winning on 90jiliclublogin.net in 6 Steps
1780            </h2>
1781            <p class="text-sm md:text-lg text-[#fff7ed] opacity-90 max-w-2xl mx-auto leading-relaxed" title="Join thousands of Filipino winners on 90jiliclublogin.net today. Experience a fast, safe, and rewarding gaming environment tailored for you.">
1782                Join thousands of Filipino winners on 90jiliclublogin.net today. Experience a fast, safe, and rewarding gaming environment tailored for you.
1783            </p>
1784        </header>
1785        <div class="flex flex-col gap-6 md:gap-8 relative">
1786            <div class="hidden md:block absolute left-1/2 top-0 bottom-0 w-0.5 bg-[#991b1b] -translate-x-1/2 opacity-30"></div>
1787            <article class="relative group w-full md:w-1/2 md:px-4" title="Register Account">
1788                <div class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-xl p-5 md:p-6 shadow-lg transition-transform duration-300 group-hover:translate-x-1">
1789                    <div class="flex items-center gap-3 mb-3">
1790                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#ef4444] text-[#fff7ed] text-xs font-bold shadow-md">
1791                            1
1792                        </span>
1793                        <div class="flex items-center gap-2">
1794                            <span class="text-xl" aria-hidden="true">👤</span>
1795                            <h3 class="text-lg md:text-xl font-bold text-[#fb7185] leading-tight">
1796                                Register Account
1797                            </h3>
1798                        </div>
1799                    </div>
1800                    <p class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed pl-11">
1801                        Visit 90jiliclublogin.net and complete the 90jiliclub register process by providing your valid details to create your secure gaming profile.
1802                    </p>
1803                </div>
1804                <div class="hidden md:block group-even:md:translate-x-full group-even:md:text-left group-odd:md:text-right"></div>
1805            </article>
1806            <article class="relative group w-full md:w-1/2 md:px-4" title="Install APK">
1807                <div class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-xl p-5 md:p-6 shadow-lg transition-transform duration-300 group-hover:translate-x-1">
1808                    <div class="flex items-center gap-3 mb-3">
1809                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#ef4444] text-[#fff7ed] text-xs font-bold shadow-md">
1810                            2
1811                        </span>
1812                        <div class="flex items-center gap-2">
1813                            <span class="text-xl" aria-hidden="true">📲</span>
1814                            <h3 class="text-lg md:text-xl font-bold text-[#fb7185] leading-tight">
1815                                Install APK
1816                            </h3>
1817                        </div>
1818                    </div>
1819                    <p class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed pl-11">
1820                        Download and install the 90jiliclub apk for a smoother mobile experience, allowing you to access 90jiliclub login features anytime, anywhere.
1821                    </p>
1822                </div>
1823                <div class="hidden md:block group-even:md:translate-x-full group-even:md:text-left group-odd:md:text-right"></div>
1824            </article>
1825            <article class="relative group w-full md:w-1/2 md:px-4" title="Secure Login">
1826                <div class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-xl p-5 md:p-6 shadow-lg transition-transform duration-300 group-hover:translate-x-1">
1827                    <div class="flex items-center gap-3 mb-3">
1828                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#ef4444] text-[#fff7ed] text-xs font-bold shadow-md">
1829                            3
1830                        </span>
1831                        <div class="flex items-center gap-2">
1832                            <span class="text-xl" aria-hidden="true">🔐</span>
1833                            <h3 class="text-lg md:text-xl font-bold text-[#fb7185] leading-tight">
1834                                Secure Login
1835                            </h3>
1836                        </div>
1837                    </div>
1838                    <p class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed pl-11">
1839                        Use your credentials for the 90jiliclub login or 90jiliclub casino login to enter the main lobby and explore the available game categories.
1840                    </p>
1841                </div>
1842                <div class="hidden md:block group-even:md:translate-x-full group-even:md:text-left group-odd:md:text-right"></div>
1843            </article>
1844            <article class="relative group w-full md:w-1/2 md:px-4" title="Deposit Funds">
1845                <div class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-xl p-5 md:p-6 shadow-lg transition-transform duration-300 group-hover:translate-x-1">
1846                    <div class="flex items-center gap-3 mb-3">
1847                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#ef4444] text-[#fff7ed] text-xs font-bold shadow-md">
1848                            4
1849                        </span>
1850                        <div class="flex items-center gap-2">
1851                            <span class="text-xl" aria-hidden="true">💰</span>
1852                            <h3 class="text-lg md:text-xl font-bold text-[#fb7185] leading-tight">
1853                                Deposit Funds
1854                            </h3>
1855                        </div>
1856                    </div>
1857                    <p class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed pl-11">
1858                        Add credits to your account using GCash or other local PH payment methods supported by 90jiliclublogin.net to start your betting journey.
1859                    </p>
1860                </div>
1861                <div class="hidden md:block group-even:md:translate-x-full group-even:md:text-left group-odd:md:text-right"></div>
1862            </article>
1863            <article class="relative group w-full md:w-1/2 md:px-4" title="Pick Your Game">
1864                <div class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-xl p-5 md:p-6 shadow-lg transition-transform duration-300 group-hover:translate-x-1">
1865                    <div class="flex items-center gap-3 mb-3">
1866                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#ef4444] text-[#fff7ed] text-xs font-bold shadow-md">
1867                            5
1868                        </span>
1869                        <div class="flex items-center gap-2">
1870                            <span class="text-xl" aria-hidden="true">🎰</span>
1871                            <h3 class="text-lg md:text-xl font-bold text-[#fb7185] leading-tight">
1872                                Pick Your Game
1873                            </h3>
1874                        </div>
1875                    </div>
1876                    <p class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed pl-11">
1877                        Browse through the premium slots and casino games on 90jiliclublogin.net and select the title that best fits your winning strategy.
1878                    </p>
1879                </div>
1880                <div class="hidden md:block group-even:md:translate-x-full group-even:md:text-left group-odd:md:text-right"></div>
1881            </article>
1882            <article class="relative group w-full md:w-1/2 md:px-4" title="Claim Winnings">
1883                <div class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-xl p-5 md:p-6 shadow-lg transition-transform duration-300 group-hover:translate-x-1">
1884                    <div class="flex items-center gap-3 mb-3">
1885                        <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#ef4444] text-[#fff7ed] text-xs font-bold shadow-md">
1886                            6
1887                        </span>
1888                        <div class="flex items-center gap-2">
1889                            <span class="text-xl" aria-hidden="true">🏆</span>
1890                            <h3 class="text-lg md:text-xl font-bold text-[#fb7185] leading-tight">
1891                                Claim Winnings
1892                            </h3>
1893                        </div>
1894                    </div>
1895                    <p class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed pl-11">
1896                        Play your favorite games and instantly withdraw your big wins from 90jiliclublogin.net back to your registered local bank or e-wallet.
1897                    </p>
1898                </div>
1899                <div class="hidden md:block group-even:md:translate-x-full group-even:md:text-left group-odd:md:text-right"></div>
1900            </article>
1901        </div>
1902        <div class="mt-16 text-center px-4">
1903            <div class="inline-block p-1 rounded-2xl bg-gradient-to-r from-[#ef4444] via-[#991b1b] to-[#ef4444] shadow-2xl">
1904                <button onclick="downloadApp()" class="px-8 py-4 rounded-xl bg-[#1c1917] text-[#ef4444] font-black text-lg md:text-xl uppercase tracking-wider hover:bg-transparent hover:text-[#fff7ed] transition-all duration-300 w-full" title="Download 90jiliclub apk &amp; Start Now">
1905                    Download 90jiliclub apk &amp; Start Now
1906                </button>
1907            </div>
1908            <p class="mt-4 text-xs md:text-sm text-[#fff7ed] opacity-60 italic">
1909                Supported on iOS &amp; Android - Updated 2024
1910            </p>
1911        </div>
1912    </div>
1913</section>
1914<section class="py-12 px-4 sm:px-6 lg:px-8 bg-[#1c1917]">
1915  <header class="max-w-4xl mx-auto text-center mb-10">
1916    <div class="flex items-center justify-center gap-3 mb-3">
1917      <div class="h-px w-8 sm:w-12 bg-[#ef4444]/50"></div>
1918      <span class="text-[#ef4444] font-bold tracking-widest text-sm sm:text-base">---- 🏆 ----</span>
1919      <div class="h-px w-8 sm:w-12 bg-[#ef4444]/50"></div>
1920    </div>
1921    <h2 class="text-2xl sm:text-3xl lg:text-4xl font-extrabold text-[#fff7ed] mb-3 leading-tight">
1922      Live Payout Board
1923    </h2>
1924    <p class="text-sm sm:text-base text-[#fb7185] max-w-2xl mx-auto leading-relaxed" title="Real-time winnings from our active players across PH">
1925      Real-time winnings from our active players across PH
1926    </p>
1927  </header>
1928  <div class="max-w-3xl mx-auto grid gap-4 sm:gap-6">
1929    <article class="relative overflow-hidden rounded-2xl border border-[#991b1b] bg-[#3f3f46]/30 p-4 sm:p-6 transition-all hover:border-[#ef4444] group" title="Winning case of JunKruze88">
1930      <div class="flex flex-col gap-4">
1931        <div class="flex items-center justify-between gap-3">
1932          <div class="flex items-center gap-3">
1933            <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#ef4444] border-2 border-[#991b1b] flex items-center justify-center shadow-lg shadow-[#ef4444]/20">
1934              <span class="text-lg sm:text-xl leading-none">😎</span>
1935            </div>
1936            <div class="flex flex-col">
1937              <h3 class="text-[#fff7ed] font-bold text-sm sm:text-base leading-tight">
1938                JunKruze88
1939              </h3>
1940              <span class="text-[10px] sm:text-xs text-[#fb7185] font-medium uppercase tracking-wider opacity-80">
1941                Golden Dragon Slot
1942              </span>
1943            </div>
1944          </div>
1945          <span class="text-[10px] sm:text-xs text-[#fb7185] font-light flex items-center gap-1 opacity-70">
1946            🕒 2 mins ago
1947          </span>
1948        </div>
1949        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2">
1950          <div class="flex flex-col">
1951            <span class="text-[11px] sm:text-xs text-[#fb7185] uppercase font-bold opacity-60">Total Winning</span>
1952            <div class="text-2xl sm:text-3xl font-black text-[#ef4444] tracking-tight drop-shadow-sm">
1953              ₱12,500
1954            </div>
1955          </div>
1956        </div>
1957        <div class="relative pl-3 border-l-2 border-[#ef4444]/40">
1958          <p class="text-sm sm:text-base text-[#fff7ed] opacity-90 italic leading-relaxed" title="Fast payout! This is my third win this week, really amazing!">
1959            "Fast payout! This is my third win this week, really amazing!"
1960          </p>
1961        </div>
1962      </div>
1963    </article>
1964    <article class="relative overflow-hidden rounded-2xl border border-[#991b1b] bg-[#3f3f46]/30 p-4 sm:p-6 transition-all hover:border-[#ef4444] group" title="Winning case of Maria_Santy">
1965      <div class="flex flex-col gap-4">
1966        <div class="flex items-center justify-between gap-3">
1967          <div class="flex items-center gap-3">
1968            <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#ef4444] border-2 border-[#991b1b] flex items-center justify-center shadow-lg shadow-[#ef4444]/20">
1969              <span class="text-lg sm:text-xl leading-none">👩</span>
1970            </div>
1971            <div class="flex flex-col">
1972              <h3 class="text-[#fff7ed] font-bold text-sm sm:text-base leading-tight">
1973                Maria_Santy
1974              </h3>
1975              <span class="text-[10px] sm:text-xs text-[#fb7185] font-medium uppercase tracking-wider opacity-80">
1976                Mega Fortune Jackpot
1977              </span>
1978            </div>
1979          </div>
1980          <span class="text-[10px] sm:text-xs text-[#fb7185] font-light flex items-center gap-1 opacity-70">
1981            🕒 15 mins ago
1982          </span>
1983        </div>
1984        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2">
1985          <div class="flex flex-col">
1986            <span class="text-[11px] sm:text-xs text-[#fb7185] uppercase font-bold opacity-60">Total Winning</span>
1987            <div class="text-2xl sm:text-3xl font-black text-[#ef4444] tracking-tight drop-shadow-sm">
1988              ₱150,000
1989            </div>
1990          </div>
1991          <div class="inline-flex items-center px-3 py-1 rounded-full bg-[#ef4444] text-[#fff7ed] text-[10px] sm:text-xs font-black uppercase tracking-widest shadow-md animate-pulse">
1992            Jackpot
1993          </div>
1994        </div>
1995        <div class="relative pl-3 border-l-2 border-[#ef4444]/40">
1996          <p class="text-sm sm:text-base text-[#fff7ed] opacity-90 italic leading-relaxed" title="OMG! I can't believe I actually hit the jackpot! Best day ever!">
1997            "OMG! I can't believe I actually hit the jackpot! Best day ever!"
1998          </p>
1999        </div>
2000      </div>
2001    </article>
2002    <article class="relative overflow-hidden rounded-2xl border border-[#991b1b] bg-[#3f3f46]/30 p-4 sm:p-6 transition-all hover:border-[#ef4444] group" title="Winning case of RicoTheKing">
2003      <div class="flex flex-col gap-4">
2004        <div class="flex items-center justify-between gap-3">
2005          <div class="flex items-center gap-3">
2006            <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#ef4444] border-2 border-[#991b1b] flex items-center justify-center shadow-lg shadow-[#ef4444]/20">
2007              <span class="text-lg sm:text-xl leading-none">🧔</span>
2008            </div>
2009            <div class="flex flex-col">
2010              <h3 class="text-[#fff7ed] font-bold text-sm sm:text-base leading-tight">
2011                RicoTheKing
2012              </h3>
2013              <span class="text-[10px] sm:text-xs text-[#fb7185] font-medium uppercase tracking-wider opacity-80">
2014                Baccarat VIP
2015              </span>
2016            </div>
2017          </div>
2018          <span class="text-[10px] sm:text-xs text-[#fb7185] font-light flex items-center gap-1 opacity-70">
2019            🕒 1 hour ago
2020          </span>
2021        </div>
2022        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2">
2023          <div class="flex flex-col">
2024            <span class="text-[11px] sm:text-xs text-[#fb7185] uppercase font-bold opacity-60">Total Winning</span>
2025            <div class="text-2xl sm:text-3xl font-black text-[#ef4444] tracking-tight drop-shadow-sm">
2026              ₱8,200
2027            </div>
2028          </div>
2029        </div>
2030        <div class="relative pl-3 border-l-2 border-[#ef4444]/40">
2031          <p class="text-sm sm:text-base text-[#fff7ed] opacity-90 italic leading-relaxed" title="Smooth gameplay and the withdrawal was instant. Highly recommended for all.">
2032            "Smooth gameplay and the withdrawal was instant. Highly recommended for all."
2033          </p>
2034        </div>
2035      </div>
2036    </article>
2037    <article class="relative overflow-hidden rounded-2xl border border-[#991b1b] bg-[#3f3f46]/30 p-4 sm:p-6 transition-all hover:border-[#ef4444] group" title="Winning case of LizaSorensen">
2038      <div class="flex flex-col gap-4">
2039        <div class="flex items-center justify-between gap-3">
2040          <div class="flex items-center gap-3">
2041            <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#ef4444] border-2 border-[#991b1b] flex items-center justify-center shadow-lg shadow-[#ef4444]/20">
2042              <span class="text-lg sm:text-xl leading-none">🙂</span>
2043            </div>
2044            <div class="flex flex-col">
2045              <h3 class="text-[#fff7ed] font-bold text-sm sm:text-base leading-tight">
2046                LizaSorensen
2047              </h3>
2048              <span class="text-[10px] sm:text-xs text-[#fb7185] font-medium uppercase tracking-wider opacity-80">
2049                Ocean Fishing
2050              </span>
2051            </div>
2052          </div>
2053          <span class="text-[10px] sm:text-xs text-[#fb7185] font-light flex items-center gap-1 opacity-70">
2054            🕒 3 hours ago
2055          </span>
2056        </div>
2057        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2">
2058          <div class="flex flex-col">
2059            <span class="text-[11px] sm:text-xs text-[#fb7185] uppercase font-bold opacity-60">Total Winning</span>
2060            <div class="text-2xl sm:text-3xl font-black text-[#ef4444] tracking-tight drop-shadow-sm">
2061              ₱4,150
2062            </div>
2063          </div>
2064        </div>
2065        <div class="relative pl-3 border-l-2 border-[#ef4444]/40">
2066          <p class="text-sm sm:text-base text-[#fff7ed] opacity-90 italic leading-relaxed" title="Super fun game and easy to win. I love the graphics here!">
2067            "Super fun game and easy to win. I love the graphics here!"
2068          </p>
2069        </div>
2070      </div>
2071    </article>
2072    <article class="relative overflow-hidden rounded-2xl border border-[#991b1b] bg-[#3f3f46]/30 p-4 sm:p-6 transition-all hover:border-[#ef4444] group" title="Winning case of Paulo_G">
2073      <div class="flex flex-col gap-4">
2074        <div class="flex items-center justify-between gap-3">
2075          <div class="flex items-center gap-3">
2076            <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#ef4444] border-2 border-[#991b1b] flex items-center justify-center shadow-lg shadow-[#ef4444]/20">
2077              <span class="text-lg sm:text-xl leading-none">👨</span>
2078            </div>
2079            <div class="flex flex-col">
2080              <h3 class="text-[#fff7ed] font-bold text-sm sm:text-base leading-tight">
2081                Paulo_G
2082              </h3>
2083              <span class="text-[10px] sm:text-xs text-[#fb7185] font-medium uppercase tracking-wider opacity-80">
2084                Royal Roulette
2085              </span>
2086            </div>
2087          </div>
2088          <span class="text-[10px] sm:text-xs text-[#fb7185] font-light flex items-center gap-1 opacity-70">
2089            🕒 5 hours ago
2090          </span>
2091        </div>
2092        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2">
2093          <div class="flex flex-col">
2094            <span class="text-[11px] sm:text-xs text-[#fb7185] uppercase font-bold opacity-60">Total Winning</span>
2095            <div class="text-2xl sm:text-3xl font-black text-[#ef4444] tracking-tight drop-shadow-sm">
2096              ₱25,000
2097            </div>
2098          </div>
2099        </div>
2100        <div class="relative pl-3 border-l-2 border-[#ef4444]/40">
2101          <p class="text-sm sm:text-base text-[#fff7ed] opacity-90 italic leading-relaxed" title="Huge win on a single number bet! My luck is finally turning around.">
2102            "Huge win on a single number bet! My luck is finally turning around."
2103          </p>
2104        </div>
2105      </div>
2106    </article>
2107    <article class="relative overflow-hidden rounded-2xl border border-[#991b1b] bg-[#3f3f46]/30 p-4 sm:p-6 transition-all hover:border-[#ef4444] group" title="Winning case of AngelLocsin_Fan">
2108      <div class="flex flex-col gap-4">
2109        <div class="flex items-center justify-between gap-3">
2110          <div class="flex items-center gap-3">
2111            <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#ef4444] border-2 border-[#991b1b] flex items-center justify-center shadow-lg shadow-[#ef4444]/20">
2112              <span class="text-lg sm:text-xl leading-none">🧑</span>
2113            </div>
2114            <div class="flex flex-col">
2115              <h3 class="text-[#fff7ed] font-bold text-sm sm:text-base leading-tight">
2116                AngelLocsin_Fan
2117              </h3>
2118              <span class="text-[10px] sm:text-xs text-[#fb7185] font-medium uppercase tracking-wider opacity-80">
2119                Super Ace Slot
2120              </span>
2121            </div>
2122          </div>
2123          <span class="text-[10px] sm:text-xs text-[#fb7185] font-light flex items-center gap-1 opacity-70">
2124            🕒 12 hours ago
2125          </span>
2126        </div>
2127        <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2">
2128          <div class="flex flex-col">
2129            <span class="text-[11px] sm:text-xs text-[#fb7185] uppercase font-bold opacity-60">Total Winning</span>
2130            <div class="text-2xl sm:text-3xl font-black text-[#ef4444] tracking-tight drop-shadow-sm">
2131              ₱210,000
2132            </div>
2133          </div>
2134          <div class="inline-flex items-center px-3 py-1 rounded-full bg-[#ef4444] text-[#fff7ed] text-[10px] sm:text-xs font-black uppercase tracking-widest shadow-md animate-pulse">
2135            Jackpot
2136          </div>
2137        </div>
2138        <div class="relative pl-3 border-l-2 border-[#ef4444]/40">
2139          <p class="text-sm sm:text-base text-[#fff7ed] opacity-90 italic leading-relaxed" title="Absolutely insane win! This is the best casino experience in the Philippines!">
2140            "Absolutely insane win! This is the best casino experience in the Philippines!"
2141          </p>
2142        </div>
2143      </div>
2144    </article>
2145  </div>
2146</section>
2147<section class="py-10 px-4 bg-[#1c1917] font-sans">
2148    <div class="max-w-4xl mx-auto">
2149        <header class="mb-8 text-center md:text-left">
2150            <h2 class="text-xl md:text-2xl font-bold text-[#fff7ed] mb-2" title="Player Feedback">
2151                Player Feedback
2152            </h2>
2153            <p class="text-sm text-[#fb7185] opacity-90" title="Real experiences from our growing Filipino gaming community.">
2154                Real experiences from our growing Filipino gaming community.
2155            </p>
2156        </header>
2157        <div class="grid grid-cols-1 gap-4">
2158            <article class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-lg p-4 shadow-sm flex flex-col transition-transform active:scale-[0.98]" title="Review by Ranz Kyle">
2159                <div class="flex items-center justify-between mb-3">
2160                    <div class="flex items-center gap-3">
2161                        <div class="w-10 h-10 rounded-full bg-[#ef4444] flex items-center justify-center text-[#fff7ed] font-bold text-sm shrink-0 border border-[#991b1b]">
2162                            😎
2163                        </div>
2164                        <div class="flex flex-col">
2165                            <span class="text-sm font-semibold text-[#fff7ed] leading-tight">
2166                                Ranz Kyle
2167                            </span>
2168                            <div class="flex items-center gap-1">
2169                                <span class="text-xs text-[#ef4444] font-medium">
2170                                    ★ 5.0
2171                                </span>
2172                                <span class="text-[10px] text-[#fb7185] opacity-60">
2173                                    • 2 hours ago
2174                                </span>
2175                            </div>
2176                        </div>
2177                    </div>
2178                    <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded bg-[#1c1917] border border-[#991b1b] text-[10px] text-[#fb7185] uppercase tracking-wider font-bold">
2179                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
2180                        Verified
2181                    </div>
2182                </div>
2183                <div class="mb-4">
2184                    <p class="text-sm text-[#fff7ed] leading-relaxed opacity-90" title="The 90jiliclub apk is incredibly smooth on my Android phone. I had no issues with the registration process and the games load very quickly.">
2185                        The 90jiliclub apk is incredibly smooth on my Android phone. I had no issues with the registration process and the games load very quickly.
2186                    </p>
2187                </div>
2188                <div class="flex items-center justify-between mt-auto pt-3 border-t border-[#991b1b] border-opacity-30">
2189                    <div class="flex items-center gap-1 text-xs text-[#fb7185]">
2190                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
2191                        <span>124 users liked this</span>
2192                    </div>
2193                    <span class="sm:hidden text-[10px] text-[#fb7185] font-bold italic">
2194                        Verified Player
2195                    </span>
2196                </div>
2197            </article>
2198            <article class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-lg p-4 shadow-sm flex flex-col transition-transform active:scale-[0.98]" title="Review by Kathryn Bernardo">
2199                <div class="flex items-center justify-between mb-3">
2200                    <div class="flex items-center gap-3">
2201                        <div class="w-10 h-10 rounded-full bg-[#ef4444] flex items-center justify-center text-[#fff7ed] font-bold text-sm shrink-0 border border-[#991b1b]">
2202                            👩
2203                        </div>
2204                        <div class="flex flex-col">
2205                            <span class="text-sm font-semibold text-[#fff7ed] leading-tight">
2206                                Kathryn Bernardo
2207                            </span>
2208                            <div class="flex items-center gap-1">
2209                                <span class="text-xs text-[#ef4444] font-medium">
2210                                    ★ 4.8
2211                                </span>
2212                                <span class="text-[10px] text-[#fb7185] opacity-60">
2213                                    • 5 hours ago
2214                                </span>
2215                            </div>
2216                        </div>
2217                    </div>
2218                    <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded bg-[#1c1917] border border-[#991b1b] text-[10px] text-[#fb7185] uppercase tracking-wider font-bold">
2219                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
2220                        Verified
2221                    </div>
2222                </div>
2223                <div class="mb-4">
2224                    <p class="text-sm text-[#fff7ed] leading-relaxed opacity-90" title="I really appreciate how easy it is to navigate the casino login. The variety of slot games is impressive and the payouts are always on time.">
2225                        I really appreciate how easy it is to navigate the casino login. The variety of slot games is impressive and the payouts are always on time.
2226                    </p>
2227                </div>
2228                <div class="flex items-center justify-between mt-auto pt-3 border-t border-[#991b1b] border-opacity-30">
2229                    <div class="flex items-center gap-1 text-xs text-[#fb7185]">
2230                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" viewB
2230ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
2231                        <span>89 users liked this</span>
2232                    </div>
2233                    <span class="sm:hidden text-[10px] text-[#fb7185] font-bold italic">
2234                        Verified Player
2235                    </span>
2236                </div>
2237            </article>
2238            <article class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-lg p-4 shadow-sm flex flex-col transition-transform active:scale-[0.98]" title="Review by Manny Villar">
2239                <div class="flex items-center justify-between mb-3">
2240                    <div class="flex items-center gap-3">
2241                        <div class="w-10 h-10 rounded-full bg-[#ef4444] flex items-center justify-center text-[#fff7ed] font-bold text-sm shrink-0 border border-[#991b1b]">
2242                            🧔
2243                        </div>
2244                        <div class="flex flex-col">
2245                            <span class="text-sm font-semibold text-[#fff7ed] leading-tight">
2246                                Manny Villar
2247                            </span>
2248                            <div class="flex items-center gap-1">
2249                                <span class="text-xs text-[#ef4444] font-medium">
2250                                    ★ 4.9
2251                                </span>
2252                                <span class="text-[10px] text-[#fb7185] opacity-60">
2253                                    • 1 day ago
2254                                </span>
2255                            </div>
2256                        </div>
2257                    </div>
2258                    <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded bg-[#1c1917] border border-[#991b1b] text-[10px] text-[#fb7185] uppercase tracking-wider font-bold">
2259                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
2260                        Verified
2261                    </div>
2262                </div>
2263                <div class="mb-4">
2264                    <p class="text-sm text-[#fff7ed] leading-relaxed opacity-90" title="Best experience so far with 90jiliclub. The registration was straightforward, and the customer support team helped me out with my first deposit instantly.">
2265                        Best experience so far with 90jiliclub. The registration was straightforward, and the customer support team helped me out with my first deposit instantly.
2266                    </p>
2267                </div>
2268                <div class="flex items-center justify-between mt-auto pt-3 border-t border-[#991b1b] border-opacity-30">
2269                    <div class="flex items-center gap-1 text-xs text-[#fb7185]">
2270                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
2271                        <span>210 users liked this</span>
2272                    </div>
2273                    <span class="sm:hidden text-[10px] text-[#fb7185] font-bold italic">
2274                        Verified Player
2275                    </span>
2276                </div>
2277            </article>
2278            <article class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-lg p-4 shadow-sm flex flex-col transition-transform active:scale-[0.98]" title="Review by Chiz Escudero">
2279                <div class="flex items-center justify-between mb-3">
2280                    <div class="flex items-center gap-3">
2281                        <div class="w-10 h-10 rounded-full bg-[#ef4444] flex items-center justify-center text-[#fff7ed] font-bold text-sm shrink-0 border border-[#991b1b]">
2282                            👨
2283                        </div>
2284                        <div class="flex flex-col">
2285                            <span class="text-sm font-semibold text-[#fff7ed] leading-tight">
2286                                Chiz Escudero
2287                            </span>
2288                            <div class="flex items-center gap-1">
2289                                <span class="text-xs text-[#ef4444] font-medium">
2290                                    ★ 4.7
2291                                </span>
2292                                <span class="text-[10px] text-[#fb7185] opacity-60">
2293                                    • 2 days ago
2294                                </span>
2295                            </div>
2296                        </div>
2297                    </div>
2298                    <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded bg-[#1c1917] border border-[#991b1b] text-[10px] text-[#fb7185] uppercase tracking-wider font-bold">
2299                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
2300                        Verified
2301                    </div>
2302                </div>
2303                <div class="mb-4">
2304                    <p class="text-sm text-[#fff7ed] leading-relaxed opacity-90" title="Very reliable platform. I've tried other sites, but the 90jiliclub login is more secure and the game interface feels more professional and polished.">
2305                        Very reliable platform. I've tried other sites, but the 90jiliclub login is more secure and the game interface feels more professional and polished.
2306                    </p>
2307                </div>
2308                <div class="flex items-center justify-between mt-auto pt-3 border-t border-[#991b1b] border-opacity-30">
2309                    <div class="flex items-center gap-1 text-xs text-[#fb7185]">
2310                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
2311                        <span>56 users liked this</span>
2312                    </div>
2313                    <span class="sm:hidden text-[10px] text-[#fb7185] font-bold italic">
2314                        Verified Player
2315                    </span>
2316                </div>
2317            </article>
2318            <article class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-lg p-4 shadow-sm flex flex-col transition-transform active:scale-[0.98]" title="Review by Jolina Magdangal">
2319                <div class="flex items-center justify-between mb-3">
2320                    <div class="flex items-center gap-3">
2321                        <div class="w-10 h-10 rounded-full bg-[#ef4444] flex items-center justify-center text-[#fff7ed] font-bold text-sm shrink-0 border border-[#991b1b]">
2322                            👩
2323                        </div>
2324                        <div class="flex flex-col">
2325                            <span class="text-sm font-semibold text-[#fff7ed] leading-tight">
2326                                Jolina Magdangal
2327                            </span>
2328                            <div class="flex items-center gap-1">
2329                                <span class="text-xs text-[#ef4444] font-medium">
2330                                    ★ 5.0
2331                                </span>
2332                                <span class="text-[10px] text-[#fb7185] opacity-60">
2333                                    • 3 days ago
2334                                </span>
2335                            </div>
2336                        </div>
2337                    </div>
2338                    <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded bg-[#1c1917] border border-[#991b1b] text-[10px] text-[#fb7185] uppercase tracking-wider font-bold">
2339                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
2340                        Verified
2341                    </div>
2342                </div>
2343                <div class="mb-4">
2344                    <p class="text-sm text-[#fff7ed] leading-relaxed opacity-90" title="I love the rewards and bonuses they give to new players. Registering was a breeze and I started playing my favorite games within minutes.">
2345                        I love the rewards and bonuses they give to new players. Registering was a breeze and I started playing my favorite games within minutes.
2346                    </p>
2347                </div>
2348                <div class="flex items-center justify-between mt-auto pt-3 border-t border-[#991b1b] border-opacity-30">
2349                    <div class="flex items-center gap-1 text-xs text-[#fb7185]">
2350                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" viewB
2350ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
2351                        <span>142 users liked this</span>
2352                    </div>
2353                    <span class="sm:hidden text-[10px] text-[#fb7185] font-bold italic">
2354                        Verified Player
2355                    </span>
2356                </div>
2357            </article>
2358            <article class="bg-[#3f3f46] border-l-4 border-[#ef4444] rounded-r-lg p-4 shadow-sm flex flex-col transition-transform active:scale-[0.98]" title="Review by Chynna Ortaleza">
2359                <div class="flex items-center justify-between mb-3">
2360                    <div class="flex items-center gap-3">
2361                        <div class="w-10 h-10 rounded-full bg-[#ef4444] flex items-center justify-center text-[#fff7ed] font-bold text-sm shrink-0 border border-[#991b1b]">
2362                            🙂
2363                        </div>
2364                        <div class="flex flex-col">
2365                            <span class="text-sm font-semibold text-[#fff7ed] leading-tight">
2366                                Chynna Ortaleza
2367                            </span>
2368                            <div class="flex items-center gap-1">
2369                                <span class="text-xs text-[#ef4444] font-medium">
2370                                    ★ 4.8
2371                                </span>
2372                                <span class="text-[10px] text-[#fb7185] opacity-60">
2373                                    • 1 week ago
2374                                </span>
2375                            </div>
2376                        </div>
2377                    </div>
2378                    <div class="hidden sm:flex items-center gap-1 px-2 py-1 rounded bg-[#1c1917] border border-[#991b1b] text-[10px] text-[#fb7185] uppercase tracking-wider font-bold">
2379                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
2380                        Verified
2381                    </div>
2382                </div>
2383                <div class="mb-4">
2384                    <p class="text-sm text-[#fff7ed] leading-relaxed opacity-90" title="Fast withdrawals and a very user-friendly app. I highly recommend 90jiliclub to anyone looking for a trustworthy online casino in the Philippines.">
2385                        Fast withdrawals and a very user-friendly app. I highly recommend 90jiliclub to anyone looking for a trustworthy online casino in the Philippines.
2386                    </p>
2387                </div>
2388                <div class="flex items-center justify-between mt-auto pt-3 border-t border-[#991b1b] border-opacity-30">
2389                    <div class="flex items-center gap-1 text-xs text-[#fb7185]">
2390                        <svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
2391                        <span>77 users liked this</span>
2392                    </div>
2393                    <span class="sm:hidden text-[10px] text-[#fb7185] font-bold italic">
2394                        Verified Player
2395                    </span>
2396                </div>
2397            </article>
2398        </div>
2399    </div>
2400</section>
2401<section class="py-12 px-4 md:py-20 md:px-8 bg-[#1c1917]" title="90jiliclub Help Center">
2402    <div class="max-w-3xl mx-auto">
2403        <header class="text-center mb-10 md:mb-16">
2404            <h2 class="text-3xl md:text-4xl font-extrabold text-[#ef4444] mb-4 tracking-tight" title="90jiliclub Help Center">
2405                90jiliclub Help Center
2406            </h2>
2407            <p class="text-sm md:text-base text-[#fb7185] opacity-90 max-w-lg mx-auto leading-relaxed" title="Get all the answers you need for a smooth gaming experience at 90jiliclublogin.net">
2408                Get all the answers you need for a smooth gaming experience at 90jiliclublogin.net
2409            </p>
2410            <div class="w-16 h-1 bg-[#ef4444] mx-auto mt-6 rounded-full"></div>
2411        </header>
2412        <div class="space-y-4">
2413            <article class="group overflow-hidden rounded-xl border border-[#991b1b] bg-[#3f3f46] transition-all duration-300 hover:border-[#ef4444]">
2414                <details class="group">
2415                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none outline-none">
2416                        <span class="text-base md:text-lg font-semibold text-[#fff7ed] pr-4 leading-snug" title="Is my money and data safe with 90jiliclub?">
2417                            Is my money and data safe with 90jiliclub?
2418                        </span>
2419                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
2420                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#ef4444]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2421                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2422                            </svg>
2423                        </div>
2424                    </summary>
2425                    <div class="px-4 pb-4 md:px-6 md:pb-6 border-t border-[#991b1b]/30 pt-4">
2426                        <div class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed" title="Yes! 🛡️ Your security is our priority. 90jiliclub uses advanced encryption technology to ensure all your personal data and financial transactions are kept safe and private, giving you peace of mind while playing.">
2427                            Yes! 🛡️ Your security is our priority. 90jiliclub uses advanced encryption technology to ensure all your personal data and financial transactions are kept safe and private, giving you peace of mind while playing.
2428                        </div>
2429                    </div>
2430                </details>
2431            </article>
2432            <article class="group overflow-hidden rounded-xl border border-[#991b1b] bg-[#3f3f46] transition-all duration-300 hover:border-[#ef4444]">
2433                <details class="group">
2434                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none outline-none">
2435                        <span class="text-base md:text-lg font-semibold text-[#fff7ed] pr-4 leading-snug" title="How do I complete my 90jiliclub login registration?">
2436                            How do I complete my 90jiliclub login registration?
2437                        </span>
2438                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
2439                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#ef4444]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2440                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2441                            </svg>
2442                        </div>
2443                    </summary>
2444                    <div class="px-4 pb-4 md:px-6 md:pb-6 border-t border-[#991b1b]/30 pt-4">
2445                        <div class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed" title="Simply click the 'Register' button on the homepage, fill in your details, and verify your mobile number. 📱 Once completed, you can use your 90jiliclub login credentials to access the platform immediately.">
2446                            Simply click the 'Register' button on the homepage, fill in your details, and verify your mobile number. 📱 Once completed, you can use your 90jiliclub login credentials to access the platform immediately.
2447                        </div>
2448                    </div>
2449                </details>
2450            </article>
2451            <article class="group overflow-hidden rounded-xl border border-[#991b1b] bg-[#3f3f46] transition-all duration-300 hover:border-[#ef4444]">
2452                <details class="group">
2453                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none outline-none">
2454                        <span class="text-base md:text-lg font-semibold text-[#fff7ed] pr-4 leading-snug" title="How fast are the deposits and withdrawals?">
2455                            How fast are the deposits and withdrawals?
2456                        </span>
2457                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
2458                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#ef4444]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2459                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2460                            </svg>
2461                        </div>
2462                    </summary>
2463                    <div class="px-4 pb-4 md:px-6 md:pb-6 border-t border-[#991b1b]/30 pt-4">
2464                        <div class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed" title="We provide lightning-fast transactions! 💰 Using local PH payment methods like GCash and Maya, most deposits are instant and withdrawals are processed quickly so you can enjoy your winnings without the long wait.">
2465                            We provide lightning-fast transactions! 💰 Using local PH payment methods like GCash and Maya, most deposits are instant and withdrawals are processed quickly so you can enjoy your winnings without the long wait.
2466                        </div>
2467                    </div>
2468                </details>
2469            </article>
2470            <article class="group overflow-hidden rounded-xl border border-[#991b1b] bg-[#3f3f46] transition-all duration-300 hover:border-[#ef4444]">
2471                <details class="group">
2472                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none outline-none">
2473                        <span class="text-base md:text-lg font-semibold text-[#fff7ed] pr-4 leading-snug" title="Are the games at 90jiliclub fair and legit?">
2474                            Are the games at 90jiliclub fair and legit?
2475                        </span>
2476                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
2477                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#ef4444]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2478                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2479                            </svg>
2480                        </div>
2481                    </summary>
2482                    <div class="px-4 pb-4 md:px-6 md:pb-6 border-t border-[#991b1b]/30 pt-4">
2483                        <div class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed" title="Absolutely! 🎰 All our games use certified Random Number Generators (RNG) to ensure every spin and bet is completely fair and unbiased, providing a transparent gaming environment for all Filipino players.">
2484                            Absolutely! 🎰 All our games use certified Random Number Generators (RNG) to ensure every spin and bet is completely fair and unbiased, providing a transparent gaming environment for all Filipino players.
2485                        </div>
2486                    </div>
2487                </details>
2488            </article>
2489            <article class="group overflow-hidden rounded-xl border border-[#991b1b] bg-[#3f3f46] transition-all duration-300 hover:border-[#ef4444]">
2490                <details class="group">
2491                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none outline-none">
2492                        <span class="text-base md:text-lg font-semibold text-[#fff7ed] pr-4 leading-snug" title="How can I claim my welcome bonuses?">
2493                            How can I claim my welcome bonuses?
2494                        </span>
2495                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
2496                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#ef4444]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2497                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2498                            </svg>
2499                        </div>
2500                    </summary>
2501                    <div class="px-4 pb-4 md:px-6 md:pb-6 border-t border-[#991b1b]/30 pt-4">
2502                        <div class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed" title="After your 90jiliclub register process, head to the Promotions page. 🎁 Claim your welcome bonus and follow the simple wagering requirements to start boosting your balance and winning big today!">
2503                            After your 90jiliclub register process, head to the Promotions page. 🎁 Claim your welcome bonus and follow the simple wagering requirements to start boosting your balance and winning big today!
2504                        </div>
2505                    </div>
2506                </details>
2507            </article>
2508            <article class="group overflow-hidden rounded-xl border border-[#991b1b] bg-[#3f3f46] transition-all duration-300 hover:border-[#ef4444]">
2509                <details class="group">
2510                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none outline-none">
2511                        <span class="text-base md:text-lg font-semibold text-[#fff7ed] pr-4 leading-snug" title="How do I contact 90jiliclub customer service?">
2512                            How do I contact 90jiliclub customer service?
2513                        </span>
2514                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
2515                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-[#ef4444]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2516                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2517                            </svg>
2518                        </div>
2519                    </summary>
2520                    <div class="px-4 pb-4 md:px-6 md:pb-6 border-t border-[#991b1b]/30 pt-4">
2521                        <div class="text-sm md:text-base text-[#fff7ed] opacity-80 leading-relaxed" title="Our team is always available! 🎧 You can reach us through the live chat feature on the website or via our official 90jiliclub apk supp
2521ort channel for quick assistance with any account issues.">
2522                            Our team is always available! 🎧 You can reach us through the live chat feature on the website or via our official 90jiliclub apk support channel for quick assistance with any account issues.
2523                        </div>
2524                    </div>
2525                </details>
2526            </article>
2527        </div>
2528        <footer class="mt-12 text-center">
2529            <p class="text-xs md:text-sm text-[#fb7185] opacity-60 italic">
2530                Still have questions? Our Pinoy support team is ready to help you 24/7!
2531                <a href="javascript:downloadApp();" class="text-[#ef4444] font-medium underline underline-offset-4 hover:text-[#fff7ed] transition-colors" title="Chat with Us Now">
2532                    Chat with Us Now
2533                </a>
2534            </p>
2535        </footer>
2536    </div>
2537</section>
2538<style>
2539    /* Hide default summary marker for Chrome/Safari */
2540    summary::-webkit-details-marker {
2541        display: none;
2542    }
2543    /* Smooth transition for accordion height is limited in pure CSS details,
2544       but we can ensure the content doesn't jump */
2545    details[open] summary {
2546        border-bottom: 1px solid rgba(153, 27, 27, 0.3);
2547    }
2548</style>
2549<section class="py-12 px-4 md:py-20 md:px-6 bg-[#1c1917]">
2550    <div class="max-w-6xl mx-auto">
2551        <header class="mb-10 text-center">
2552            <h3 class="text-2xl md:text-3xl font-bold text-[#fff7ed] uppercase tracking-wider inline-block relative pb-3">
2553                Our Trusted Gaming Partners
2554                <span class="absolute bottom-0 left-1/2 -translate-x-1/2 w-16 h-1 bg-[#ef4444] rounded-full"></span>
2555            </h3>
2556        </header>
2557        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-3 md:gap-6 justify-items-center">
2558                <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-xl bg-[#3f3f46] border border-[#991b1b] shadow-sm transition-transform duration-300 hover:scale-105 hover:border-[#ef4444] group">
2559                    <div class="relative w-full h-full flex items-center justify-center">
2560                        <img src="static/images/0e6831155fe8eef8dd5ea5ff8845a570397e29b5.png" alt="123BET-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transition-opacity duration-300 group-hover:opacity-90" title="123BET-COLOR">
2561                    </div>
2562                </div>
2563                <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-xl bg-[#3f3f46] border border-[#991b1b] shadow-sm transition-transform duration-300 hover:scale-105 hover:border-[#ef4444] group">
2564                    <div class="relative w-full h-full flex items-center justify-center">
2565                        <img src="static/images/f66700b88293c5e0709b4e90c56b1db70eef502c.png" alt="BP-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transition-opacity duration-300 group-hover:opacity-90" title="BP-COLOR">
2566                    </div>
2567                </div>
2568                <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-xl bg-[#3f3f46] border border-[#991b1b] shadow-sm transition-transform duration-300 hover:scale-105 hover:border-[#ef4444] group">
2569                    <div class="relative w-full h-full flex items-center justify-center">
2570                        <img src="static/images/ed6e165d31e528a01fa8ff0fa5816dc320445635.png" alt="AUX-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transition-opacity duration-300 group-hover:opacity-90" title="AUX-COLOR">
2571                    </div>
2572                </div>
2573                <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-xl bg-[#3f3f46] border border-[#991b1b] shadow-sm transition-transform duration-300 hover:scale-105 hover:border-[#ef4444] group">
2574                    <div class="relative w-full h-full flex items-center justify-center">
2575                        <img src="static/images/87473b5bbb5157208885f4c204430b55d9287fd0.png" alt="DRS-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transition-opacity duration-300 group-hover:opacity-90" title="DRS-COLOR">
2576                    </div>
2577                </div>
2578                <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-xl bg-[#3f3f46] border border-[#991b1b] shadow-sm transition-transform duration-300 hover:scale-105 hover:border-[#ef4444] group">
2579                    <div class="relative w-full h-full flex items-center justify-center">
2580                        <img src="static/images/aa27c33344f5686ba39215b35ff63f6863fe8896.png" alt="759-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transition-opacity duration-300 group-hover:opacity-90" title="759-COLOR">
2581                    </div>
2582                </div>
2583        </div>
2584    </div>
2585</section>
2586<footer class="relative overflow-hidden bg-[#1c1917] border-t-4 border-[#ef4444] py-8 px-4 sm:px-6 lg:px-8">
2587    <div class="max-w-7xl mx-auto">
2588        <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-8">
2589            <div class="flex flex-col items-start gap-3 w-full md:w-auto">
2590                <h2 class="text-2xl sm:text-3xl font-bold text-[#ef4444] tracking-tight" title="90jiliclublogin.net Brand">
2591                    90jiliclublogin.net
2592                </h2>
2593                <p class="text-sm sm:text-base text-[#fb7185] opacity-80 font-medium" title="Copyright Information">
2594                    © 2024 90jiliclublogin.net. All Rights Reserved.
2595                </p>
2596            </div>
2597            <div class="w-full md:w-2/3 lg:w-1/2">
2598                <p class="text-sm sm:text-base text-[#fff7ed] leading-relaxed opacity-70 text-left md:text-right" title="90jiliclub is dedicated to providing a secure, transparent, and fair gaming environment for all Filipino players to enjoy safely.">
2599                    90jiliclub is dedicated to providing a secure, transparent, and fair gaming environment for all Filipino players to enjoy safely.
2600                </p>
2601            </div>
2602        </div>
2603        <div class="mt-8 pt-6 border-t border-[#991b1b] flex flex-col sm:flex-row justify-between items-center gap-4">
2604            <div class="flex items-center gap-4 text-xs text-[#fb7185] opacity-60">
2605                <span class="flex items-center gap-1">
2606                    <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
2607                    Secure Platform
2608                </span>
2609                <span class="hidden sm:inline">•</span>
2610                <span class="flex items-center gap-1">
2611                    <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg>
2612                    Verified Site
2613                </span>
2614            </div>
2615            <div class="flex items-center gap-2">
2616                <div class="w-2 h-2 rounded-full bg-[#ef4444] animate-pulse"></div>
2617                <span class="text-[10px] uppercase tracking-widest text-[#fff7ed] font-bold opacity-50">Volcanic Engine v2.0</span>
2618            </div>
2619        </div>
2620    </div>
2621</footer>
2622<aside class="fixed right-[10px] z-40 bottom-[198px]">
2623    <a href="faq.html" title="Help Center" class="w-10 h-10 block transition-transform active:scale-90 duration-200 ease-in-out">
2624        <div class="w-full h-full rounded-full bg-[#ef4444] flex items-center justify-center shadow-lg border border-[#991b1b]">
2625            <img src="static/images/39b3119636006b8cdbece24dfdc3d964b4c0d4e0.png" alt="Customer Support" class="w-full h-full object-contain p-1.5" title="Help Center">
2626        </div>
2627    </a>
2628</aside>
2629<aside class="fixed right-[10px] z-40 bottom-[136px]" title="Daily Lucky Bonus">
2630    <div onclick="playRGame()" class="w-10 h-10 cursor-pointer rounded-full transition-transform duration-300 active:scale-90 hover:scale-110 shadow-lg flex items-center justify-center group" style="width: 40px; height: 40px;" title="Spin Now!">
2631        <div class="w-full h-full rounded-full bg-[#ef4444] border-2 border-[#991b1b] overflow-hidden relative">
2632            <img src="static/images/97652ea9069d8887b300c24850c2a85b4023f741.avif" alt="Lucky Wheel Bonus" class="w-full h-full object-contain" title="Lucky Wheel Bonus">
2633            <div class="absolute inset-0 bg-[#ef4444] opacity-0 group-hover:opacity-20 transition-opacity duration-300"></div>
2634        </div>
2635    </div>
2636</aside>
2637<div style="height: calc(72px + env(safe-area-inset-bottom));"></div>
2638<nav class="fixed bottom-0 left-0 right-0 z-[100] bg-[#1c1917] border-t border-[#991b1b] pb-safe" style="padding-bottom: env(safe-area-inset-bottom);">
2639    <ul class="flex items-center justify-between h-[64px] px-2 md:px-4">
2640        <li class="flex-1">
2641            <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-200 ease-in-out group
2642                      text-[#ef4444]
2643">
2644                <div class="relative w-6 h-6 mb-1 flex items-center justify-center transition-transform duration-200 group-active:scale-90">
2645                    <span class="absolute inset-0 bg-[#ef4444] opacity-20 blur-sm rounded-full"></span>
2646                    <div class="relative z-10">
2647                        🏠
2648                    </div>
2649                </div>
2650                <span class="text-[10px] font-medium leading-none tracking-tight uppercase">
2651                    Home
2652                </span>
2653                <div class="absolute bottom-0 left-1/2 -translate-x-1/2 w-1 h-1 bg-[#ef4444] rounded-full"></div>
2654            </a>
2655        </li>
2656        <li class="flex-1">
2657            <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-200 ease-in-out group
2658                      text-[#fff7ed] hover:text-[#fb7185]
2659                      ">
2660                <div class="relative w-6 h-6 mb-1 flex items-center justify-center transition-transform duration-200 group-active:scale-90">
2661                    <div class="relative z-10">
2662                        🤝
2663                    </div>
2664                </div>
2665                <span class="text-[10px] font-medium leading-none tracking-tight uppercase">
2666                    Agent
2667                </span>
2668            </a>
2669        </li>
2670        <li class="flex-1">
2671            <a href="register.html" title="Join" aria-label="Join" class="flex flex-col items-center justify-center w-full h-full py-2 transition-all duration-200 ease-in-out group
2672                      text-[#fff7ed] hover:text-[#fb7185]
2673                      ">
2674                <div class="relative w-6 h-6 mb-1 flex items-center justify-center transition-transform duration-200 group-active:scale-90">
2675                    <div class="relative z-10">
2676                        📝
2677                    </div>
2678                </div>
2679                <span class="text-[10px] font-medium leading-none tracking-tight uppercase">
2680                    Join
2681                </span>
2682            </a>
2683        </li>
2684        <li class="flex-1">
2685            <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-200 ease-in-out group
2686                      text-[#fff7ed] hover:text-[#fb7185]
2687                      ">
2688                <div class="relative w-6 h-6 mb-1 flex items-center justify-center transition-transform duration-200 group-active:scale-90">
2689                    <div class="relative z-10">
2690                        🎁
2691                    </div>
2692                </div>
2693                <span class="text-[10px] font-medium leading-none tracking-tight uppercase">
2694                    Bonus
2695                </span>
2696            </a>
2697        </li>
2698        <li class="flex-1">
2699            <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-200 ease-in-out group
2700                      text-[#fff7ed] hover:text-[#fb7185]
2701                      ">
2702                <div class="relative w-6 h-6 mb-1 flex items-center justify-center transition-transform duration-200 group-active:scale-90">
2703                    <div class="relative z-10">
2704                        🎧
2705                    </div>
2706                </div>
2707                <span class="text-[10px] font-medium leading-none tracking-tight uppercase">
2708                    Support
2709                </span>
2710            </a>
2711        </li>
2712    </ul>
2713</nav>
2714    </main>
2715<script defer="" data-domain="90jiliclublogin.net" src="https://ph.countjump.cyou/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 2715
2715
2716<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 2716
2716
2717<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 2717
2717
2718<script src="static/js/global.js"></script>
vendor: 1 bytes, line 2718
2718
2719<script src="static/js/90jiliclubloginnet_language.js"></script>
2719
2720  
2720<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2720
2720
2721<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":"e21c49ffde1f4a5ab2125399a1d99aad","r":1,"spa":2}' crossorigin="anonymous"></script>
2721
2722</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.