PageSourceSearch

https://55jilicasino.ph/index.html

html 55jilicasino.ph collected 2026-10-09 01:04:38 UTC 184,385 bytes, 2,509 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>55JILICASINO - PLATAFORMA OFICIAL - 💲 - 55JILICASINO.COM</title>
6    <meta name="description" content="Experience the best at 55jili casino! Download the 55jili login app for big wins, a variety of slot games, and secure payouts. Register and play today in PH!">
7    <meta name="keywords" content="55jili, 55jili login app, 55jili casino, 55jili login, online casino Philippines, slot games PH, online gambling, 55jili ph, real money casino, jackpots">
8    <meta name="author" content="55JILICASINO">
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="55JILICASINO - PLATAFORMA OFICIAL - 💲 - 55JILICASINO.COM">
14    <meta property="og:description" content="Experience the best at 55jili casino! Download the 55jili login app for big wins, a variety of slot games, and secure payouts. Register and play today in PH!">
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://55jilicasino.ph/">
17    <meta property="og:locale" content="en_PH">
18    <link rel="alternate" hreflang="en-PH" href="https://55jilicasino.ph/">
19    <link rel="alternate" hreflang="x-default" href="https://55jilicasino.ph/">
20    <link rel="canonical" href="https://55jilicasino.ph/">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="55JILICASINO - PLATAFORMA OFICIAL - 💲 - 55JILICASINO.COM">
23    <meta name="twitter:description" content="Experience the best at 55jili casino! Download the 55jili login app for big wins, a variety of slot games, and secure payouts. Register and play today in PH!">
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 rel="preconnect" href="https://fonts.googleapis.com">
27    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
28    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&amp;display=swap" rel="stylesheet">
29    <style>
30  :root {
31    --theme-color: #10b981;
32    --bg-color: #022c22;
33    --surface-color: #064e3b;
34    --text-color: #ecfdf5;
35    --text-secondary: #34d399;
36    --border-color: #065f46;
37    --button-text-color: #ffffff;
38  }
39  .theme-text { color: var(--theme-color); }
40  .theme-bg { background-color: var(--theme-color); }
41  .theme-border { border-color: var(--theme-color); }
42</style>
43    
43<script type="application/ld+json">
44{
45  "@context": "https://schema.org",
46  "@graph": [
47    {
48      "@context": "https://schema.org",
49      "@type": "Organization",
50      "name": "55jilicasino",
51      "url": "55jilicasino.ph",
52      "logo": "static/images/logo.png",
53      "description": "Experience the best at 55jili casino! Download the 55jili login app for big wins, a variety of slot games, and secure payouts. Register and play today in PH!"
54    },
55    {
56      "@context": "https://schema.org",
57      "@type": "WebPage",
58      "name": "55JILICASINO - PLATAFORMA OFICIAL - 💲 - 55JILICASINO.COM",
59      "description": "Experience the best at 55jili casino! Download the 55jili login app for big wins, a variety of slot games, and secure payouts. Register and play today in PH!",
60      "url": "55jilicasino.ph",
61      "inLanguage": "en-PH",
62      "isPartOf": {
63        "@type": "WebSite",
64        "name": "55jilicasino",
65        "url": "55jilicasino.ph"
66      }
67    },
68    {
69      "@context": "https://schema.org",
70      "@type": "SoftwareApplication",
71      "name": "55jilicasino Mobile App",
72      "description": "Experience the best at 55jili casino! Download the 55jili login app for big wins, a variety of slot games, and secure payouts. Register and play today in PH!",
73      "operatingSystem": "Android, iOS",
74      "applicationCategory": "GameApplication",
75      "image": "static/images/logo.png",
76      "downloadUrl": "55jilicasino.ph/download-app.html",
77      "offers": {
78        "@type": "Offer",
79        "price": "0",
80        "priceCurrency": "PHP"
81      },
82      "aggregateRating": {
83        "@type": "AggregateRating",
84        "ratingValue": "4.9",
85        "ratingCount": "1400",
86        "bestRating": "5",
87        "worstRating": "1"
88      }
89    }
90  ]
91}
92</script>
92
93  
93<script src="https://cdn.tailwindcss.com?plugins=typography,forms,aspect-ratio,line-clamp"></script>
93
94  <link rel="shortcut icon" href="static/images/ico.png" type="image/x-icon">
95  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
96</head>
97<body class="bg-[#022c22] text-[#ecfdf5] min-h-screen overflow-x-hidden antialiased selection:bg-[#10b981] selection:text-white flex flex-col">
98    <div class="fixed inset-0 z-0 bg-gradient-to-b from-[#022c22] via-[#064e3b] to-[#022c22] pointer-events-none"></div>
99    <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,#10b98130,transparent_70%)] blur-[80px] opacity-40 pointer-events-none"></div>
100    <div class="fixed bottom-0 right-0 w-[300px] h-[300px] bg-[#10b981]/10 rounded-full blur-[100px] pointer-events-none"></div>
101    <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>
102    <main id="app" class="relative z-10 w-full max-w-[540px] mx-auto min-h-screen bg-[#022c22]/95 shadow-[0_0_50px_rgba(0,0,0,0.5)] border-x border-[#065f46]/20 flex flex-col">
103        <div class="absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-[#10b981] to-transparent opacity-50"></div>
104        <header class="sticky top-0 w-full z-50 h-9 bg-[#10b981] border-b border-white/10 shadow-sm flex items-center justify-between px-3 transition-all duration-300">
105    <section class="flex items-center gap-2 overflow-hidden shrink-0">
106        <div class="flex items-center gap-2 overflow-hidden">
107            <h1 class="text-[#ecfdf5] font-bold text-sm truncate tracking-tight leading-none" title="55jilicasino.ph Home">
108                55jilicasino.ph
109            </h1>
110            <p class="hidden sm:block text-[#34d399] text-xs truncate opacity-90 leading-none" title="Top Gaming Hub PH 🎰">
111                Top Gaming Hub PH 🎰
112            </p>
113        </div>
114    </section>
115    <nav class="flex items-center gap-3 shrink-0">
116        <button onclick="showLanguagePanel()" aria-label="Switch Language" class="p-1.5 rounded-full hover:bg-[#064e3b] transition-colors duration-200 group" title="Change site language">
117            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-[#ecfdf5] group-hover:text-[#34d399]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
118                <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>
119            </svg>
120        </button>
121        <a href="countries.html" data-link-fixed="true" title="View all supported regions" class="text-[#ecfdf5] text-xs font-medium px-2 py-1 rounded-md bg-[#064e3b] hover:bg-[#022c22] transition-all duration-200 border border-white/10">
122            Region/Language 🇵🇭
123        </a>
124    </nav>
125</header>
126<header class="sticky top-9 z-40 w-full bg-[#10b981]/95 backdrop-blur-md border-b border-[#065f46] px-3 py-2.5 shadow-sm">
127    <nav class="max-w-7xl mx-auto flex items-center justify-between gap-x-4">
128        <div class="flex-shrink-0">
129            <a href="index.html" title="Go to 55jilicasino.ph home page" class="flex items-center transition-transform active:scale-95">
130                <img src="static/images/logo.png" alt="55jilicasino.ph Logo" class="h-8 w-auto object-contain">
131            </a>
132        </div>
133        <div class="flex items-center gap-2 sm:gap-3 flex-shrink-0">
134            <button onclick="downloadApp()" title="Login to your account" class="px-3 py-1.5 text-sm font-medium text-[#ecfdf5] border border-[#ecfdf5]/30 rounded-lg hover:bg-[#064e3b] transition-colors whitespace-nowrap">
135                Log In
136            </button>
137            <button onclick="downloadApp()" title="Create a new account" class="px-3 py-1.5 text-sm font-bold text-[#022c22] bg-[#ecfdf5] rounded-lg shadow-sm hover:bg-[#34d399] transition-all active:scale-95 whitespace-nowrap">
138                Join Now
139            </button>
140        </div>
141    </nav>
142</header>
143<div class="w-full max-w-full overflow-hidden px-3 py-2">
144    <div class="swiper banner-swiper w-full relative overflow-hidden rounded-2xl shadow-2xl aspect-[2/1] bg-[#022c22]">
145        <div class="swiper-wrapper">
146            <div class="swiper-slide relative w-full h-full group">
147                <a href="javascript:downloadApp();" title="Explore Join 55jili Casino Today!" class="block w-full h-full">
148                    <img src="static/images/0bcc82a264d6d89e4b0d738466726e6f63c0c63d.png" alt="Join 55jili Casino Today!" loading="lazy" class="w-full h-full object-cover block transition-transform duration-500 group-hover:scale-105">
149                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-trans
149parent to-transparent"></div>
150                    <div class="absolute bottom-0 left-0 right-0 p-4">
151                        <div class="flex items-center gap-2">
152                            <span class="flex-shrink-0 w-1 h-4 bg-[#10b981] rounded-full"></span>
153                            <h2 class="text-[#ecfdf5] text-sm md:text-base font-bold truncate" title="Join 55jili Casino Today!">
154                                Join 55jili Casino Today!
155                            </h2>
156                        </div>
157                    </div>
158                </a>
159            </div>
160            <div class="swiper-slide relative w-full h-full group">
161                <a href="javascript:downloadApp();" title="Explore Get Your 55jili Welcome Bonus" class="block w-full h-full">
162                    <img src="static/images/60d6f6a29d4d7361faefeab423146802f1949109.png" alt="Get Your 55jili Welcome Bonus" loading="lazy" class="w-full h-full object-cover block transition-transform duration-500 group-hover:scale-105">
163                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent"></div>
164                    <div class="absolute bottom-0 left-0 right-0 p-4">
165                        <div class="flex items-center gap-2">
166                            <span class="flex-shrink-0 w-1 h-4 bg-[#10b981] rounded-full"></span>
167                            <h2 class="text-[#ecfdf5] text-sm md:text-base font-bold truncate" title="Get Your 55jili Welcome Bonus">
168                                Get Your 55jili Welcome Bonus
169                            </h2>
170                        </div>
171                    </div>
172                </a>
173            </div>
174            <div class="swiper-slide relative w-full h-full group">
175                <a href="javascript:downloadApp();" title="Explore Fast 55jili Login and Play" class="block w-full h-full">
176                    <img src="static/images/c51c165bb787c968ebb6de2183c412e018fa2ba4.png" alt="Fast 55jili Login and Play" loading="lazy" class="w-full h-full object-cover block transition-transform duration-500 group-hover:scale-105">
177                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent"></div>
178                    <div class="absolute bottom-0 left-0 right-0 p-4">
179                        <div class="flex items-center gap-2">
180                            <span class="flex-shrink-0 w-1 h-4 bg-[#10b981] rounded-full"></span>
181                            <h2 class="text-[#ecfdf5] text-sm md:text-base font-bold truncate" title="Fast 55jili Login and Play">
182                                Fast 55jili Login and Play
183                            </h2>
184                        </div>
185                    </div>
186                </a>
187            </div>
188            <div class="swiper-slide relative w-full h-full group">
189                <a href="javascript:downloadApp();" title="Explore Win Big at 55jili PH!" class="block w-full h-full">
190                    <img src="static/images/2a4757ae438b8d0920b458ae7447f0cef6bab9d0.png" alt="Win Big at 55jili PH!" loading="lazy" class="w-full h-full object-cover block transition-transform duration-500 group-hover:scale-105">
191                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent"></div>
192                    <div class="absolute bottom-0 left-0 right-0 p-4">
193                        <div class="flex items-center gap-2">
194                            <span class="flex-shrink-0 w-1 h-4 bg-[#10b981] rounded-full"></span>
195                            <h2 class="text-[#ecfdf5] text-sm md:text-base font-bold truncate" title="Win Big at 55jili PH!">
196                                Win Big at 55jili PH!
197                            </h2>
198                        </div>
199                    </div>
200                </a>
201            </div>
202            <div class="swiper-slide relative w-full h-full group">
203                <a href="javascript:downloadApp();" title="Explore Download 55jili App Now" class="block w-full h-full">
204                    <img src="static/images/db8850b19f3a0b059889fb42d8962f00841f7fe5.png" alt="Download 55jili App Now" loading="lazy" class="w-full h-full object-cover block transition-transform duration-500 group-hover:scale-105">
205                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-trans
205parent to-transparent"></div>
206                    <div class="absolute bottom-0 left-0 right-0 p-4">
207                        <div class="flex items-center gap-2">
208                            <span class="flex-shrink-0 w-1 h-4 bg-[#10b981] rounded-full"></span>
209                            <h2 class="text-[#ecfdf5] text-sm md:text-base font-bold truncate" title="Download 55jili App Now">
210                                Download 55jili App Now
211                            </h2>
212                        </div>
213                    </div>
214                </a>
215            </div>
216        </div>
217        <div class="swiper-pagination"></div>
218    </div>
219</div>
220<script>
221    (function() {
222        const initBanner = () => {
223            if (typeof Swiper !== 'undefined') {
224                new Swiper('.banner-swiper', {
225                    autoplay: {
226                        delay: 3000,
227                        disableOnInteraction: false,
228                    },
229                    loop: true,
230                    effect: 'slide',
231                    pagination: {
232                        el: '.swiper-pagination',
233                        clickable: true,
234                    },
235                    speed: 600,
236                });
237            } else {
238                setTimeout(initBanner, 100);
239            }
240        };
241        document.addEventListener('DOMContentLoaded', initBanner);
242        // Fallback for dynamic loading
243        window.addEventListener('load', initBanner);
244    })();
245</script>
245
246<style>
247    .banner-swiper .swiper-pagination-bullet {
248        background: #34d399 !important;
249        opacity: 0.5;
250    }
251    .banner-swiper .swiper-pagination-bullet-active {
252        background: #10b981 !important;
253        opacity: 1;
254        width: 12px !important;
255        border-radius: 4px !important;
256    }
257</style>
258<div id="notify-data" class="hidden" aria-hidden="true">
259    <div>Ma** just won ₱1,200</div>
260    <div>Ju** withdrawal successful ₱5,000</div>
261    <div>Ri** received bonus ₱250</div>
262    <div>An** just won ₱8,500</div>
263    <div>Kr** withdrawal successful ₱1,500</div>
264    <div>Jo** received bonus ₱100</div>
265    <div>Ma** just won ₱12,000</div>
266    <div>Pe** withdrawal successful ₱3,200</div>
267    <div>Lu** received bonus ₱500</div>
268    <div>Ga** just won ₱450</div>
269    <div>Fe** withdrawal successful ₱10,000</div>
270    <div>Ro** received bonus ₱200</div>
271    <div>Al** just won ₱2,100</div>
272    <div>Ch** withdrawal successful ₱800</div>
273    <div>Be** received bonus ₱150</div>
274    <div>Pa** just won ₱5,600</div>
275    <div>Ka** withdrawal successful ₱4,200</div>
276    <div>Mi** received bonus ₱300</div>
277    <div>St** just won ₱1,800</div>
278    <div>Di** withdrawal successful ₱7,000</div>
279    <div>Na** received bonus ₱100</div>
280    <div>Gl** just won ₱9,000</div>
281    <div>Ra** withdrawal successful ₱2,500</div>
282    <div>Je** received bonus ₱400</div>
283    <div>Me** just won ₱3,300</div>
284    <div>Va** withdrawal successful ₱6,000</div>
285    <div>Le** received bonus ₱200</div>
286    <div>Hi** just won ₱15,000</div>
287    <div>Sa** withdrawal successful ₱1,200</div>
288    <div>To** received bonus ₱100</div>
289    <div>An** just won ₱750</div>
290    <div>Ja** withdrawal successful ₱3,000</div>
291    <div>Ly** received bonus ₱500</div>
292    <div>Ke** just won ₱2,400</div>
293    <div>No** withdrawal successful ₱5,500</div>
294    <div>Pi** received bonus ₱150</div>
295    <div>Vi** just won ₱11,000</div>
296    <div>Cy** withdrawal successful ₱900</div>
297    <div>Ma** received bonus ₱300</div>
298    <div>Ir** just won ₱4,200</div>
299    <div>Ry** withdrawal successful ₱1,800</div>
300    <div>Fl** received bonus ₱200</div>
301    <div>Zo** just won ₱6,700</div>
302    <div>Ba** withdrawal successful ₱12,000</div>
303    <div>De** received bonus ₱100</div>
304    <div>Eu** just won ₱1,100</div>
305    <div>Ga** withdrawal successful ₱4,000</div>
306    <div>Ha** received bonus ₱250</div>
307    <div>Io** just won ₱8,200</div>
308    <div>Ju** withdrawal successful ₱2,100</div>
309</div>
310<div class="w-full max-w-[100vw] overflow-hidden relative block py-6 px-4 rounded-2xl shadow-lg bg-gradient-to-br from-[#10b981]/10 to-[#10b981]/30 backdrop-blur-sm">
311  <div class="absolute inset-0 opacity-10 pointer-events-none">
312    <div class="w-full h-full flex items-center justify-center text-2xl">🎰 🃏 🎲 💰 🏆</div>
313  </div>
314  <div class="relative flex flex-col items-center justify-center text-center">
315    <div id="jackpot-value" class="text-4xl font-black text-[#10b981] drop-shadow-lg tracking-wider">12,450,780.50</div>
316    <div class="text-lg font-semibold text-[#ecfdf5]/90 mb-1">MEGA JACKPOT 🎰</div>
317    <div class="h-1 w-24 mx-auto bg-[#ecfdf5]/20 my-2 rounded"></div>
318    <div class="text-xl font-bold text-[#ecfdf5]/90 mt-1">PHP</div>
319  </div>
320</div>
321<section class="relative py-12 px-4 overflow-hidden bg-[#022c22] border-b border-[#065f46]">
322    <div class="absolute top-0 right-0 w-64 h-64 bg-[#10b981] opacity-10 blur-[100px] rounded-full -mr-20 -mt-20"></div>
323    <div class="absolute bottom-0 left-0 w-48 h-48 bg-[#064e3b] opacity-20 blur-[80px] rounded-full -ml-20 -mb-20"></div>
324    <div class="relative max-w-6xl mx-auto">
325        <header class="mb-10 text-center md:text-left lg:max-w-2xl">
326            <h2 class="text-2xl md:text-3xl font-bold text-[#ecfdf5] leading-tight mb-3 tracking-tight">
327                Experience Premium Gaming at 55jili Casino
328            </h2>
329            <p class="text-sm md:text-base text-[#34d399] opacity-90 leading-relaxed" title="Elevate your gaming experience with 55jilicasino.ph, the Philippines' most trusted platform. Enjoy high win rates, ironclad security, and 24/7 dedicated VIP support designed for the most discerning Filipino players.">
330                Elevate your gaming experience with 55jilicasino.ph, the Philippines' most trusted platform. Enjoy high win rates, ironclad security, and 24/7 dedicated VIP support designed for the most discerning Filipino players.
331            </p>
332        </header>
333        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-12">
334            <article class="group relative p-5 rounded-2xl bg-[#064e3b] border border-[#065f46] transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.1)]">
335                <div class="flex items-center gap-3 mb-3">
336                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#022c22] text-[#10b981] text-lg" title="Secure Transactions icon">
337                        🛡️
338                    </span>
339                    <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] tracking-wide">
340                        Secure Transactions
341                    </h3>
342                </div>
343                <p class="text-sm text-[#34d399] leading-relaxed opacity-80" title="Experience peace of mind with encrypted payment gateways and secure GCash integrations, ensuring every single transaction is safe and private.">
344                    Experience peace of mind with encrypted payment gateways and secure GCash integrations, ensuring every single transaction is safe and private.
345                </p>
346            </article>
347            <article class="group relative p-5 rounded-2xl bg-[#064e3b] border border-[#065f46] transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.1)]">
348                <div class="flex items-center gap-3 mb-3">
349                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#022c22] text-[#10b981] text-lg" title="Instant Payouts icon">
350                        ⚡
351                    </span>
352                    <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] tracking-wide">
353                        Instant Payouts
354                    </h3>
355                </div>
356                <p class="text-sm text-[#34d399] leading-relaxed opacity-80" title="Skip the long wait times with our automated withdrawal system that processes your winnings instantly and directly to your local account.">
357                    Skip the long wait times with our automated withdrawal system that processes your winnings instantly and directly to your local account.
358                </p>
359            </article>
360            <article class="group relative p-5 rounded-2xl bg-[#064e3b] border border-[#065f46] transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.1)]">
361                <div class="flex items-center gap-3 mb-3">
362                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#022c22] text-[#10b981] text-lg" title="High Win Rates icon">
363                        🎰
364                    </span>
365                    <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] tracking-wide">
366                        High Win Rates
367                    </h3>
368                </div>
369                <p class="text-sm text-[#34d399] leading-relaxed opacity-80" title="Access a curated selection of Jili slots and table games engineered for fairness and optimized for higher payout percentages.">
370                    Access a curated selection of Jili slots and table games engineered for fairness and optimized for higher payout percentages.
371                </p>
372            </article>
373            <article class="group relative p-5 rounded-2xl bg-[#064e3b] border border-[#065f46] transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.1)]">
374                <div class="flex items-center gap-3 mb-3">
375                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-lg bg-[#022c22] text-[#10b981] text-lg" title="Elite VIP Service icon">
376                        💎
377                    </span>
378                    <h3 class="text-base md:text-lg font-semibold text-[#ecfdf5] tracking-wide">
379                        Elite VIP Service
380                    </h3>
381                </div>
382                <p class="text-sm text-[#34d399] leading-relaxed opacity-80" title="Receive priority treatment with a personalized account manager and exclusive bonuses tailored to your specific gaming style and loyalty.">
383                    Receive priority treatment with a personalized account manager and exclusive bonuses tailored to your specific gaming style and loyalty.
384                </p>
385            </article>
386        </div>
387        <div class="relative p-6 md:p-8 rounded-3xl bg-gradient-to-br from-[#064e3b] to-[#022c22] border border-[#065f46] text-center">
388            <div class="max-w-md mx-auto">
389                <h3 class="text-xl font-bold text-[#ecfdf5] mb-2">
390                    Start Your Winning Journey Today
391                </h3>
392                <p class="text-xs md:text-sm text-[#34d399] mb-6 opacity-80">
393                    Register now to unlock your exclusive welcome bonus and gain immediate access to premium slots.
394                </p>
395                <div class="flex flex-col sm:flex-row gap-3 justify-center items-center">
396                    <button onclick="downloadApp()" title="Download 55jilicasino.ph app" class="w-full sm:w-auto px-8 py-3.5 rounded-full bg-[#10b981] text-[#022c22] font-bold text-sm transition-transform active:scale-95 hover:brightness-110">
397                        Download App
398                    </button>
399                    <button onclick="downloadApp()" title="Login to your account" class="w-full sm:w-auto px-8 py-3.5 rounded-full border border-[#10b981] text-[#10b981] font-bold text-sm transition-all active:scale-95 hover:bg-[#10b981] hover:text-[#022c22]">
400                        Join Now
401                    </button>
402                </div>
403            </div>
404            <div class="absolute -inset-px rounded-3xl border border-[#10b981] opacity-20 pointer-events-none"></div>
405        </div>
406    </div>
407</section>
408<nav class="sticky top-[88px] z-30 w-full bg-[#064e3b]/95 backdrop-blur-md border-b border-[#065f46] shadow-lg" title="55jilicasino.ph Category Navigation">
409    <div class="max-w-screen-xl mx-auto">
410        <ul id="category-tabs" class="flex items-center overflow-x-auto no-scrollbar snap-x snap-mandatory px-4 py-3 md:px-6 md:py-4 space-x-3 scroll-smooth">
411            <li class="flex-shrink-0 snap-start">
412                <a href="#cat-slots" title="View all games in JILI Slots category" class="flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent bg-[#022c22] text-[#ecfdf5] hover:border-[#10b981] hover:text-[#34d399] active:scale-95">
413                    <span class="mr-2 text-base" aria-hidden="true">
414                            🎰
415                    </span>
416                    <span class="truncate">JILI Slots</span>
417                </a>
418            </li>
419            <li class="flex-shrink-0 snap-start">
420                <a href="#cat-live-casino" title="View all games in Live Casino category" class="flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent bg-[#022c22] text-[#ecfdf5] hover:border-[#10b981] hover:text-[#34d399] active:scale-95">
421                    <span class="mr-2 text-base" aria-hidden="true">
422                            🃏
423                    </span>
424                    <span class="truncate">Live Casino</span>
425                </a>
426            </li>
427            <li class="flex-shrink-0 snap-start">
428                <a href="#cat-sports" title="View all games in Sports Betting category" class="flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent bg-[#022c22] text-[#ecfdf5] hover:border-[#10b981] hover:text-[#34d399] active:scale-95">
429                    <span class="mr-2 text-base" aria-hidden="true">
430                            🏀
431                    </span>
432                    <span class="truncate">Sports Betting</span>
433                </a>
434            </li>
435            <li class="flex-shrink-0 snap-start">
436                <a href="#cat-fishing" title="View all games in Fishing Games category" class="flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent bg-[#022c22] text-[#ecfdf5] hover:border-[#10b981] hover:text-[#34d399] active:scale-95">
437                    <span class="mr-2 text-base" aria-hidden="true">
438                            🐟
439                    </span>
440                    <span class="truncate">Fishing Games</span>
441                </a>
442            </li>
443            <li class="flex-shrink-0 snap-start">
444                <a href="#cat-jackpot" title="View all games in Mega Jackpot category" class="flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent bg-[#022c22] text-[#ecfdf5] hover:border-[#10b981] hover:text-[#34d399] active:scale-95">
445                    <span class="mr-2 text-base" aria-hidden="true">
446                            💰
447                    </span>
448                    <span class="truncate">Mega Jackpot</span>
449                </a>
450            </li>
451            <li class="flex-shrink-0 snap-start">
452                <a href="#cat-e-sports" title="View all games in E-Sports category" class="flex items-center justify-center px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 border border-transparent bg-[#022c22] text-[#ecfdf5] hover:border-[#10b981] hover:text-[#34d399] active:scale-95">
453                    <span class="mr-2 text-base" aria-hidden="true">
454                            🎮
455                    </span>
456                    <span class="truncate">E-Sports</span>
457                </a>
458            </li>
459        </ul>
460    </div>
461    <style>
462        /* Custom scrollbar hidden for cleaner mobile UI */
463        #category-tabs::-webkit-scrollbar {
464            display: none;
465        }
466        #category-tabs {
467            -ms-overflow-style: none;
468            scrollbar-width: none;
469        }
470    </style>
471</nav><section id="55jilicasinoph_news" data-news-style="v3" class="py-6 px-3 bg-zinc-950 text-white font-sans">
472    <div class="max-w-screen-xl mx-auto">
473        <!-- Header Area -->
474        <div class="flex items-center justify-between mb-5 gap-3 min-w-0">
475            <div class="flex items-center gap-2 min-w-0 flex-1">
476                <span class="shrink-0 px-2 py-0.5 bg-yellow-500 text-black text-[10px] font-bold uppercase rounded tracking-wider">Hot</span>
477                <h2 class="text-[clamp(1.125rem,4vw,1.5rem)] font-extrabold leading-tight break-words line-clamp-2 truncate-none">
478                    New Game Recommendations
479                </h2>
480            </div>
481            <a href="/all-games" class="shrink-0 text-xs font-medium text-zinc-400 hover:text-yellow-500 transition-colors underline underline-offset-4">
482                View all
483            </a>
484        </div>
485
486        <!-- Cards Grid -->
487        <div class="grid grid-cols-2 gap-3">
488            <a href="3_tiny_gods_bonanza.html" class="group relative block overflow-hidden rounded-xl aspect-[3/4] bg-zinc-900 shadow-lg transition-transform active:scale-95">
489                <!-- Image Container -->
490                <div class="absolute inset-0 w-full h-full">
491                    <img src="static/images/84bf1c0e18ea9cdb.jpg" alt="3 Tiny Gods Bonanza" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
492                </div>
493
494                <!-- Gradient Overlay for Contrast -->
495                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
496
497                <!-- Card Content -->
498                <div class="absolute bottom-0 left-0 right-0 p-3">
499                    <div class="bg-black/40 backdrop-blur-md rounded-lg p-2 border border-white/10">
500                        <p class="text-sm font-bold text-white leading-tight line-clamp-2 break-words">
501                            3 Tiny Gods Bonanza
502                        </p>
503                        <div class="mt-2 flex items-center justify-between">
504                            <span class="text-[10px] text-yellow-400 font-semibold uppercase tracking-tighter">Play Now</span>
505                            <div class="w-5 h-5 bg-yellow-500 rounded-full flex items-center justify-center">
506                                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 text-black" fill="none" viewBox="0 0 24 24" stroke="currentColor">
507                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M9 5l7 7-7 7"></path>
508                                </svg>
509                            </div>
510                        </div>
511                    </div>
512                </div>
513            </a>
514            <a href="playboy.html" class="group relative block overflow-hidden rounded-xl aspect-[3/4] bg-zinc-900 shadow-lg transition-transform active:scale-95">
515                <!-- Image Container -->
516                <div class="absolute inset-0 w-full h-full">
517                    <img src="static/images/ec86a62f67039e33.jpg" alt="Playboy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
518                </div>
519
520                <!-- Gradient Overlay for Contrast -->
521                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
522
523                <!-- Card Content -->
524                <div class="absolute bottom-0 left-0 right-0 p-3">
525                    <div class="bg-black/40 backdrop-blur-md rounded-lg p-2 border border-white/10">
526                        <p class="text-sm font-bold text-white leading-tight line-clamp-2 break-words">
527                            Playboy
528                        </p>
529                        <div class="mt-2 flex items-center justify-between">
530                            <span class="text-[10px] text-yellow-400 font-semibold uppercase tracking-tighter">Play Now</span>
531                            <div class="w-5 h-5 bg-yellow-500 rounded-full flex items-center justify-center">
532                                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 text-black" fill="none" viewBox="0 0 24 24" stroke="currentColor">
533                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M9 5l7 7-7 7"></path>
534                                </svg>
535                            </div>
536                        </div>
537                    </div>
538                </div>
539            </a>
540        </div>
541    </div>
542</section>
543<section id="cat-slots" class="py-8 px-4 md:py-12 md:px-6 bg-[#022c22]">
544    <div class="flex items-center gap-3 mb-6 border-l-4 border-[#10b981] pl-4">
545        <div class="text-2xl md:text-3xl" aria-hidden="true">
546            🎰
547        </div>
548        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
549            JILI Slots
550        </h2>
551    </div>
552    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
553        <article class="group relative flex flex-col">
554            <a href="lucky-6-roulette.html" title="Play Lucky 6 Roulette now" class="flex flex-col h-full">
555                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
556                        <img src="static/images/b2bac8b9de5bb5801115f4c4a72b1f7c9bf81c54.heif" alt="Lucky 6 Roulette screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
557                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
558                </div>
559                <div class="mt-2 px-1">
560                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Lucky 6 Roulette">
561                        Lucky 6 Roulette
562                    </p>
563                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
564                        JILI
565                    </p>
566                </div>
567            </a>
568        </article>
569        <article class="group relative flex flex-col">
570            <a href="tsumoganancia2.html" title="Play Tsumoganancia2 now" class="flex flex-col h-full">
571                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
572                        <img src="static/images/5068c861b6af58b4334c8265c316491c9a0365f3.webp" alt="Tsumoganancia2 screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
573                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
574                </div>
575                <div class="mt-2 px-1">
576                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Tsumoganancia2">
577                        Tsumoganancia2
578                    </p>
579                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
580                        JILI
581                    </p>
582                </div>
583            </a>
584        </article>
585        <article class="group relative flex flex-col">
586            <a href="pangingisda-ni-likui.html" title="Play Pangingisda ni LiKui now" class="flex flex-col h-full">
587                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
588                        <img src="static/images/3cc1da82b6e1150ba33bf36ae49b9a1153676083.webp" alt="Pangingisda ni LiKui screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
589                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-trans
589parent to-transparent opacity-60"></div>
590                </div>
591                <div class="mt-2 px-1">
592                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Pangingisda ni LiKui">
593                        Pangingisda ni LiKui
594                    </p>
595                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
596                        JILI
597                    </p>
598                </div>
599            </a>
600        </article>
601    </div>
602    <div class="mt-8 flex justify-center">
603        <a href="javascript:downloadApp();" title="View all games in JILI Slots" class="inline-flex items-center justify-center px-6 py-2 rounded-full text-sm font-bold text-[#ecfdf5] bg-[#064e3b] border border-[#065f46] hover:bg-[#10b981] hover:border-[#10b981] transition-all duration-300 group">
604            <span>JILI Slots More</span>
605            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-2 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
606                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
607            </svg>
608        </a>
609    </div>
610</section>
611<section id="cat-live-casino" class="py-8 px-4 md:py-12 md:px-6 bg-[#022c22]">
612    <div class="flex items-center gap-3 mb-6 border-l-4 border-[#10b981] pl-4">
613        <div class="text-2xl md:text-3xl" aria-hidden="true">
614            🃏
615        </div>
616        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
617            Live Casino
618        </h2>
619    </div>
620    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
621        <article class="group relative flex flex-col">
622            <a href="ultimate-andar-bahar.html" title="Play Ultimate Andar Bahar now" class="flex flex-col h-full">
623                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
624                        <img src="static/images/908b3d93529321c27485459d8514d27f9793955c.heif" alt="Ultimate Andar Bahar screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
625                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
626                </div>
627                <div class="mt-2 px-1">
628                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Ultimate Andar Bahar">
629                        Ultimate Andar Bahar
630                    </p>
631                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
632                        Evolution
633                    </p>
634                </div>
635            </a>
636        </article>
637        <article class="group relative flex flex-col">
638            <a href="indonesian-blackjackx-8.html" title="Play Indonesian BlackjackX 8 now" class="flex flex-col h-full">
639                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
640                        <img src="static/images/4d1aeca619e80aa31eaa7914fa6a0396a28d43a3.heif" alt="Indonesian BlackjackX 8 screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
641                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
642                </div>
643                <div class="mt-2 px-1">
644                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Indonesian BlackjackX 8">
645                        Indonesian BlackjackX 8
646                    </p>
647                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
648                        Pragmatic Play
649                    </p>
650                </div>
651            </a>
652        </article>
653        <article class="group relative flex flex-col">
654            <a href="fierce-fight.html" title="Play Fierce Fight now" class="flex flex-col h-full">
655                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
656                        <img src="static/images/ed0896110270b8bb7457dd2f98fa8a1b2149ecd9.webp" alt="Fierce Fight screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
657                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-trans
657parent to-transparent opacity-60"></div>
658                </div>
659                <div class="mt-2 px-1">
660                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Fierce Fight">
661                        Fierce Fight
662                    </p>
663                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
664                        Ezugi
665                    </p>
666                </div>
667            </a>
668        </article>
669        <article class="group relative flex flex-col">
670            <a href="ez-dealer-roulette-mandarin.html" title="Play EZ Dealer Roulette Mandarin now" class="flex flex-col h-full">
671                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
672                        <img src="static/images/f62a0966d3e26d3c493713d17836ac82a8796c87.heif" alt="EZ Dealer Roulette Mandarin screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
673                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
674                </div>
675                <div class="mt-2 px-1">
676                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="EZ Dealer Roulette Mandarin">
677                        EZ Dealer Roulette Mandarin
678                    </p>
679                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
680                        Evolution
681                    </p>
682                </div>
683            </a>
684        </article>
685        <article class="group relative flex flex-col">
686            <a href="kapitanngpangingisda.html" title="Play KapitanngPangingisda now" class="flex flex-col h-full">
687                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
688                        <img src="static/images/64850689abfe03005c68100da04a5bd8721802dc.webp" alt="KapitanngPangingisda screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
689                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
690                </div>
691                <div class="mt-2 px-1">
692                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="KapitanngPangingisda">
693                        KapitanngPangingisda
694                    </p>
695                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
696                        PG Soft
697                    </p>
698                </div>
699            </a>
700        </article>
701        <article class="group relative flex flex-col">
702            <a href="speed-auto-roulette-1.html" title="Play Speed Auto Roulette 1 now" class="flex flex-col h-full">
703                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
704                        <img src="static/images/9d102b06d29090e70850f3eb343073af3051ee75.heif" alt="Speed Auto Roulette 1 screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
705                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
706                </div>
707                <div class="mt-2 px-1">
708                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Speed Auto Roulette 1">
709                        Speed Auto Roulette 1
710                    </p>
711                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
712                        Pragmatic Play
713                    </p>
714                </div>
715            </a>
716        </article>
717        <article class="group relative flex flex-col">
718            <a href="deep-beast.html" title="Play Deep Beast now" class="flex flex-col h-full">
719                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
720                        <img src="static/images/fac775cb2b9ef6e11458f2f799817232925cb479.heif" alt="Deep Beast screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
721                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-trans
721parent to-transparent opacity-60"></div>
722                </div>
723                <div class="mt-2 px-1">
724                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Deep Beast">
725                        Deep Beast
726                    </p>
727                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
728                        BGaming
729                    </p>
730                </div>
731            </a>
732        </article>
733        <article class="group relative flex flex-col">
734            <a href="teen-patti-versus.html" title="Play Teen Patti Versus now" class="flex flex-col h-full">
735                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
736                        <img src="static/images/1431a7a04fa6a1c2b2c6a4aa973ca1f35d2ba374.heif" alt="Teen Patti Versus screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
737                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
738                </div>
739                <div class="mt-2 px-1">
740                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Teen Patti Versus">
741                        Teen Patti Versus
742                    </p>
743                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
744                        Ezugi
745                    </p>
746                </div>
747            </a>
748        </article>
749        <article class="group relative flex flex-col">
750            <a href="legend-of-heroes-megaways.html" title="Play Legend of Heroes Megaways™ now" class="flex flex-col h-full">
751                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
752                        <img src="static/images/2f8e60b527cbfc858e948610301cdd78792e5072.heif" alt="Legend of Heroes Megaways™ screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
753                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
754                </div>
755                <div class="mt-2 px-1">
756                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Legend of Heroes Megaways™">
757                        Legend of Heroes Megaways™
758                    </p>
759                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
760                        Pragmatic Play
761                    </p>
762                </div>
763            </a>
764        </article>
765    </div>
766    <div class="mt-8 flex justify-center">
767        <a href="javascript:downloadApp();" title="View all games in Live Casino" class="inline-flex items-center justify-center px-6 py-2 rounded-full text-sm font-bold text-[#ecfdf5] bg-[#064e3b] border border-[#065f46] hover:bg-[#10b981] hover:border-[#10b981] transition-all duration-300 group">
768            <span>Live Casino More</span>
769            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-2 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
770                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
771            </svg>
772        </a>
773    </div>
774</section>
775<section id="cat-sports" class="py-8 px-4 md:py-12 md:px-6 bg-[#022c22]">
776    <div class="flex items-center gap-3 mb-6 border-l-4 border-[#10b981] pl-4">
777        <div class="text-2xl md:text-3xl" aria-hidden="true">
778            🏀
779        </div>
780        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
781            Sports Betting
782        </h2>
783    </div>
784    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
785        <article class="group relative flex flex-col">
786            <a href="alchemist-wonders.html" title="Play Alchemist Wonders now" class="flex flex-col h-full">
787                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
788                        <img src="static/images/1add9004f4178dcbf665a8d1d1977639abcacb87.heif" alt="Alchemist Wonders screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
789                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-trans
789parent to-transparent opacity-60"></div>
790                </div>
791                <div class="mt-2 px-1">
792                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Alchemist Wonders">
793                        Alchemist Wonders
794                    </p>
795                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
796                        PG Soft
797                    </p>
798                </div>
799            </a>
800        </article>
801        <article class="group relative flex flex-col">
802            <a href="cthulhu.html" title="Play Cthulhu now" class="flex flex-col h-full">
803                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
804                        <img src="static/images/257f85fccb74d2d356ff4a8809307f9644c96344.heif" alt="Cthulhu screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
805                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
806                </div>
807                <div class="mt-2 px-1">
808                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Cthulhu">
809                        Cthulhu
810                    </p>
811                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
812                        Pragmatic Play
813                    </p>
814                </div>
815            </a>
816        </article>
817        <article class="group relative flex flex-col">
818            <a href="cocktail-nights.html" title="Play Cocktail Nights now" class="flex flex-col h-full">
819                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
820                        <img src="static/images/0c9f22236a9c28f36f72581385bde6ae07c077a3.heif" alt="Cocktail Nights screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
821                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
822                </div>
823                <div class="mt-2 px-1">
824                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Cocktail Nights">
825                        Cocktail Nights
826                    </p>
827                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
828                        BGaming
829                    </p>
830                </div>
831            </a>
832        </article>
833        <article class="group relative flex flex-col">
834            <a href="grande-fortune.html" title="Play Grande Fortune now" class="flex flex-col h-full">
835                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
836                        <img src="static/images/bad23951ae4e051bba4a0c6219acc346cc9e96c1.webp" alt="Grande Fortune screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
837                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
838                </div>
839                <div class="mt-2 px-1">
840                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Grande Fortune">
841                        Grande Fortune
842                    </p>
843                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
844                        Pragmatic Play
845                    </p>
846                </div>
847            </a>
848        </article>
849        <article class="group relative flex flex-col">
850            <a href="pangingisdangkalma.html" title="Play PangingisdangKalma now" class="flex flex-col h-full">
851                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
852                        <img src="static/images/50ad4fc7b2d1f1e1d4f7d52ba46289b546dd25fd.webp" alt="PangingisdangKalma screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
853                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-trans
853parent to-transparent opacity-60"></div>
854                </div>
855                <div class="mt-2 px-1">
856                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="PangingisdangKalma">
857                        PangingisdangKalma
858                    </p>
859                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
860                        JILI Games
861                    </p>
862                </div>
863            </a>
864        </article>
865        <article class="group relative flex flex-col">
866            <a href="moon-girls.html" title="Play Moon Girls now" class="flex flex-col h-full">
867                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
868                        <img src="static/images/b423ae6aa923a87b04356f2d9eb8d3a4fee7ae88.heif" alt="Moon Girls screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
869                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
870                </div>
871                <div class="mt-2 px-1">
872                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Moon Girls">
873                        Moon Girls
874                    </p>
875                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
876                        PG Soft
877                    </p>
878                </div>
879            </a>
880        </article>
881    </div>
882    <div class="mt-8 flex justify-center">
883        <a href="javascript:downloadApp();" title="View all games in Sports Betting" class="inline-flex items-center justify-center px-6 py-2 rounded-full text-sm font-bold text-[#ecfdf5] bg-[#064e3b] border border-[#065f46] hover:bg-[#10b981] hover:border-[#10b981] transition-all duration-300 group">
884            <span>Sports Betting More</span>
885            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-2 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
886                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
887            </svg>
888        </a>
889    </div>
890</section>
891<section id="cat-fishing" class="py-8 px-4 md:py-12 md:px-6 bg-[#022c22]">
892    <div class="flex items-center gap-3 mb-6 border-l-4 border-[#10b981] pl-4">
893        <div class="text-2xl md:text-3xl" aria-hidden="true">
894            🐟
895        </div>
896        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
897            Fishing Games
898        </h2>
899    </div>
900    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
901        <article class="group relative flex flex-col">
902            <a href="blackjack-vip-36.html" title="Play Blackjack VIP 36 now" class="flex flex-col h-full">
903                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
904                        <img src="static/images/354a3dd72f8a1b1eb67662abac6739f025c30267.png" alt="Blackjack VIP 36 screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
905                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
906                </div>
907                <div class="mt-2 px-1">
908                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Blackjack VIP 36">
909                        Blackjack VIP 36
910                    </p>
911                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
912                        Evolution
913                    </p>
914                </div>
915            </a>
916        </article>
917        <article class="group relative flex flex-col">
918            <a href="railroad-riches.html" title="Play Railroad Riches now" class="flex flex-col h-full">
919                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
920                        <img src="static/images/273cb2f75c1b7d5b0a55947dac0e2a96e2c74355.heif" alt="Railroad Riches screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
921                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-trans
921parent to-transparent opacity-60"></div>
922                </div>
923                <div class="mt-2 px-1">
924                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Railroad Riches">
925                        Railroad Riches
926                    </p>
927                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
928                        Pragmatic Play
929                    </p>
930                </div>
931            </a>
932        </article>
933        <article class="group relative flex flex-col">
934            <a href="jackpot-joker-fever.html" title="Play Jackpot Joker Fever now" class="flex flex-col h-full">
935                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
936                        <img src="static/images/ef0d48ff04eead000b60a81d755e87553dfbd6cc.heif" alt="Jackpot Joker Fever screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
937                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
938                </div>
939                <div class="mt-2 px-1">
940                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Jackpot Joker Fever">
941                        Jackpot Joker Fever
942                    </p>
943                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
944                        Jili
945                    </p>
946                </div>
947            </a>
948        </article>
949        <article class="group relative flex flex-col">
950            <a href="super-star.html" title="Play Super Star now" class="flex flex-col h-full">
951                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
952                        <img src="static/images/038fac6b60c78cb143ec31dafc7763150a13eb0b.heif" alt="Super Star screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
953                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
954                </div>
955                <div class="mt-2 px-1">
956                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Super Star">
957                        Super Star
958                    </p>
959                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
960                        PG Soft
961                    </p>
962                </div>
963            </a>
964        </article>
965        <article class="group relative flex flex-col">
966            <a href="fish-tales-halloween.html" title="Play Fish Tales Halloween now" class="flex flex-col h-full">
967                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
968                        <img src="static/images/fc459c5c1b684b2403cce780440b1d4f0d4ccc0f.webp" alt="Fish Tales Halloween screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
969                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
970                </div>
971                <div class="mt-2 px-1">
972                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Fish Tales Halloween">
973                        Fish Tales Halloween
974                    </p>
975                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
976                        Jili
977                    </p>
978                </div>
979            </a>
980        </article>
981        <article class="group relative flex flex-col">
982            <a href="golden-duo.html" title="Play Golden Duo now" class="flex flex-col h-full">
983                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
984                        <img src="static/images/fb65f1cd0534c8fa464ba888eff46c16ebc0cc8b.heif" alt="Golden Duo screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
985                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
986                </div>
987                <div class="mt-2 px-1">
988                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Golden Duo">
989                        Golden Duo
990                    </p>
991                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
992                        Pragmatic Play
993                    </p>
994                </div>
995            </a>
996        </article>
997        <article class="group relative flex flex-col">
998            <a href="dragon-duo.html" title="Play Dragon Duo now" class="flex flex-col h-full">
999                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1000                        <img src="static/images/ed11e9a138662f3af86be40dc87a3fe83dcab51d.heif" alt="Dragon Duo screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1001                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
1002                </div>
1003                <div class="mt-2 px-1">
1004                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Dragon Duo">
1005                        Dragon Duo
1006                    </p>
1007                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1008                        PG Soft
1009                    </p>
1010                </div>
1011            </a>
1012        </article>
1013        <article class="group relative flex flex-col">
1014            <a href="blackjack-vip-27.html" title="Play Blackjack VIP 27 now" class="flex flex-col h-full">
1015                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1016                        <img src="static/images/6225d44077b36b78b31da882cd56b2c03d3b99aa.png" alt="Blackjack VIP 27 screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1017                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
1018                </div>
1019                <div class="mt-2 px-1">
1020                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Blackjack VIP 27">
1021                        Blackjack VIP 27
1022                    </p>
1023                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1024                        Evolution
1025                    </p>
1026                </div>
1027            </a>
1028        </article>
1029        <article class="group relative flex flex-col">
1030            <a href="golden-donkey-christmas-xpand.html" title="Play Golden Donkey Christmas Xpand now" class="flex flex-col h-full">
1031                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1032                        <img src="static/images/fee94241f6226f08080e23c9a602175315725594.heif" alt="Golden Donkey Christmas Xpand screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1033                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
1034                </div>
1035                <div class="mt-2 px-1">
1036                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Golden Donkey Christmas Xpand">
1037                        Golden Donkey Christmas Xpand
1038                    </p>
1039                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1040                        BGaming
1041                    </p>
1042                </div>
1043            </a>
1044        </article>
1045    </div>
1046    <div class="mt-8 flex justify-center">
1047        <a href="javascript:downloadApp();" title="View all games in Fishing Games" class="inline-flex items-center justify-center px-6 py-2 rounded-full text-sm font-bold text-[#ecfdf5] bg-[#064e3b] border border-[#065f46] hover:bg-[#10b981] hover:border-[#10b981] transition-all duration-300 group">
1048            <span>Fishing Games More</span>
1049            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-2 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1050                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1051            </svg>
1052        </a>
1053    </div>
1054</section>
1055<section id="cat-jackpot" class="py-8 px-4 md:py-12 md:px-6 bg-[#022c22]">
1056    <div class="flex items-center gap-3 mb-6 border-l-4 border-[#10b981] pl-4">
1057        <div class="text-2xl md:text-3xl" aria-hidden="true">
1058            💰
1059        </div>
1060        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
1061            Mega Jackpot
1062        </h2>
1063    </div>
1064    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
1065        <article class="group relative flex flex-col">
1066            <a href="portomaso-roulette-2.html" title="Play Portomaso Roulette 2 now" class="flex flex-col h-full">
1067                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1068                        <img src="static/images/c41f809ad3057aad76c5f5da6e0cd2a9f0d9b2d9.heif" alt="Portomaso Roulette 2 screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1069                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
1070                </div>
1071                <div class="mt-2 px-1">
1072                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Portomaso Roulette 2">
1073                        Portomaso Roulette 2
1074                    </p>
1075                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1076                        Evolution
1077                    </p>
1078                </div>
1079            </a>
1080        </article>
1081        <article class="group relative flex flex-col">
1082            <a href="magic-lamp-bingo.html" title="Play Magic Lamp Bingo now" class="flex flex-col h-full">
1083                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1084                        <img src="static/images/6ebbc2f4025f8e4a1d64c253a17dc1a61bc4f068.heif" alt="Magic Lamp Bingo screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1085                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
1086                </div>
1087                <div class="mt-2 px-1">
1088                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Magic Lamp Bingo">
1089                        Magic Lamp Bingo
1090                    </p>
1091                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1092                        Pragmatic Play
1093                    </p>
1094                </div>
1095            </a>
1096        </article>
1097        <article class="group relative flex flex-col">
1098            <a href="castle-of-terror-ii.html" title="Play Castle of Terror II now" class="flex flex-col h-full">
1099                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1100                        <img src="static/images/923918ab91a553bd081a7c3e77aca88d8ec27a43.heif" alt="Castle of Terror II screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1101                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
1102                </div>
1103                <div class="mt-2 px-1">
1104                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Castle of Terror II">
1105                        Castle of Terror II
1106                    </p>
1107                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1108                        PG Soft
1109                    </p>
1110                </div>
1111            </a>
1112        </article>
1113        <article class="group relative flex flex-col">
1114            <a href="bingo-carnaval.html" title="Play Bingo Carnaval now" class="flex flex-col h-full">
1115                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1116                        <img src="static/images/0b0998ec8f199510930ab71d409d339af3fd930a.heif" alt="Bingo Carnaval screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1117                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-trans
1117parent to-transparent opacity-60"></div>
1118                </div>
1119                <div class="mt-2 px-1">
1120                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Bingo Carnaval">
1121                        Bingo Carnaval
1122                    </p>
1123                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1124                        Pragmatic Play
1125                    </p>
1126                </div>
1127            </a>
1128        </article>
1129        <article class="group relative flex flex-col">
1130            <a href="lets-shoot.html" title="Play Let's Shoot now" class="flex flex-col h-full">
1131                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1132                        <img src="static/images/39be7dc60d1a599317e92a6170ecb6c9809e9bb4.heif" alt="Let's Shoot screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1133                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
1134                </div>
1135                <div class="mt-2 px-1">
1136                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Let's Shoot">
1137                        Let's Shoot
1138                    </p>
1139                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1140                        BGaming
1141                    </p>
1142                </div>
1143            </a>
1144        </article>
1145        <article class="group relative flex flex-col">
1146            <a href="areszeus.html" title="Play AresZeus now" class="flex flex-col h-full">
1147                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1148                        <img src="static/images/21fa493989170f841ba57e41fb65c5b7f2d3dee1.webp" alt="AresZeus screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1149                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
1150                </div>
1151                <div class="mt-2 px-1">
1152                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="AresZeus">
1153                        AresZeus
1154                    </p>
1155                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1156                        Ezugi
1157                    </p>
1158                </div>
1159            </a>
1160        </article>
1161    </div>
1162    <div class="mt-8 flex justify-center">
1163        <a href="javascript:downloadApp();" title="View all games in Mega Jackpot" class="inline-flex items-center justify-center px-6 py-2 rounded-full text-sm font-bold text-[#ecfdf5] bg-[#064e3b] border border-[#065f46] hover:bg-[#10b981] hover:border-[#10b981] transition-all duration-300 group">
1164            <span>Mega Jackpot More</span>
1165            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-2 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1166                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1167            </svg>
1168        </a>
1169    </div>
1170</section>
1171<section id="cat-e-sports" class="py-8 px-4 md:py-12 md:px-6 bg-[#022c22]">
1172    <div class="flex items-center gap-3 mb-6 border-l-4 border-[#10b981] pl-4">
1173        <div class="text-2xl md:text-3xl" aria-hidden="true">
1174            🎮
1175        </div>
1176        <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight">
1177            E-Sports
1178        </h2>
1179    </div>
1180    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-4">
1181        <article class="group relative flex flex-col">
1182            <a href="speed-baccarat-17.html" title="Play Speed Baccarat 17 now" class="flex flex-col h-full">
1183                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1184                        <img src="static/images/2ab3265d4fddfc39cb2c923e0f5082ff6c054cdd.heif" alt="Speed Baccarat 17 screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1185                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-trans
1185parent to-transparent opacity-60"></div>
1186                </div>
1187                <div class="mt-2 px-1">
1188                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Speed Baccarat 17">
1189                        Speed Baccarat 17
1190                    </p>
1191                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1192                        Evolution Gaming
1193                    </p>
1194                </div>
1195            </a>
1196        </article>
1197        <article class="group relative flex flex-col">
1198            <a href="blackjack-vip-9.html" title="Play Blackjack VIP 9 now" class="flex flex-col h-full">
1199                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1200                        <img src="static/images/11737946bf9536b1d224724bcb4875144b4fb42f.png" alt="Blackjack VIP 9 screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1201                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
1202                </div>
1203                <div class="mt-2 px-1">
1204                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Blackjack VIP 9">
1205                        Blackjack VIP 9
1206                    </p>
1207                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1208                        Ezugi
1209                    </p>
1210                </div>
1211            </a>
1212        </article>
1213        <article class="group relative flex flex-col">
1214            <a href="hot-777.html" title="Play Hot 777 now" class="flex flex-col h-full">
1215                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] group-hover:border-[#10b981] transition-colors duration-300">
1216                        <img src="static/images/aa1df33d2d9e412d4b7b5ad3d57bbc30e1d8d8bc.webp" alt="Hot 777 screenshot" loading="lazy" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
1217                    <div class="absolute inset-0 bg-gradient-to-t from-[#022c22]/80 via-transparent to-transparent opacity-60"></div>
1218                </div>
1219                <div class="mt-2 px-1">
1220                    <p class="text-xs md:text-sm font-medium text-[#ecfdf5] truncate leading-tight" title="Hot 777">
1221                        Hot 777
1222                    </p>
1223                    <p class="text-[10px] text-[#34d399] opacity-80 truncate uppercase tracking-wider font-semibold">
1224                        Pragmatic Play
1225                    </p>
1226                </div>
1227            </a>
1228        </article>
1229    </div>
1230    <div class="mt-8 flex justify-center">
1231        <a href="javascript:downloadApp();" title="View all games in E-Sports" class="inline-flex items-center justify-center px-6 py-2 rounded-full text-sm font-bold text-[#ecfdf5] bg-[#064e3b] border border-[#065f46] hover:bg-[#10b981] hover:border-[#10b981] transition-all duration-300 group">
1232            <span>E-Sports More</span>
1233            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 ml-2 transform group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1234                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1235            </svg>
1236        </a>
1237    </div>
1238</section>
1239<section class="py-8 px-4 md:py-12 md:px-6 bg-[#022c22]">
1240    <div class="max-w-lg mx-auto">
1241        <header class="mb-8 text-left">
1242            <h2 class="text-2xl md:text-3xl font-bold text-[#ecfdf5] leading-tight mb-2">
1243                55jili Casino Philippines - Best Online Slots &amp; Casino Bonuses
1244            </h2>
1245            <p class="text-sm md:text-base text-[#34d399] opacity-90 leading-relaxed" title="Experience the ultimate gaming thrill at 55jili ph. Join now to enjoy exclusive 55jili login rewards, massive slot jackpots, and the most trusted casino experience in the Philippines. Download the 55jili login app today and start winning big!">
1246                Experience the ultimate gaming thrill at 55jili ph. Join now to enjoy exclusive 55jili login rewards, massive slot jackpots, and the most trusted casino experience in the Philippines. Download the 55jili login app today and start winning big!
1247            </p>
1248        </header>
1249        <div class="flex flex-col gap-6">
1250            <article class="relative overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] shadow-lg transition-transform duration-300 hover:scale-[1.01]" title="Promotion: 100% Welcome Match Bonus">
1251                <div class="relative w-full">
1252                    <img src="static/images/00c631bf9f4497c2d6087cfc52e7f6f0226c8086.png" alt="100% Welcome Match Bonus promotion banner" loading="lazy" class="block w-full h-auto object-cover">
1253                    <span class="absolute top-3 left-3 bg-[#10b981] text-[#022c22] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1254                        NEW
1255                    </span>
1256                </div>
1257                <div class="p-5 flex flex-col gap-4">
1258                    <h3 class="text-xl font-bold text-[#ecfdf5] leading-snug">
1259                        100% Welcome Match Bonus
1260                    </h3>
1261                    <div class="flex items-center gap-2">
1262                        <span class="text-2xl font-black text-[#10b981] tracking-tight">
1263                            💰 ₱5,000 Bonus
1264                        </span>
1265                    </div>
1266                    <p class="text-sm text-[#34d399] leading-relaxed opacity-80" title="Double your first deposit instantly! Get a massive headstart on all hot slot games and live dealer tables today.">
1267                        Double your first deposit instantly! Get a massive headstart on all hot slot games and live dealer tables today.
1268                    </p>
1269                    <div class="space-y-2">
1270                        <div class="h-2 w-full bg-[#022c22] rounded-full overflow-hidden border border-[#065f46]">
1271                            <div class="h-full bg-[#10b981] transition-all duration-500" style="width: 68%"></div>
1272                        </div>
1273                        <div class="flex justify-between items-center text-[11px] font-medium uppercase tracking-wider text-[#34d399]">
1274                            <span class="flex items-center gap-1">
1275                                📊 Claimed: 68%
1276                            </span>
1277                            <span class="flex items-center gap-1">
1278                                ⏳ Ends: 2 Days Left
1279                            </span>
1280                        </div>
1281                    </div>
1282                    <button onclick="downloadApp()" title="Claim ₱5,000 Bonus now" class="w-full py-3.5 px-4 bg-[#10b981] hover:bg-[#34d399] text-[#022c22] font-bold rounded-xl transition-colors duration-200 active:scale-95">
1283                        Claim Now 💰
1284                    </button>
1285                </div>
1286            </article>
1287            <article class="relative overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] shadow-lg transition-transform duration-300 hover:scale-[1.01]" title="Promotion: Ultimate Motorcycle Jackpot Race">
1288                <div class="relative w-full">
1289                    <img src="static/images/7a6f6c1e3783c8372ffcc58a792154d330293092.jpg" alt="Ultimate Motorcycle Jackpot Race promotion banner" loading="lazy" class="block w-full h-auto object-cover">
1290                    <span class="absolute top-3 left-3 bg-[#10b981] text-[#022c22] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1291                        HOT
1292                    </span>
1293                </div>
1294                <div class="p-5 flex flex-col gap-4">
1295                    <h3 class="text-xl font-bold text-[#ecfdf5] leading-snug">
1296                        Ultimate Motorcycle Jackpot Race
1297                    </h3>
1298                    <div class="flex items-center gap-2">
1299                        <span class="text-2xl font-black text-[#10b981] tracking-tight">
1300                            💰 Luxury Bike Prize
1301                        </span>
1302                    </div>
1303                    <p class="text-sm text-[#34d399] leading-relaxed opacity-80" title="Complete the daily missions and climb the leaderboard for a chance to win a brand new luxury motorcycle!">
1304                        Complete the daily missions and climb the leaderboard for a chance to win a brand new luxury motorcycle!
1305                    </p>
1306                    <div class="space-y-2">
1307                        <div class="h-2 w-full bg-[#022c22] rounded-full overflow-hidden border border-[#065f46]">
1308                            <div class="h-full bg-[#10b981] transition-all duration-500" style="width: 92%"></div>
1309                        </div>
1310                        <div class="flex justify-between items-center text-[11px] font-medium uppercase tracking-wider text-[#34d399]">
1311                            <span class="flex items-center gap-1">
1312                                📊 Claimed: 92%
1313                            </span>
1314                            <span class="flex items-center gap-1">
1315                                ⏳ Ends: 12h 30m
1316                            </span>
1317                        </div>
1318                    </div>
1319                    <button onclick="downloadApp()" title="Claim Luxury Bike Prize now" class="w-full py-3.5 px-4 bg-[#10b981] hover:bg-[#34d399] text-[#022c22] font-bold rounded-xl transition-colors duration-200 active:scale-95">
1320                        Join Race 🏍️
1321                    </button>
1322                </div>
1323            </article>
1324            <article class="relative overflow-hidden rounded-2xl bg-[#064e3b] border border-[#065f46] shadow-lg transition-transform duration-300 hover:scale-[1.01]" title="Promotion: Weekly VIP Cashback Rebate">
1325                <div class="relative w-full">
1326                    <img src="static/images/3f7a5292ad73c5ba3b31947b9851425a61460f1a.png" alt="Weekly VIP Cashback Rebate promotion banner" loading="lazy" class="block w-full h-auto object-cover">
1327                    <span class="absolute top-3 left-3 bg-[#10b981] text-[#022c22] text-xs font-bold px-3 py-1 rounded-full shadow-sm">
1328                        EXCLUSIVE
1329                    </span>
1330                </div>
1331                <div class="p-5 flex flex-col gap-4">
1332                    <h3 class="text-xl font-bold text-[#ecfdf5] leading-snug">
1333                        Weekly VIP Cashback Rebate
1334                    </h3>
1335                    <div class="flex items-center gap-2">
1336                        <span class="text-2xl font-black text-[#10b981] tracking-tight">
1337                            💰 Up to 15% Back
1338                        </span>
1339                    </div>
1340                    <p class="text-sm text-[#34d399] leading-relaxed opacity-80" title="No matter the outcome, we've got your back. Get a percentage of your weekly losses back every Monday.">
1341                        No matter the outcome, we've got your back. Get a percentage of your weekly losses back every Monday.
1342                    </p>
1343                    <div class="space-y-2">
1344                        <div class="h-2 w-full bg-[#022c22] rounded-full overflow-hidden border border-[#065f46]">
1345                            <div class="h-full bg-[#10b981] transition-all duration-500" style="width: 47%"></div>
1346                        </div>
1347                        <div class="flex justify-between items-center text-[11px] font-medium uppercase tracking-wider text-[#34d399]">
1348                            <span class="flex items-center gap-1">
1349                                📊 Claimed: 47%
1350                            </span>
1351                            <span class="flex items-center gap-1">
1352                                ⏳ Ends: 05:59:00
1353                            </span>
1354                        </div>
1355                    </div>
1356                    <button onclick="downloadApp()" title="Claim Up to 15% Back now" class="w-full py-3.5 px-4 bg-[#10b981] hover:bg-[#34d399] text-[#022c22] font-bold rounded-xl transition-colors duration-200 active:scale-95">
1357                        Get Rebate 💎
1358                    </button>
1359                </div>
1360            </article>
1361        </div>
1362    </div>
1363</section>
1364<section class="py-12 px-4 md:py-20 md:px-8 bg-[#022c22]">
1365    <div class="max-w-5xl mx-auto space-y-8">
1366        <article class="relative overflow-hidden rounded-2xl border border-[#065f46] bg-[#064e3b] shadow-xl transition-all duration-300 hover:border-[#10b981] group">
1367            <div class="p-5 md:p-8">
1368                <div class="flex items-center gap-4 mb-6">
1369                    <div class="flex-shrink-0 w-14 h-14 md:w-16 md:h-16 rounded-xl bg-[#022c22] border border-[#10b981] flex items-center justify-center text-2xl md:text-3xl shadow-inner shadow-[#10b981]/20">
1370                        <span class="flex items-center justify-center">🃏</span>
1371                    </div>
1372                    <div class="flex-1 min-w-0">
1373                        <h3 class="text-xl md:text-2xl font-bold text-[#ecfdf5] truncate-2-lines leading-tight" title="Jili Super Ace">
1374                            Jili Super Ace
1375                        </h3>
1376                        <p class="text-sm md:text-base text-[#34d399] font-medium opacity-90 truncate" title="High-energy card slot action">
1377                            High-energy card slot action
1378                        </p>
1379                    </div>
1380                </div>
1381                <div class="space-y-6">
1382                    <div class="relative pl-4 border-l-2 border-[#10b981]/40">
1383                        <p class="text-[#ecfdf5] text-sm md:text-base leading-relaxed opacity-90" title="About Jili Super Ace">
1384                            </p><p>Experience the thrill of the Super Ace, where golden cards unlock massive multipliers and big wins for every player.</p>
1385                        <p></p>
1386                    </div>
1387                    <div class="bg-[#022c22]/50 rounded-lg p-4 border border-[#065f46]">
1388                        <div class="flex items-center gap-2 mb-3">
1389                            <div class="w-1 h-4 bg-[#10b981] rounded-full"></div>
1390                            <span class="text-xs font-bold uppercase tracking-wider text-[#10b981]">How to Play</span>
1391                        </div>
1392                        <div class="text-[#ecfdf5] text-sm md:text-base leading-relaxed opacity-80" title="Rules for Jili Super Ace">
1393                            <ul><li>Match symbols to trigger cascading wins.</li><li>Collect golden cards to increase the multiplier.</li><li>Unlock the Free Spins feature with three scatter symbols.</li></ul>
1394                        </div>
1395                    </div>
1396                </div>
1397                <div class="mt-8 flex justify-end">
1398                    <button onclick="playGame('Jili Super Ace')" title="Start playing Jili Super Ace" class="group relative inline-flex items-center justify-center px-6 py-3 overflow-hidden font-bold text-[#022c22] transition-all duration-300 bg-[#10b981] rounded-lg hover:bg-[#34d399] active:scale-95">
1399                        <span class="relative z-10 text-sm md:text-base uppercase tracking-wide">PLAY NOW</span>
1400                        <div class="absolute inset-0 w-full h-full bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-500"></div>
1401                    </button>
1402                </div>
1403            </div>
1404            <div class="absolute -bottom-2 -right-2 w-12 h-12 bg-[#10b981]/10 rounded-tl-full pointer-events-none"></div>
1405        </article>
1406        <article class="relative overflow-hidden rounded-2xl border border-[#065f46] bg-[#064e3b] shadow-xl transition-all duration-300 hover:border-[#10b981] group">
1407            <div class="p-5 md:p-8">
1408                <div class="flex items-center gap-4 mb-6">
1409                    <div class="flex-shrink-0 w-14 h-14 md:w-16 md:h-16 rounded-xl bg-[#022c22] border border-[#10b981] flex items-center justify-center text-2xl md:text-3xl shadow-inner shadow-[#10b981]/20">
1410                        <span class="flex items-center justify-center">💎</span>
1411                    </div>
1412                    <div class="flex-1 min-w-0">
1413                        <h3 class="text-xl md:text-2xl font-bold text-[#ecfdf5] truncate-2-lines leading-tight" title="Fortune Gems">
1414                            Fortune Gems
1415                        </h3>
1416                        <p class="text-sm md:text-base text-[#34d399] font-medium opacity-90 truncate" title="Classic 3-reel lucky slots">
1417                            Classic 3-reel lucky slots
1418                        </p>
1419                    </div>
1420                </div>
1421                <div class="space-y-6">
1422                    <div class="relative pl-4 border-l-2 border-[#10b981]/40">
1423                        <p class="text-[#ecfdf5] text-sm md:text-base leading-relaxed opacity-90" title="About Fortune Gems">
1424                            </p><p>A favorite among Filipino players, Fortune Gems offers a simple yet rewarding experience with stunning gemstone visuals.</p>
1425                        <p></p>
1426                    </div>
1427                    <div class="bg-[#022c22]/50 rounded-lg p-4 border border-[#065f46]">
1428                        <div class="flex items-center gap-2 mb-3">
1429                            <div class="w-1 h-4 bg-[#10b981] rounded-full"></div>
1430                            <span class="text-xs font-bold uppercase tracking-wider text-[#10b981]">How to Play</span>
1431                        </div>
1432                        <div class="text-[#ecfdf5] text-sm md:text-base leading-relaxed opacity-80" title="Rules for Fortune Gems">
1433                            <ul><li>Align three identical gems on a payline to win.</li><li>Wild symbols substitute for any other gem.</li><li>Higher gems provide larger payout multipliers.</li></ul>
1434                        </div>
1435                    </div>
1436                </div>
1437                <div class="mt-8 flex justify-end">
1438                    <button onclick="playGame('Fortune Gems')" title="Start playing Fortune Gems" class="group relative inline-flex items-center justify-center px-6 py-3 overflow-hidden font-bold text-[#022c22] transition-all duration-300 bg-[#10b981] rounded-lg hover:bg-[#34d399] active:scale-95">
1439                        <span class="relative z-10 text-sm md:text-base uppercase tracking-wide">PLAY NOW</span>
1440                        <div class="absolute inset-0 w-full h-full bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-500"></div>
1441                    </button>
1442                </div>
1443            </div>
1444            <div class="absolute -bottom-2 -right-2 w-12 h-12 bg-[#10b981]/10 rounded-tl-full pointer-events-none"></div>
1445        </article>
1446        <article class="relative overflow-hidden rounded-2xl border border-[#065f46] bg-[#064e3b] shadow-xl transition-all duration-300 hover:border-[#10b981] group">
1447            <div class="p-5 md:p-8">
1448                <div class="flex items-center gap-4 mb-6">
1449                    <div class="flex-shrink-0 w-14 h-14 md:w-16 md:h-16 rounded-xl bg-[#022c22] border border-[#10b981] flex items-center justify-center text-2xl md:text-3xl shadow-inner shadow-[#10b981]/20">
1450                        <span class="flex items-center justify-center">👑</span>
1451                    </div>
1452                    <div class="flex-1 min-w-0">
1453                        <h3 class="text-xl md:text-2xl font-bold text-[#ecfdf5] truncate-2-lines leading-tight" title="Royal Baccarat">
1454                            Royal Baccarat
1455                        </h3>
1456                        <p class="text-sm md:text-base text-[#34d399] font-medium opacity-90 truncate" title="Elegant live table gaming">
1457                            Elegant live table gaming
1458                        </p>
1459                    </div>
1460                </div>
1461                <div class="space-y-6">
1462                    <div class="relative pl-4 border-l-2 border-[#10b981]/40">
1463                        <p class="text-[#ecfdf5] text-sm md:text-base leading-relaxed opacity-90" title="About Royal Baccarat">
1464                            </p><p>Step into the VIP lounge of 55jili and test your luck in the most sophisticated card game played worldwide.</p>
1465                        <p></p>
1466                    </div>
1467                    <div class="bg-[#022c22]/50 rounded-lg p-4 border border-[#065f46]">
1468                        <div class="flex items-center gap-2 mb-3">
1469                            <div class="w-1 h-4 bg-[#10b981] rounded-full"></div>
1470                            <span class="text-xs font-bold uppercase tracking-wider text-[#10b981]">How to Play</span>
1471                        </div>
1472                        <div class="text-[#ecfdf5] text-sm md:text-base leading-relaxed opacity-80" title="Rules for Royal Baccarat">
1473                            <ul><li>Bet on the Player, Banker, or a Tie.</li><li>The hand closest to 9 points wins the round.</li><li>Professional dealers manage the game in real-time.</li></ul>
1474                        </div>
1475                    </div>
1476                </div>
1477                <div class="mt-8 flex justify-end">
1478                    <button onclick="playGame('Royal Baccarat')" title="Start playing Royal Baccarat" class="group relative inline-flex items-center justify-center px-6 py-3 overflow-hidden font-bold text-[#022c22] transition-all duration-300 bg-[#10b981] rounded-lg hover:bg-[#34d399] active:scale-95">
1479                        <span class="relative z-10 text-sm md:text-base uppercase tracking-wide">PLAY NOW</span>
1480                        <div class="absolute inset-0 w-full h-full bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-500"></div>
1481                    </button>
1482                </div>
1483            </div>
1484            <div class="absolute -bottom-2 -right-2 w-12 h-12 bg-[#10b981]/10 rounded-tl-full pointer-events-none"></div>
1485        </article>
1486        <article class="relative overflow-hidden rounded-2xl border border-[#065f46] bg-[#064e3b] shadow-xl transition-all duration-300 hover:border-[#10b981] group">
1487            <div class="p-5 md:p-8">
1488                <div class="flex items-center gap-4 mb-6">
1489                    <div class="flex-shrink-0 w-14 h-14 md:w-16 md:h-16 rounded-xl bg-[#022c22] border border-[#10b981] flex items-center justify-center text-2xl md:text-3xl shadow-inner shadow-[#10b981]/20">
1490                        <span class="flex items-center justify-center">🏛️</span>
1491                    </div>
1492                    <div class="flex-1 min-w-0">
1493                        <h3 class="text-xl md:text-2xl font-bold text-[#ecfdf5] truncate-2-lines leading-tight" title="Golden Empire">
1494                            Golden Empire
1495                        </h3>
1496                        <p class="text-sm md:text-base text-[#34d399] font-medium opacity-90 truncate" title="Ancient treasures await">
1497                            Ancient treasures await
1498                        </p>
1499                    </div>
1500                </div>
1501                <div class="space-y-6">
1502                    <div class="relative pl-4 border-l-2 border-[#10b981]/40">
1503                        <p class="text-[#ecfdf5] text-sm md:text-base leading-relaxed opacity-90" title="About Golden Empire">
1504                            </p><p>Explore the lost city of gold and discover hidden riches in this immersive cinematic slot adventure.</p>
1505                        <p></p>
1506                    </div>
1507                    <div class="bg-[#022c22]/50 rounded-lg p-4 border border-[#065f46]">
1508                        <div class="flex items-center gap-2 mb-3">
1509                            <div class="w-1 h-4 bg-[#10b981] rounded-full"></div>
1510                            <span class="text-xs font-bold uppercase tracking-wider text-[#10b981]">How to Play</span>
1511                        </div>
1512                        <div class="text-[#ecfdf5] text-sm md:text-base leading-relaxed opacity-80" title="Rules for Golden Empire">
1513                            <ul><li>Spin the reels to find ancient gold artifacts.</li><li>Trigger the bonus round for extra free spins.</li><li>Maximize your bet to enter the high-stakes empire mode.</li></ul>
1514                        </div>
1515                    </div>
1516                </div>
1517                <div class="mt-8 flex justify-end">
1518                    <button onclick="playGame('Golden Empire')" title="Start playing Golden Empire" class="group relative inline-flex items-center justify-center px-6 py-3 overflow-hidden font-bold text-[#022c22] transition-all duration-300 bg-[#10b981] rounded-lg hover:bg-[#34d399] active:scale-95">
1519                        <span class="relative z-10 text-sm md:text-base uppercase tracking-wide">PLAY NOW</span>
1520                        <div class="absolute inset-0 w-full h-full bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-500"></div>
1521                    </button>
1522                </div>
1523            </div>
1524            <div class="absolute -bottom-2 -right-2 w-12 h-12 bg-[#10b981]/10 rounded-tl-full pointer-events-none"></div>
1525        </article>
1526    </div>
1527</section>
1528<section class="py-12 px-4 md:py-20 md:px-8 bg-[#022c22] overflow-hidden" title="Start Winning on 55jilicasino.ph in 6 Steps guide section">
1529    <div class="max-w-6xl mx-auto">
1530        <header class="mb-12 md:mb-16 flex flex-col md:flex-row md:items-end md:justify-between gap-6">
1531            <div class="max-w-2xl">
1532                <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-[#ecfdf5] leading-tight mb-4">
1533                    Start Winning on 55jilicasino.ph in 6 Steps
1534                    <span class="block w-12 h-1 bg-[#10b981] mt-2"></span>
1535                </h2>
1536                <p class="text-[#34d399] text-sm md:text-base leading-relaxed opacity-90" title="Join thousands of Filipino winners on 55jilicasino.ph today. Get started with our fast, safe, and easy onboarding process.">
1537                    Join thousands of Filipino winners on 55jilicasino.ph today. Get started with our fast, safe, and easy onboarding process.
1538                </p>
1539            </div>
1540        </header>
1541        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-16">
1542            <article class="relative group flex flex-col bg-[#064e3b] border border-[#065f46] rounded-2xl p-6 transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.2)]" title="Step 1: Register 55jili Account">
1543                <div class="flex items-center gap-3 mb-4">
1544                    <span class="flex-shrink-0 w-8 h-8 rounded-lg bg-[#10b981] text-[#022c22] text-xs font-bold flex items-center justify-center border border-[#ecfdf5]">
1545                        1
1546                    </span>
1547                    <div class="flex items-center gap-2">
1548                        <div class="text-xl flex-shrink-0">
1549                            👤
1550                        </div>
1551                        <h3 class="text-lg font-semibold text-[#ecfdf5] leading-tight">
1552                            Register 55jili Account
1553                        </h3>
1554                    </div>
1555                </div>
1556                <div class="flex-grow">
1557                    <p class="text-[#34d399] text-sm leading-relaxed opacity-80" title="Visit 55jilicasino.ph and click the register button. Fill in your basic details to create your official 55jili login credentials quickly.">
1558                        Visit 55jilicasino.ph and click the register button. Fill in your basic details to create your official 55jili login credentials quickly.
1559                    </p>
1560                </div>
1561                <div class="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-[#10b981] to-transparent opacity-30 group-hover:opacity-100 transition-opacity"></div>
1562            </article>
1563            <article class="relative group flex flex-col bg-[#064e3b] border border-[#065f46] rounded-2xl p-6 transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.2)]" title="Step 2: Complete 55jili Login">
1564                <div class="flex items-center gap-3 mb-4">
1565                    <span class="flex-shrink-0 w-8 h-8 rounded-lg bg-[#10b981] text-[#022c22] text-xs font-bold flex items-center justify-center border border-[#ecfdf5]">
1566                        2
1567                    </span>
1568                    <div class="flex items-center gap-2">
1569                        <div class="text-xl flex-shrink-0">
1570                            🔑
1571                        </div>
1572                        <h3 class="text-lg font-semibold text-[#ecfdf5] leading-tight">
1573                            Complete 55jili Login
1574                        </h3>
1575                    </div>
1576                </div>
1577                <div class="flex-grow">
1578                    <p class="text-[#34d399] text-sm leading-relaxed opacity-80" title="Use your registered phone number or username to access your account. The 55jili login process is secure and takes only a few seconds.">
1579                        Use your registered phone number or username to access your account. The 55jili login process is secure and takes only a few seconds.
1580                    </p>
1581                </div>
1582                <div class="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-[#10b981] to-transparent opacity-30 group-hover:opacity-100 transition-opacity"></div>
1583            </article>
1584            <article class="relative group flex flex-col bg-[#064e3b] border border-[#065f46] rounded-2xl p-6 transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.2)]" title="Step 3: Deposit Funds">
1585                <div class="flex items-center gap-3 mb-4">
1586                    <span class="flex-shrink-0 w-8 h-8 rounded-lg bg-[#10b981] text-[#022c22] text-xs font-bold flex items-center justify-center border border-[#ecfdf5]">
1587                        3
1588                    </span>
1589                    <div class="flex items-center gap-2">
1590                        <div class="text-xl flex-shrink-0">
1591                            💰
1592                        </div>
1593                        <h3 class="text-lg font-semibold text-[#ecfdf5] leading-tight">
1594                            Deposit Funds
1595                        </h3>
1596                    </div>
1597                </div>
1598                <div class="flex-grow">
1599                    <p class="text-[#34d399] text-sm leading-relaxed opacity-80" title="Go to the cashier and choose your preferred PH payment method. Add funds to your 55jilicasino.ph wallet to start playing your favorite games.">
1600                        Go to the cashier and choose your preferred PH payment method. Add funds to your 55jilicasino.ph wallet to start playing your favorite games.
1601                    </p>
1602                </div>
1603                <div class="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-[#10b981] to-transparent opacity-30 group-hover:opacity-100 transition-opacity"></div>
1604            </article>
1605            <article class="relative group flex flex-col bg-[#064e3b] border border-[#065f46] rounded-2xl p-6 transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.2)]" title="Step 4: Select Your Game">
1606                <div class="flex items-center gap-3 mb-4">
1607                    <span class="flex-shrink-0 w-8 h-8 rounded-lg bg-[#10b981] text-[#022c22] text-xs font-bold flex items-center justify-center border border-[#ecfdf5]">
1608                        4
1609                    </span>
1610                    <div class="flex items-center gap-2">
1611                        <div class="text-xl flex-shrink-0">
1612                            🎰
1613                        </div>
1614                        <h3 class="text-lg font-semibold text-[#ecfdf5] leading-tight">
1615                            Select Your Game
1616                        </h3>
1617                    </div>
1618                </div>
1619                <div class="flex-grow">
1620                    <p class="text-[#34d399] text-sm leading-relaxed opacity-80" title="Browse the extensive library at 55jili casino. Choose from Jili slots, live casino, or sports betting based on your preference.">
1621                        Browse the extensive library at 55jili casino. Choose from Jili slots, live casino, or sports betting based on your preference.
1622                    </p>
1623                </div>
1624                <div class="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-[#10b981] to-transparent opacity-30 group-hover:opacity-100 transition-opacity"></div>
1625            </article>
1626            <article class="relative group flex flex-col bg-[#064e3b] border border-[#065f46] rounded-2xl p-6 transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.2)]" title="Step 5: Place Your Bets">
1627                <div class="flex items-center gap-3 mb-4">
1628                    <span class="flex-shrink-0 w-8 h-8 rounded-lg bg-[#10b981] text-[#022c22] text-xs font-bold flex items-center justify-center border border-[#ecfdf5]">
1629                        5
1630                    </span>
1631                    <div class="flex items-center gap-2">
1632                        <div class="text-xl flex-shrink-0">
1633                            ⚡
1634                        </div>
1635                        <h3 class="text-lg font-semibold text-[#ecfdf5] leading-tight">
1636                            Place Your Bets
1637                        </h3>
1638                    </div>
1639                </div>
1640                <div class="flex-grow">
1641                    <p class="text-[#34d399] text-sm leading-relaxed opacity-80" title="Set your wager amount and spin the reels or place your bets. Experience the high-speed gameplay and fair odds on 55jili ph.">
1642                        Set your wager amount and spin the reels or place your bets. Experience the high-speed gameplay and fair odds on 55jili ph.
1643                    </p>
1644                </div>
1645                <div class="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-[#10b981] to-transparent opacity-30 group-hover:opacity-100 transition-opacity"></div>
1646            </article>
1647            <article class="relative group flex flex-col bg-[#064e3b] border border-[#065f46] rounded-2xl p-6 transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.2)]" title="Step 6: Withdraw Winnings">
1648                <div class="flex items-center gap-3 mb-4">
1649                    <span class="flex-shrink-0 w-8 h-8 rounded-lg bg-[#10b981] text-[#022c22] text-xs font-bold flex items-center justify-center border border-[#ecfdf5]">
1650                        6
1651                    </span>
1652                    <div class="flex items-center gap-2">
1653                        <div class="text-xl flex-shrink-0">
1654                            🏆
1655                        </div>
1656                        <h3 class="text-lg font-semibold text-[#ecfdf5] leading-tight">
1657                            Withdraw Winnings
1658                        </h3>
1659                    </div>
1660                </div>
1661                <div class="flex-grow">
1662                    <p class="text-[#34d399] text-sm leading-relaxed opacity-80" title="Once you hit the jackpot, head to the withdrawal section. Transfer your winnings from 55jilicasino.ph directly to your local bank or e-wallet.">
1663                        Once you hit the jackpot, head to the withdrawal section. Transfer your winnings from 55jilicasino.ph directly to your local bank or e-wallet.
1664                    </p>
1665                </div>
1666                <div class="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-[#10b981] to-transparent opacity-30 group-hover:opacity-100 transition-opacity"></div>
1667            </article>
1668        </div>
1669        <footer class="relative py-10 px-6 rounded-3xl bg-gradient-to-b from-[#064e3b] to-[#022c22] border border-[#065f46] text-center max-w-3xl mx-auto">
1670            <div class="relative z-10">
1671                <button onclick="downloadApp()" class="group relative inline-flex items-center justify-center px-8 py-4 font-bold text-[#022c22] bg-[#10b981] rounded-full transition-all duration-300 hover:scale-105 hover:shadow-[0_0_25px_rgba(16,185,129,0.5)] active:scale-95" title="Download 55jili Login App &amp; Start Now">
1672                    <span class="relative z-10">Download 55jili Login App &amp; Start Now</span>
1673                    <div class="absolute inset-0 rounded-full bg-white opacity-0 group-hover:opacity-20 transition-opacity"></div>
1674                </button>
1675                <p class="mt-4 text-xs text-[#34d399] opacity-60 italic" title="Supported on iOS &amp; Android - Updated 2024">
1676                    Supported on iOS &amp; Android - Updated 2024
1677                </p>
1678            </div>
1679            <div class="absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none">
1680                <div class="absolute -top-10 -left-10 w-32 h-32 bg-[#10b981] opacity-5 blur-3xl rounded-full"></div>
1681                <div class="absolute -bottom-10 -right-10 w-32 h-32 bg-[#10b981] opacity-5 blur-3xl rounded-full"></div>
1682            </div>
1683        </footer>
1684    </div>
1685</section>
1686<section class="py-12 px-4 sm:py-16 lg:py-20 bg-[#022c22] overflow-hidden">
1687  <header class="max-w-4xl mx-auto text-center mb-10 sm:mb-14">
1688    <div class="flex items-center justify-center gap-3 mb-3 text-[#34d399] font-mono text-sm tracking-widest opacity-80">
1689      <div class="h-[1px] w-8 bg-[#10b981]"></div>
1690      <span>---- 🏆 ----</span>
1691      <div class="h-[1px] w-8 bg-[#10b981]"></div>
1692    </div>
1693    <h2 class="text-2xl sm:text-3xl md:text-4xl font-bold text-[#ecfdf5] mb-4 leading-tight">
1694      Live Win Feed
1695    </h2>
1696    <p class="text-sm sm:text-base text-[#34d399] max-w-2xl mx-auto leading-relaxed opacity-90" title="Real-time payouts from our lucky players across the Philippines">
1697      Real-time payouts from our lucky players across the Philippines
1698    </p>
1699  </header>
1700  <div class="max-w-3xl mx-auto grid gap-4 sm:grid-cols-1 lg:grid-cols-1">
1701    <article class="relative group p-4 sm:p-6 rounded-2xl border border-[#065f46] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.15)]">
1702      <div class="flex items-start justify-between mb-4">
1703        <div class="flex items-center gap-3">
1704          <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#022c22] border-2 border-[#10b981] flex items-center justify-center text-xl sm:text-2xl shadow-inner">
1705            <span class="select-none">😎</span>
1706          </div>
1707          <div class="flex flex-col">
1708            <h3 class="text-[#ecfdf5] font-semibold text-sm sm:text-base leading-none mb-1">
1709              PinoyGaming_99
1710            </h3>
1711            <span class="text-[10px] sm:text-xs text-[#34d399] bg-[#022c22] px-2 py-0.5 rounded-full border border-[#065f46] inline-block w-fit">
1712              Jili Super Ace
1713            </span>
1714          </div>
1715        </div>
1716        <span class="text-[10px] sm:text-xs text-[#34d399] opacity-60 self-center" title="Winning time">
1717          🕒 2 mins ago
1718        </span>
1719      </div>
1720      <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-3 mb-4">
1721        <div class="flex flex-col">
1722          <span class="text-[10px] uppercase tracking-wider text-[#34d399] opacity-70 mb-1">Winning Amount</span>
1723          <div class="text-2xl sm:text-3xl font-black text-[#10b981] tabular-nums drop-shadow-[0_0_8px_rgba(16,185,129,0.4)]">
1724            ₱12,500
1725          </div>
1726        </div>
1727      </div>
1728      <div class="relative pl-4 border-l-2 border-[#10b981]/30">
1729        <p class="text-xs sm:text-sm text-[#ecfdf5] opacity-80 italic leading-relaxed" title="Grabe! The multipliers are insane on this game. I'm so happy!">
1730          Grabe! The multipliers are insane on this game. I'm so happy!
1731        </p>
1732      </div>
1733    </article>
1734    <article class="relative group p-4 sm:p-6 rounded-2xl border border-[#065f46] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.15)]">
1735      <div class="flex items-start justify-between mb-4">
1736        <div class="flex items-center gap-3">
1737          <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#022c22] border-2 border-[#10b981] flex items-center justify-center text-xl sm:text-2xl shadow-inner">
1738            <span class="select-none">👩</span>
1739          </div>
1740          <div class="flex flex-col">
1741            <h3 class="text-[#ecfdf5] font-semibold text-sm sm:text-base leading-none mb-1">
1742              MariaC_88
1743            </h3>
1744            <span class="text-[10px] sm:text-xs text-[#34d399] bg-[#022c22] px-2 py-0.5 rounded-full border border-[#065f46] inline-block w-fit">
1745              Fortune Gems
1746            </span>
1747          </div>
1748        </div>
1749        <span class="text-[10px] sm:text-xs text-[#34d399] opacity-60 self-center" title="Winning time">
1750          🕒 15 mins ago
1751        </span>
1752      </div>
1753      <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-3 mb-4">
1754        <div class="flex flex-col">
1755          <span class="text-[10px] uppercase tracking-wider text-[#34d399] opacity-70 mb-1">Winning Amount</span>
1756          <div class="text-2xl sm:text-3xl font-black text-[#10b981] tabular-nums drop-shadow-[0_0_8px_rgba(16,185,129,0.4)]">
1757            ₱85,000
1758          </div>
1759        </div>
1760        <div class="flex-shrink-0 px-3 py-1 bg-[#10b981] text-[#022c22] text-[10px] sm:text-xs font-bold rounded-md uppercase tracking-tighter animate-pulse">
1761          Jackpot
1762        </div>
1763      </div>
1764      <div class="relative pl-4 border-l-2 border-[#10b981]/30">
1765        <p class="text-xs sm:text-sm text-[#ecfdf5] opacity-80 italic leading-relaxed" title="Omg! I finally hit the big one! Best day of my life!">
1766          Omg! I finally hit the big one! Best day of my life!
1767        </p>
1768      </div>
1769    </article>
1770    <article class="relative group p-4 sm:p-6 rounded-2xl border border-[#065f46] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.15)]">
1771      <div class="flex items-start justify-between mb-4">
1772        <div class="flex items-center gap-3">
1773          <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#022c22] border-2 border-[#10b981] flex items-center justify-center text-xl sm:text-2xl shadow-inner">
1774            <span class="select-none">👨</span>
1775          </div>
1776          <div class="flex flex-col">
1777            <h3 class="text-[#ecfdf5] font-semibold text-sm sm:text-base leading-none mb-1">
1778              KuyaJojo_PH
1779            </h3>
1780            <span class="text-[10px] sm:text-xs text-[#34d399] bg-[#022c22] px-2 py-0.5 rounded-full border border-[#065f46] inline-block w-fit">
1781              Golden Fishing
1782            </span>
1783          </div>
1784        </div>
1785        <span class="text-[10px] sm:text-xs text-[#34d399] opacity-60 self-center" title="Winning time">
1786          🕒 30 mins ago
1787        </span>
1788      </div>
1789      <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-3 mb-4">
1790        <div class="flex flex-col">
1791          <span class="text-[10px] uppercase tracking-wider text-[#34d399] opacity-70 mb-1">Winning Amount</span>
1792          <div class="text-2xl sm:text-3xl font-black text-[#10b981] tabular-nums drop-shadow-[0_0_8px_rgba(16,185,129,0.4)]">
1793            ₱4,200
1794          </div>
1795        </div>
1796      </div>
1797      <div class="relative pl-4 border-l-2 border-[#10b981]/30">
1798        <p class="text-xs sm:text-sm text-[#ecfdf5] opacity-80 italic leading-relaxed" title="Easy wins today. This game is so relaxing and rewarding!">
1799          Easy wins today. This game is so relaxing and rewarding!
1800        </p>
1801      </div>
1802    </article>
1803    <article class="relative group p-4 sm:p-6 rounded-2xl border border-[#065f46] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.15)]">
1804      <div class="flex items-start justify-between mb-4">
1805        <div class="flex items-center gap-3">
1806          <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#022c22] border-2 border-[#10b981] flex items-center justify-center text-xl sm:text-2xl shadow-inner">
1807            <span class="select-none">👩</span>
1808          </div>
1809          <div class="flex flex-col">
1810            <h3 class="text-[#ecfdf5] font-semibold text-sm sm:text-base leading-none mb-1">
1811              LizaS_Win
1812            </h3>
1813            <span class="text-[10px] sm:text-xs text-[#34d399] bg-[#022c22] px-2 py-0.5 rounded-full border border-[#065f46] inline-block w-fit">
1814              Baccarat Deluxe
1815            </span>
1816          </div>
1817        </div>
1818        <span class="text-[10px] sm:text-xs text-[#34d399] opacity-60 self-center" title="Winning time">
1819          🕒 1 hour ago
1820        </span>
1821      </div>
1822      <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-3 mb-4">
1823        <div class="flex flex-col">
1824          <span class="text-[10px] uppercase tracking-wider text-[#34d399] opacity-70 mb-1">Winning Amount</span>
1825          <div class="text-2xl sm:text-3xl font-black text-[#10b981] tabular-nums drop-shadow-[0_0_8px_rgba(16,185,129,0.4)]">
1826            ₱18,000
1827          </div>
1828        </div>
1829      </div>
1830      <div class="relative pl-4 border-l-2 border-[#10b981]/30">
1831        <p class="text-xs sm:text-sm text-[#ecfdf5] opacity-80 italic leading-relaxed" title="Solid win! The payout was fast and smooth. I'll play again!">
1832          Solid win! The payout was fast and smooth. I'll play again!
1833        </p>
1834      </div>
1835    </article>
1836    <article class="relative group p-4 sm:p-6 rounded-2xl border border-[#065f46] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.15)]">
1837      <div class="flex items-start justify-between mb-4">
1838        <div class="flex items-center gap-3">
1839          <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#022c22] border-2 border-[#10b981] flex items-center justify-center text-xl sm:text-2xl shadow-inner">
1840            <span class="select-none">🧔</span>
1841          </div>
1842          <div class="flex flex-col">
1843            <h3 class="text-[#ecfdf5] font-semibold text-sm sm:text-base leading-none mb-1">
1844              Rico_Boss
1845            </h3>
1846            <span class="text-[10px] sm:text-xs text-[#34d399] bg-[#022c22] px-2 py-0.5 rounded-full border border-[#065f46] inline-block w-fit">
1847              Mega Jackpot Slot
1848            </span>
1849          </div>
1850        </div>
1851        <span class="text-[10px] sm:text-xs text-[#34d399] opacity-60 self-center" title="Winning time">
1852          🕒 3 hours ago
1853        </span>
1854      </div>
1855      <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-3 mb-4">
1856        <div class="flex flex-col">
1857          <span class="text-[10px] uppercase tracking-wider text-[#34d399] opacity-70 mb-1">Winning Amount</span>
1858          <div class="text-2xl sm:text-3xl font-black text-[#10b981] tabular-nums drop-shadow-[0_0_8px_rgba(16,185,129,0.4)]">
1859            ₱150,000
1860          </div>
1861        </div>
1862        <div class="flex-shrink-0 px-3 py-1 bg-[#10b981] text-[#022c22] text-[10px] sm:text-xs font-bold rounded-md uppercase tracking-tighter animate-pulse">
1863          Jackpot
1864        </div>
1865      </div>
1866      <div class="relative pl-4 border-l-2 border-[#10b981]/30">
1867        <p class="text-xs sm:text-sm text-[#ecfdf5] opacity-80 italic leading-relaxed" title="Unbelievable! This is a life-changer! Thank you so much for this win!">
1868          Unbelievable! This is a life-changer! Thank you so much for this win!
1869        </p>
1870      </div>
1871    </article>
1872    <article class="relative group p-4 sm:p-6 rounded-2xl border border-[#065f46] bg-[#064e3b] transition-all duration-300 hover:border-[#10b981] hover:shadow-[0_0_20px_rgba(16,185,129,0.15)]">
1873      <div class="flex items-start justify-between mb-4">
1874        <div class="flex items-center gap-3">
1875          <div class="flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-[#022c22] border-2 border-[#10b981] flex items-center justify-center text-xl sm:text-2xl shadow-inner">
1876            <span class="select-none">🧑</span>
1877          </div>
1878          <div class="flex flex-col">
1879            <h3 class="text-[#ecfdf5] font-semibold text-sm sm:text-base leading-none mb-1">
1880              Dindo_Lucky
1881            </h3>
1882            <span class="text-[10px] sm:text-xs text-[#34d399] bg-[#022c22] px-2 py-0.5 rounded-full border border-[#065f46] inline-block w-fit">
1883              Poker Night
1884            </span>
1885          </div>
1886        </div>
1887        <span class="text-[10px] sm:text-xs text-[#34d399] opacity-60 self-center" title="Winning time">
1888          🕒 5 hours ago
1889        </span>
1890      </div>
1891      <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-3 mb-4">
1892        <div class="flex flex-col">
1893          <span class="text-[10px] uppercase tracking-wider text-[#34d399] opacity-70 mb-1">Winning Amount</span>
1894          <div class="text-2xl sm:text-3xl font-black text-[#10b981] tabular-nums drop-shadow-[0_0_8px_rgba(16,185,129,0.4)]">
1895            ₱7,800
1896          </div>
1897        </div>
1898      </div>
1899      <div class="relative pl-4 border-l-2 border-[#10b981]/30">
1900        <p class="text-xs sm:text-sm text-[#ecfdf5] opacity-80 italic leading-relaxed" title="Good game, great strategy. Really enjoyed the competition and the winnings!">
1901          Good game, great strategy. Really enjoyed the competition and the winnings!
1902        </p>
1903      </div>
1904    </article>
1905  </div>
1906</section>
1907<section class="py-12 px-4 md:py-20 md:px-8 bg-[#022c22]">
1908    <div class="max-w-6xl mx-auto">
1909        <header class="text-center mb-10 md:mb-16">
1910            <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] mb-3 tracking-tight" title="Player Feedback">
1911                Player Feedback
1912            </h2>
1913            <p class="text-sm md:text-base text-[#34d399] opacity-80 max-w-md mx-auto leading-relaxed" title="Real experiences from our gaming community in the Philippines">
1914                Real experiences from our gaming community in the Philippines
1915            </p>
1916        </header>
1917        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6">
1918            <article class="flex flex-col p-5 bg-[#064e3b] border border-[#065f46] rounded-2xl shadow-lg transition-transform duration-300 hover:scale-[1.02]" title="Review by Paolo Ramos">
1919                <div class="flex items-center justify-between mb-4">
1920                    <div class="flex items-center gap-3">
1921                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] font-bold text-sm shrink-0 border-2 border-[#ecfdf5]">
1922                            😎
1923                        </div>
1924                        <div class="flex flex-col overflow-hidden">
1925                            <span class="text-sm font-semibold text-[#ecfdf5] truncate leading-tight">
1926                                Paolo Ramos
1927                            </span>
1928                            <span class="text-[11px] text-[#34d399] opacity-70">
1929                                2 hours ago
1930                            </span>
1931                        </div>
1932                    </div>
1933                    <div class="flex items-center gap-1 bg-[#022c22] px-2 py-1 rounded-lg border border-[#065f46]">
1934                        <svg class="w-3 h-3 text-[#10b981]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1935                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118l-2.8-2.034c-.859-.57-.052-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
1936                        </svg>
1937                        <span class="text-xs font-bold text-[#10b981]">5.0</span>
1938                    </div>
1939                </div>
1940                <div class="flex-grow">
1941                    <p class="text-sm text-[#ecfdf5] leading-relaxed opacity-90" title="The 55jili login process is so smooth. I really love how fast the payouts are processed to my GCash account every single time.">
1942                        The 55jili login process is so smooth. I really love how fast the payouts are processed to my GCash account every single time.
1943                    </p>
1944                </div>
1945                <div class="mt-6 pt-4 border-t border-[#065f46] flex items-center justify-between">
1946                    <div class="flex items-center gap-1 text-[11px] text-[#34d399] font-medium bg-[#022c22] px-2 py-0.5 rounded-md border border-[#065f46]">
1947                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1948                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
1949                        </svg>
1950                        Verified Player
1951                    </div>
1952                    <div class="flex items-center gap-1.5 text-[11px] text-[#ecfdf5] opacity-60">
1953                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1954                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.818-1.318a4.5 4.5 0 00-6.364 0z"></path>
1955                        </svg>
1956                        42
1957                    </div>
1958                </div>
1959            </article>
1960            <article class="flex flex-col p-5 bg-[#064e3b] border border-[#065f46] rounded-2xl shadow-lg transition-transform duration-300 hover:scale-[1.02]" title="Review by Christian Jimenez">
1961                <div class="flex items-center justify-between mb-4">
1962                    <div class="flex items-center gap-3">
1963                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] font-bold text-sm shrink-0 border-2 border-[#ecfdf5]">
1964                            👨
1965                        </div>
1966                        <div class="flex flex-col overflow-hidden">
1967                            <span class="text-sm font-semibold text-[#ecfdf5] truncate leading-tight">
1968                                Christian Jimenez
1969                            </span>
1970                            <span class="text-[11px] text-[#34d399] opacity-70">
1971                                5 hours ago
1972                            </span>
1973                        </div>
1974                    </div>
1975                    <div class="flex items-center gap-1 bg-[#022c22] px-2 py-1 rounded-lg border border-[#065f46]">
1976                        <svg class="w-3 h-3 text-[#10b981]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1977                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118l-2.8-2.034c-.859-.57-.052-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
1978                        </svg>
1979                        <span class="text-xs font-bold text-[#10b981]">4.8</span>
1980                    </div>
1981                </div>
1982                <div class="flex-grow">
1983                    <p class="text-sm text-[#ecfdf5] leading-relaxed opacity-90" title="Best casino app I have tried so far. The game variety is amazing and the 55jili ph interface is very easy to navigate on mobile.">
1984                        Best casino app I have tried so far. The game variety is amazing and the 55jili ph interface is very easy to navigate on mobile.
1985                    </p>
1986                </div>
1987                <div class="mt-6 pt-4 border-t border-[#065f46] flex items-center justify-between">
1988                    <div class="flex items-center gap-1 text-[11px] text-[#34d399] font-medium bg-[#022c22] px-2 py-0.5 rounded-md border border-[#065f46]">
1989                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1990                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
1991                        </svg>
1992                        Verified Player
1993                    </div>
1994                    <div class="flex items-center gap-1.5 text-[11px] text-[#ecfdf5] opacity-60">
1995                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1996                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.818-1.318a4.5 4.5 0 00-6.364 0z"></path>
1997                        </svg>
1998                        28
1999                    </div>
2000                </div>
2001            </article>
2002            <article class="flex flex-col p-5 bg-[#064e3b] border border-[#065f46] rounded-2xl shadow-lg transition-transform duration-300 hover:scale-[1.02]" title="Review by Cassy Legaspi">
2003                <div class="flex items-center justify-between mb-4">
2004                    <div class="flex items-center gap-3">
2005                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] font-bold text-sm shrink-0 border-2 border-[#ecfdf5]">
2006                            👩
2007                        </div>
2008                        <div class="flex flex-col overflow-hidden">
2009                            <span class="text-sm font-semibold text-[#ecfdf5] truncate leading-tight">
2010                                Cassy Legaspi
2011                            </span>
2012                            <span class="text-[11px] text-[#34d399] opacity-70">
2013                                1 day ago
2014                            </span>
2015                        </div>
2016                    </div>
2017                    <div class="flex items-center gap-1 bg-[#022c22] px-2 py-1 rounded-lg border border-[#065f46]">
2018                        <svg class="w-3 h-3 text-[#10b981]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2019                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118l-2.8-2.034c-.859-.57-.052-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
2020                        </svg>
2021                        <span class="text-xs font-bold text-[#10b981]">4.9</span>
2022                    </div>
2023                </div>
2024                <div class="flex-grow">
2025                    <p class="text-sm text-[#ecfdf5] leading-relaxed opacity-90" title="I had a small issue with my 55jili login register, but the customer support team fixed it immediately. Very professional and helpful staff!">
2026                        I had a small issue with my 55jili login register, but the customer support team fixed it immediately. Very professional and helpful staff!
2027                    </p>
2028                </div>
2029                <div class="mt-6 pt-4 border-t border-[#065f46] flex items-center justify-between">
2030                    <div class="flex items-center gap-1 text-[11px] text-[#34d399] font-medium bg-[#022c22] px-2 py-0.5 rounded-md border border-[#065f46]">
2031                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2032                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
2033                        </svg>
2034                        Verified Player
2035                    </div>
2036                    <div class="flex items-center gap-1.5 text-[11px] text-[#ecfdf5] opacity-60">
2037                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2038                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.818-1.318a4.5 4.5 0 00-6.364 0z"></path>
2039                        </svg>
2040                        56
2041                    </div>
2042                </div>
2043            </article>
2044            <article class="flex flex-col p-5 bg-[#064e3b] border border-[#065f46] rounded-2xl shadow-lg transition-transform duration-300 hover:scale-[1.02]" title="Review by Nathaniel Pineda">
2045                <div class="flex items-center justify-between mb-4">
2046                    <div class="flex items-center gap-3">
2047                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] font-bold text-sm shrink-0 border-2 border-[#ecfdf5]">
2048                            🧑
2049                        </div>
2050                        <div class="flex flex-col overflow-hidden">
2051                            <span class="text-sm font-semibold text-[#ecfdf5] truncate leading-tight">
2052                                Nathaniel Pineda
2053                            </span>
2054                            <span class="text-[11px] text-[#34d399] opacity-70">
2055                                3 days ago
2056                            </span>
2057                        </div>
2058                    </div>
2059                    <div class="flex items-center gap-1 bg-[#022c22] px-2 py-1 rounded-lg border border-[#065f46]">
2060                        <svg class="w-3 h-3 text-[#10b981]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2061                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118l-2.8-2.034c-.859-.57-.052-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
2062                        </svg>
2063                        <span class="text-xs font-bold text-[#10b981]">5.0</span>
2064                    </div>
2065                </div>
2066                <div class="flex-grow">
2067                    <p class="text-sm text-[#ecfdf5] leading-relaxed opacity-90" title="Super addictive games and the graphics are top-notch. Winning feels great when the withdrawal is just a few clicks away. Highly recommended!">
2068                        Super addictive games and the graphics are top-notch. Winning feels great when the withdrawal is just a few clicks away. Highly recommended!
2069                    </p>
2070                </div>
2071                <div class="mt-6 pt-4 border-t border-[#065f46] flex items-center justify-between">
2072                    <div class="flex items-center gap-1 text-[11px] text-[#34d399] font-medium bg-[#022c22] px-2 py-0.5 rounded-md border border-[#065f46]">
2073                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2074                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
2075                        </svg>
2076                        Verified Player
2077                    </div>
2078                    <div class="flex items-center gap-1.5 text-[11px] text-[#ecfdf5] opacity-60">
2079                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2080                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.818-1.318a4.5 4.5 0 00-6.364 0z"></path>
2081                        </svg>
2082                        112
2083                    </div>
2084                </div>
2085            </article>
2086            <article class="flex flex-col p-5 bg-[#064e3b] border border-[#065f46] rounded-2xl shadow-lg transition-transform duration-300 hover:scale-[1.02]" title="Review by Ranz Kyle">
2087                <div class="flex items-center justify-between mb-4">
2088                    <div class="flex items-center gap-3">
2089                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] font-bold text-sm shrink-0 border-2 border-[#ecfdf5]">
2090                            🧔
2091                        </div>
2092                        <div class="flex flex-col overflow-hidden">
2093                            <span class="text-sm font-semibold text-[#ecfdf5] truncate leading-tight">
2094                                Ranz Kyle
2095                            </span>
2096                            <span class="text-[11px] text-[#34d399] opacity-70">
2097                                1 week ago
2098                            </span>
2099                        </div>
2100                    </div>
2101                    <div class="flex items-center gap-1 bg-[#022c22] px-2 py-1 rounded-lg border border-[#065f46]">
2102                        <svg class="w-3 h-3 text-[#10b981]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2103                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118l-2.8-2.034c-.859-.57-.052-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
2104                        </svg>
2105                        <span class="text-xs font-bold text-[#10b981]">4.7</span>
2106                    </div>
2107                </div>
2108                <div class="flex-grow">
2109                    <p class="text-sm text-[#ecfdf5] leading-relaxed opacity-90" title="The 55jili login app is very stable and doesn't lag even on a slow connection. Great way to spend my break time.">
2110                        The 55jili login app is very stable and doesn't lag even on a slow connection. Great way to spend my break time.
2111                    </p>
2112                </div>
2113                <div class="mt-6 pt-4 border-t border-[#065f46] flex items-center justify-between">
2114                    <div class="flex items-center gap-1 text-[11px] text-[#34d399] font-medium bg-[#022c22] px-2 py-0.5 rounded-md border border-[#065f46]">
2115                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2116                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
2117                        </svg>
2118                        Verified Player
2119                    </div>
2120                    <div class="flex items-center gap-1.5 text-[11px] text-[#ecfdf5] opacity-60">
2121                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2122                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.818-1.318a4.5 4.5 0 00-6.364 0z"></path>
2123                        </svg>
2124                        31
2125                    </div>
2126                </div>
2127            </article>
2128            <article class="flex flex-col p-5 bg-[#064e3b] border border-[#065f46] rounded-2xl shadow-lg transition-transform duration-300 hover:scale-[1.02]" title="Review by Ramon Ang">
2129                <div class="flex items-center justify-between mb-4">
2130                    <div class="flex items-center gap-3">
2131                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] font-bold text-sm shrink-0 border-2 border-[#ecfdf5]">
2132                            🙂
2133                        </div>
2134                        <div class="flex flex-col overflow-hidden">
2135                            <span class="text-sm font-semibold text-[#ecfdf5] truncate leading-tight">
2136                                Ramon Ang
2137                            </span>
2138                            <span class="text-[11px] text-[#34d399] opacity-70">
2139                                2 weeks ago
2140                            </span>
2141                        </div>
2142                    </div>
2143                    <div class="flex items-center gap-1 bg-[#022c22] px-2 py-1 rounded-lg border border-[#065f46]">
2144                        <svg class="w-3 h-3 text-[#10b981]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2145                            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118l-2.8-2.034c-.859-.57-.052-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
2146                        </svg>
2147                        <span class="text-xs font-bold text-[#10b981]">4.9</span>
2148                    </div>
2149                </div>
2150                <div class="flex-grow">
2151                    <p class="text-sm text-[#ecfdf5] leading-relaxed opacity-90" title="Legit platform with fair odds. I've invited my friends to join 55jili casino and we are all enjoying the daily bonuses.">
2152                        Legit platform with fair odds. I've invited my friends to join 55jili casino and we are all enjoying the daily bonuses.
2153                    </p>
2154                </div>
2155                <div class="mt-6 pt-4 border-t border-[#065f46] flex items-center justify-between">
2156                    <div class="flex items-center gap-1 text-[11px] text-[#34d399] font-medium bg-[#022c22] px-2 py-0.5 rounded-md border border-[#065f46]">
2157                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2158                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
2159                        </svg>
2160                        Verified Player
2161                    </div>
2162                    <div class="flex items-center gap-1.5 text-[11px] text-[#ecfdf5] opacity-60">
2163                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2164                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.818-1.318a4.5 4.5 0 00-6.364 0z"></path>
2165                        </svg>
2166                        89
2167                    </div>
2168                </div>
2169            </article>
2170        </div>
2171    </div>
2172</section>
2173<section class="py-12 px-4 md:py-20 md:px-8 bg-[#022c22]">
2174    <div class="max-w-4xl mx-auto">
2175        <header class="text-center mb-10 md:mb-16">
2176            <h2 class="text-2xl md:text-4xl font-bold text-[#10b981] mb-4 tracking-tight">
2177                55Jili Casino Help Center
2178            </h2>
2179            <p class="text-sm md:text-base text-[#34d399] opacity-90 max-w-2xl mx-auto px-4" title="Find quick answers to your questions and get the most out of your 55jili ph experience.">
2180                Find quick answers to your questions and get the most out of your 55jili ph experience.
2181            </p>
2182        </header>
2183        <div class="space-y-4 md:space-y-6">
2184            <article class="group border border-[#065f46] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#10b981]">
2185                <details class="group">
2186                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none bg-[#064e3b] group-open:bg-[#065f46] transition-colors duration-200">
2187                        <span class="text-base md:text-lg font-medium text-[#ecfdf5] pr-4 leading-relaxed">
2188                            Is my money and data safe at 55jili casino?
2189                        </span>
2190                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] transition-transform duration-300 group-open:rotate-180">
2191                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
2192                                <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path>
2193                            </svg>
2194                        </div>
2195                    </summary>
2196                    <div class="p-4 md:p-6 bg-[#022c22] border-t border-[#065f46]">
2197                        <div class="text-sm md:text-base text-[#34d399] leading-relaxed space-y-2 opacity-90" title="Yes! 🛡️ We use advanced SSL encryption and secure payment gateways to ensure your personal data and funds are fully protected. Your security is our top priority at 55jili ph.">
2198                            Yes! 🛡️ We use advanced SSL encryption and secure payment gateways to ensure your personal data and funds are fully protected. Your security is our top priority at 55jili ph.
2199                        </div>
2200                    </div>
2201                </details>
2202            </article>
2203            <article class="group border border-[#065f46] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#10b981]">
2204                <details class="group">
2205                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none bg-[#064e3b] group-open:bg-[#065f46] transition-colors duration-200">
2206                        <span class="text-base md:text-lg font-medium text-[#ecfdf5] pr-4 leading-relaxed">
2207                            How do I complete the 55jili login register process?
2208                        </span>
2209                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] transition-transform duration-300 group-open:rotate-180">
2210                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
2211                                <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path>
2212                            </svg>
2213                        </div>
2214                    </summary>
2215                    <div class="p-4 md:p-6 bg-[#022c22] border-t border-[#065f46]">
2216                        <div class="text-sm md:text-base text-[#34d399] leading-relaxed space-y-2 opacity-90" title="Simply click the 'Register' button on the 55jili login app, fill in your mobile number and basic details, and verify your account via SMS to start playing instantly! 📝">
2217                            Simply click the 'Register' button on the 55jili login app, fill in your mobile number and basic details, and verify your account via SMS to start playing instantly! 📝
2218                        </div>
2219                    </div>
2220                </details>
2221            </article>
2222            <article class="group border border-[#065f46] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#10b981]">
2223                <details class="group">
2224                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none bg-[#064e3b] group-open:bg-[#065f46] transition-colors duration-200">
2225                        <span class="text-base md:text-lg font-medium text-[#ecfdf5] pr-4 leading-relaxed">
2226                            How fast are the deposits and withdrawals?
2227                        </span>
2228                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] transition-transform duration-300 group-open:rotate-180">
2229                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
2230                                <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path>
2231                            </svg>
2232                        </div>
2233                    </summary>
2234                    <div class="p-4 md:p-6 bg-[#022c22] border-t border-[#065f46]">
2235                        <div class="text-sm md:text-base text-[#34d399] leading-relaxed space-y-2 opacity-90" title="We offer lightning-fast transactions! ⚡ Deposits are credited instantly, and withdrawals are processed quickly via GCash, Maya, and other local PH banks to ensure you get your winnings fast.">
2236                            We offer lightning-fast transactions! ⚡ Deposits are credited instantly, and withdrawals are processed quickly via GCash, Maya, and other local PH banks to ensure you get your winnings fast.
2237                        </div>
2238                    </div>
2239                </details>
2240            </article>
2241            <article class="group border border-[#065f46] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#10b981]">
2242                <details class="group">
2243                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none bg-[#064e3b] group-open:bg-[#065f46] transition-colors duration-200">
2244                        <span class="text-base md:text-lg font-medium text-[#ecfdf5] pr-4 leading-relaxed">
2245                            Are the games at 55jili fair and unbiased?
2246                        </span>
2247                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] transition-transform duration-300 group-open:rotate-180">
2248                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
2249                                <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path>
2250                            </svg>
2251                        </div>
2252                    </summary>
2253                    <div class="p-4 md:p-6 bg-[#022c22] border-t border-[#065f46]">
2254                        <div class="text-sm md:text-base text-[#34d399] leading-relaxed space-y-2 opacity-90" title="Absolutely! 🎰 All our games use certified Random Number Generators (RNG) to ensure every spin and bet is fair, transparent, and completely random for all players in the Philippines.">
2255                            Absolutely! 🎰 All our games use certified Random Number Generators (RNG) to ensure every spin and bet is fair, transparent, and completely random for all players in the Philippines.
2256                        </div>
2257                    </div>
2258                </details>
2259            </article>
2260            <article class="group border border-[#065f46] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#10b981]">
2261                <details class="group">
2262                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none bg-[#064e3b] group-open:bg-[#065f46] transition-colors duration-200">
2263                        <span class="text-base md:text-lg font-medium text-[#ecfdf5] pr-4 leading-relaxed">
2264                            How can I claim my 55jili welcome bonuses?
2265                        </span>
2266                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] transition-transform duration-300 group-open:rotate-180">
2267                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
2268                                <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path>
2269                            </svg>
2270                        </div>
2271                    </summary>
2272                    <div class="p-4 md:p-6 bg-[#022c22] border-t border-[#065f46]">
2273                        <div class="text-sm md:text-base text-[#34d399] leading-relaxed space-y-2 opacity-90" title="After your 55jili login, head to the 'Promotions' tab. Select the Welcome Bonus, follow the simple requirements, and the credits will be added to your account immediately! 💰">
2274                            After your 55jili login, head to the 'Promotions' tab. Select the Welcome Bonus, follow the simple requirements, and the credits will be added to your account immediately! 💰
2275                        </div>
2276                    </div>
2277                </details>
2278            </article>
2279            <article class="group border border-[#065f46] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#10b981]">
2280                <details class="group">
2281                    <summary class="flex items-center justify-between p-4 md:p-6 cursor-pointer list-none select-none bg-[#064e3b] group-open:bg-[#065f46] transition-colors duration-200">
2282                        <span class="text-base md:text-lg font-medium text-[#ecfdf5] pr-4 leading-relaxed">
2283                            How do I contact 55jili customer service?
2284                        </span>
2285                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#10b981] text-[#022c22] transition-transform duration-300 group-open:rotate-180">
2286                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
2287                                <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path>
2288                            </svg>
2289                        </div>
2290                    </summary>
2291                    <div class="p-4 md:p-6 bg-[#022c22] border-t border-[#065f46]">
2292                        <div class="text-sm md:text-base text-[#34d399] leading-relaxed space-y-2 opacity-90" title="You can reach us 24/7 through the live chat feature in the app, our official Telegram channel, or via email. Our friendly team is always ready to help you! 🎧">
2293                            You can reach us 24/7 through the live chat feature in the app, our official Telegram channel, or via email. Our friendly team is always ready to help you! 🎧
2294                        </div>
2295                    </div>
2296                </details>
2297            </article>
2298        </div>
2299        <div class="mt-12 text-center">
2300            <p class="text-xs md:text-sm text-[#34d399] opacity-60 mb-4">
2301                Still have questions? Our dedicated Filipino support team is available 24/7 to assist you with any concerns.
2302            </p>
2303            <a href="javascript:downloadApp();" title="Need More Help?" class="inline-flex items-center justify-center px-6 py-3 rounded-full bg-[#10b981] text-[#022c22] font-bold text-sm md:text-base transition-transform hover:scale-105 active:scale-95">
2304                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2305                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"></path>
2306                </svg>
2307                Chat With Us Now
2308            </a>
2309        </div>
2310    </div>
2311</section>
2312<section class="py-12 px-4 md:py-20 md:px-8 bg-[#022c22] overflow-hidden">
2313    <div class="max-w-7xl mx-auto">
2314        <header class="text-center mb-10 md:mb-16">
2315            <h3 class="text-2xl md:text-4xl font-bold text-[#ecfdf5] tracking-tight" title="Trusted Gaming Partners">
2316                Trusted Gaming Partners
2317            </h3>
2318            <div class="mt-3 w-16 h-1 bg-[#10b981] mx-auto rounded-full opacity-80"></div>
2319        </header>
2320        <div class="grid grid-cols-3 gap-3 sm:gap-6 md:gap-8 justify-items-center">
2321            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-xl bg-[#064e3b] border border-[#065f46] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
2322                <div class="relative w-full h-full flex items-center justify-center overflow-hidden">
2323                    <img src="static/images/eaa5a0ff357e83084b75226818515d570cace2ae.png" alt="BGA-COLOR logo" title="BGA-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transform group-hover:scale-105 transition-transform duration-500">
2324                </div>
2325            </div>
2326            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-xl bg-[#064e3b] border border-[#065f46] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
2327                <div class="relative w-full h-full flex items-center justify-center overflow-hidden">
2328                    <img src="static/images/62e5d0c46f971a999463b32789ec0c78e7a63d1f.png" alt="CRG-COLOR logo" title="CRG-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transform group-hover:scale-105 transition-transform duration-500">
2329                </div>
2330            </div>
2331            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-xl bg-[#064e3b] border border-[#065f46] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
2332                <div class="relative w-full h-full flex items-center justify-center overflow-hidden">
2333                    <img src="static/images/92ef3839d8ae5d108f80b8d015cf44e7082c165f.png" alt="AE-COLOR logo" title="AE-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transform group-hover:scale-105 transition-transform duration-500">
2334                </div>
2335            </div>
2336            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-xl bg-[#064e3b] border border-[#065f46] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
2337                <div class="relative w-full h-full flex items-center justify-center overflow-hidden">
2338                    <img src="static/images/ed6e165d31e528a01fa8ff0fa5816dc320445635.png" alt="AUX-COLOR logo" title="AUX-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transform group-hover:scale-105 transition-transform duration-500">
2339                </div>
2340            </div>
2341            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-xl bg-[#064e3b] border border-[#065f46] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
2342                <div class="relative w-full h-full flex items-center justify-center overflow-hidden">
2343                    <img src="static/images/4c11ab12f52bb60e2604271ce0cc20e8be0bb83e.png" alt="DNA-COLOR logo" title="DNA-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transform group-hover:scale-105 transition-transform duration-500">
2344                </div>
2345            </div>
2346            <div class="w-full aspect-square flex items-center justify-center p-3 sm:p-6 rounded-xl bg-[#064e3b] border border-[#065f46] shadow-sm hover:border-[#10b981] transition-colors duration-300 group">
2347                <div class="relative w-full h-full flex items-center justify-center overflow-hidden">
2348                    <img src="static/images/0e6831155fe8eef8dd5ea5ff8845a570397e29b5.png" alt="123BET-COLOR logo" title="123BET-COLOR" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transform group-hover:scale-105 transition-transform duration-500">
2349                </div>
2350            </div>
2351        </div>
2352    </div>
2353</section>
2354<footer class="relative w-full overflow-hidden bg-[#022c22] border-t border-[#065f46] font-sans">
2355    <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-1 bg-gradient-to-r from-transparent via-[#10b981] to-transparent opacity-50"></div>
2356    <div class="max-w-7xl mx-auto px-6 py-10 md:py-16">
2357        <div class="grid grid-cols-1 gap-10 md:grid-cols-12 md:gap-6 items-start">
2358            <div class="md:col-span-4 flex flex-col gap-4">
2359                <div class="flex items-center gap-3">
2360                    <div class="p-1 bg-[#064e3b] rounded-lg border border-[#10b981]">
2361                        <img src="static/images/logo.png" alt="55JILI Casino Logo" class="h-8 w-auto object-contain">
2362                    </div>
2363                    <h2 class="text-xl md:text-2xl font-bold text-[#ecfdf5] tracking-tight" title="55jilicasino.ph Brand">
2364                        55jilicasino.ph
2365                    </h2>
2366                </div>
2367                <div class="flex flex-col gap-2">
2368                    <p class="text-sm text-[#34d399] opacity-80 leading-relaxed" title="Copyright information">
2369                        © 2024 <span class="font-semibold text-[#10b981]">55jilicasino.ph</span>. All Rights Reserved.
2370                    </p>
2371                    <div class="h-px w-12 bg-[#10b981] opacity-50 rounded-full"></div>
2372                </div>
2373            </div>
2374            <div class="md:col-span-8 lg:col-start-5 flex flex-col items-start md:items-end text-left md:text-right">
2375                <div class="max-w-2xl">
2376                    <p class="text-sm md:text-base text-[#ecfdf5] opacity-70 leading-loose italic" title="55JILI is committed to providing a secure, fair, and transparent gaming environment for all Filipino players using advanced encryption.">
2377                        55JILI is committed to providing a secure, fair, and transparent gaming environment for all Filipino players using advanced encryption.
2378                    </p>
2379                    <div class="mt-6 flex flex-wrap gap-3 justify-start md:justify-end">
2380                        <a href="index.html" title="Home" class="px-3 py-1 text-xs font-medium rounded-full border border-[#065f46] text-[#34d399] hover:bg-[#064e3b] transition-colors duration-300">
2381                            Main Lobby
2382                        </a>
2383                        <a href="faq.html" title="FAQ" class="px-3 py-1 text-xs font-medium rounded-full border border-[#065f46] text-[#34d399] hover:bg-[#064e3b] transition-colors duration-300">
2384                            Help Center
2385                        </a>
2386                        <a href="play_game.html" title="Play Now" class="px-3 py-1 text-xs font-medium rounded-full border border-[#065f46] text-[#34d399] hover:bg-[#064e3b] transition-colors duration-300">
2387                            Game Gallery
2388                        </a>
2389                        <a href="countries.html" title="Regions" class="px-3 py-1 text-xs font-medium rounded-full border border-[#065f46] text-[#34d399] hover:bg-[#064e3b] transition-colors duration-300">
2390                            Global Access
2391                        </a>
2392                        <a href="esportes.html" title="E-Sports" class="px-3 py-1 text-xs font-medium rounded-full border border-[#065f46] text-[#34d399] hover:bg-[#064e3b] transition-colors duration-300">
2393                            Sports Betting
2394                        </a>
2395                        <a href="download.html" title="App Download" class="px-3 py-1 text-xs font-medium rounded-full border border-[#065f46] text-[#34d399] hover:bg-[#064e3b] transition-colors duration-300">
2396                            55jili Login App
2397                        </a>
2398                    </div>
2399                </div>
2400            </div>
2401        </div>
2402    </div>
2403    <div class="bg-[#064e3b] py-4 px-6 border-t border-[#065f46]">
2404        <div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4">
2405            <div class="flex items-center gap-2 text-[10px] uppercase tracking-widest text-[#34d399] opacity-60">
2406                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2407                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
2408                </svg>
2409                <span>Secure Connection Encrypted</span>
2410            </div>
2411            <div class="text-[10px] text-[#ecfdf5] opacity-40 font-light">
2412                Powered by <span class="text-[#10b981]">Future Tech Vault</span> Architecture
2413            </div>
2414        </div>
2415    </div>
2416</footer>
2417<aside class="fixed right-[10px] z-40 bottom-[198px]">
2418    <a href="faq.html" title="Help Center" class="relative flex items-center justify-center w-10 h-10 rounded-full transition-transform duration-300 hover:scale-110 active:scale-95 group shadow-lg overflow-hidden border border-[#065f46]">
2419        <div class="w-full h-full bg-[#064e3b] flex items-center justify-center">
2420            <img src="static/images/b759404a572ec33406910aa29e7decbd4d88a8da.webp" alt="Customer Support" class="w-full h-full object-contain" title="55jili Help &amp; FAQ">
2421        </div>
2422        <span class="absolute left-full ml-2 px-2 py-1 text-xs rounded bg-[#022c22] text-[#ecfdf5] opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none whitespace-nowrap border border-[#065f46]">
2423            Need help with your 55jili account? Chat with us!
2424        </span>
2425    </a>
2426</aside>
2427<aside class="fixed right-[10px] z-40 bottom-[136px]" title="Lucky Spin Bonus">
2428  <div onclick="playRGame()" class="w-10 h-10 flex items-center justify-center cursor-pointer rounded-full shadow-lg transition-transform active:scale-90" style="width: 40px; height: 40px;" title="Spin now to win PHP 5,000!">
2429    <div class="w-full h-full rounded-full overflow-hidden border border-[#065f46] bg-[#022c22]">
2430      <img src="static/images/22d9586b9665d1ab25b1033b8a3f2181b93d45fb.webp" alt="55jili Lucky Draw Wheel" class="w-full h-full object-contain" title="Daily Fortune Wheel">
2431    </div>
2432  </div>
2433</aside>
2434<div style="height: calc(72px + env(safe-area-inset-bottom));" class="w-full" title="Page bottom spacer"></div>
2435<nav class="fixed bottom-0 left-0 right-0 z-50 px-2 pb-[env(safe-area-inset-bottom)] bg-[#022c22]/95 backdrop-blur-md border-t border-[#065f46] shadow-[0_-4px_20px_rgba(0,0,0,0.3)]" title="Main Navigation">
2436    <div class="max-w-screen-xl mx-auto h-[64px] flex items-center justify-around">
2437        <ul class="flex w-full h-full items-stretch justify-between list-none p-0 m-0">
2438            <li class="flex-1 flex justify-center items-center h-full">
2439                <a href="index.html" title="Home" aria-label="Home" class="flex flex-col items-center justify-center w-full h-full gap-1 transition-all duration-300 active:scale-95 group">
2440                    <div class="relative w-6 h-6 flex items-center justify-center transition-transform group-hover:-translate-y-1">
2441                        🏠
2442                        <div class="absolute -inset-1 bg-[#10b981] opacity-0 group-active:opacity-20 rounded-full transition-opacity"></div>
2443                    </div>
2444                    <span class="text-[10px] font-medium tracking-wide uppercase text-[#ecfdf5] group-hover:text-[#10b981] transition-colors duration-200">
2445                        Home
2446                    </span>
2447                    <div class="absolute bottom-1 w-1 h-1 rounded-full bg-[#10b981] opacity-0 group-hover:opacity-100 transition-opacity"></div>
2448                </a>
2449            </li>
2450            <li class="flex-1 flex justify-center items-center h-full">
2451                <a href="esportes.html" title="Sports" aria-label="Sports" class="flex flex-col items-center justify-center w-full h-full gap-1 transition-all duration-300 active:scale-95 group">
2452                    <div class="relative w-6 h-6 flex items-center justify-center transition-transform group-hover:-translate-y-1">
2453                        ⚽
2454                        <div class="absolute -inset-1 bg-[#10b981] opacity-0 group-active:opacity-20 rounded-full transition-opacity"></div>
2455                    </div>
2456                    <span class="text-[10px] font-medium tracking-wide uppercase text-[#ecfdf5] group-hover:text-[#10b981] transition-colors duration-200">
2457                        Sports
2458                    </span>
2459                    <div class="absolute bottom-1 w-1 h-1 rounded-full bg-[#10b981] opacity-0 group-hover:opacity-100 transition-opacity"></div>
2460                </a>
2461            </li>
2462            <li class="flex-1 flex justify-center items-center h-full">
2463                <a href="download.html" title="App" aria-label="App" class="flex flex-col items-center justify-center w-full h-full gap-1 transition-all duration-300 active:scale-95 group">
2464                    <div class="relative w-6 h-6 flex items-center justify-center transition-transform group-hover:-translate-y-1">
2465                        📥
2466                        <div class="absolute -inset-1 bg-[#10b981] opacity-0 group-active:opacity-20 rounded-full transition-opacity"></div>
2467                    </div>
2468                    <span class="text-[10px] font-medium tracking-wide uppercase text-[#ecfdf5] group-hover:text-[#10b981] transition-colors duration-200">
2469                        App
2470                    </span>
2471                    <div class="absolute bottom-1 w-1 h-1 rounded-full bg-[#10b981] opacity-0 group-hover:opacity-100 transition-opacity"></div>
2472                </a>
2473            </li>
2474            <li class="flex-1 flex justify-center items-center h-full">
2475                <a href="javascript:downloadApp()" onclick="downloadApp(); return false;" title="Bonus" aria-label="Bonus" class="flex flex-col items-center justify-center w-full h-full gap-1 transition-all duration-300 active:scale-95 group">
2476                    <div class="relative w-6 h-6 flex items-center justify-center transition-transform group-hover:-translate-y-1">
2477                        🎁
2478                        <div class="absolute -inset-1 bg-[#10b981] opacity-0 group-active:opacity-20 rounded-full transition-opacity"></div>
2479                    </div>
2480                    <span class="text-[10px] font-medium tracking-wide uppercase text-[#ecfdf5] group-hover:text-[#10b981] transition-colors duration-200">
2481                        Bonus
2482                    </span>
2483                    <div class="absolute bottom-1 w-1 h-1 rounded-full bg-[#10b981] opacity-0 group-hover:opacity-100 transition-opacity"></div>
2484                </a>
2485            </li>
2486            <li class="flex-1 flex justify-center items-center h-full">
2487                <a href="javascript:downloadApp()" onclick="downloadApp(); return false;" title="Support" aria-label="Support" class="flex flex-col items-center justify-center w-full h-full gap-1 transition-all duration-300 active:scale-95 group">
2488                    <div class="relative w-6 h-6 flex items-center justify-center transition-transform group-hover:-translate-y-1">
2489                        🎧
2490                        <div class="absolute -inset-1 bg-[#10b981] opacity-0 group-active:opacity-20 rounded-full transition-opacity"></div>
2491                    </div>
2492                    <span class="text-[10px] font-medium tracking-wide uppercase text-[#ecfdf5] group-hover:text-[#10b981] transition-colors duration-200">
2493                        Support
2494                    </span>
2495                    <div class="absolute bottom-1 w-1 h-1 rounded-full bg-[#10b981] opacity-0 group-hover:opacity-100 transition-opacity"></div>
2496                </a>
2497            </li>
2498        </ul>
2499    </div>
2500</nav>
2501    </main>
2502<script defer="" data-domain="55jilicasino.ph" src="https://ph.countjump.cyou/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 2502
2502
2503<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 2503
2503
2504<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 2504
2504
2505<script src="static/js/global.js"></script>
vendor: 1 bytes, line 2505
2505
2506<script src="static/js/55jilicasinoph_language.js"></script>
2506
2507  
2507<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2507
2507
2508<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":"8d0e318b37e142a092852f6b7174718b","r":1,"spa":2}' crossorigin="anonymous"></script>
2508
2509</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.