PageSourceSearch

https://ph991jili.ph/index.html

html ph991jili.ph collected 2026-10-08 00:49:08 UTC 178,248 bytes, 2,500 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>PH991JILI - PLATAFORMA OFICIAL - ⭐️ - PH991JILI.COM</title>
6    <meta name="description" content="Join PH991JILI for the ultimate online casino experience! Enjoy massive wins, a huge variety of slots, and secure payouts. Register now and play today!">
7    <meta name="keywords" content="991jili, 991jili com, 991jili link, online casino Philippines, online slot machine, JILI slots, gambling app PH, real money casino, online gaming PH">
8    <meta name="author" content="PH991JILI">
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="PH991JILI - PLATAFORMA OFICIAL - ⭐️ - PH991JILI.COM">
14    <meta property="og:description" content="Join PH991JILI for the ultimate online casino experience! Enjoy massive wins, a huge variety of slots, and secure payouts. Register now and play today!">
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://ph991jili.ph/">
17    <meta property="og:locale" content="en_PH">
18    <link rel="alternate" hreflang="en-PH" href="https://ph991jili.ph/">
19    <link rel="alternate" hreflang="x-default" href="https://ph991jili.ph/">
20    <link rel="canonical" href="https://ph991jili.ph/">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="PH991JILI - PLATAFORMA OFICIAL - ⭐️ - PH991JILI.COM">
23    <meta name="twitter:description" content="Join PH991JILI for the ultimate online casino experience! Enjoy massive wins, a huge variety of slots, and secure payouts. Register now and play today!">
24    <link rel="icon" href="static/images/ico.png" type="image/x-icon">
25    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
26    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&amp;display=swap" rel="stylesheet">
27    <style>
28  :root {
29    --theme-color: #ea580c;
30    --bg-color: #fff7ed;
31    --surface-color: #ffffff;
32    --text-color: #431407;
33    --text-secondary: #7c2d12;
34    --border-color: #fdba74;
35    --button-text-color: #ffffff;
36  }
37  .theme-text { color: var(--theme-color); }
38  .theme-bg { background-color: var(--theme-color); }
39  .theme-border { border-color: var(--theme-color); }
40</style>
41    
41<script type="application/ld+json">
42{
43  "@context": "https://schema.org",
44  "@graph": [
45    {
46      "@context": "https://schema.org",
47      "@type": "Organization",
48      "name": "ph991jili",
49      "url": "ph991jili.ph",
50      "logo": "static/images/logo.png",
51      "description": "Join PH991JILI for the ultimate online casino experience! Enjoy massive wins, a huge variety of slots, and secure payouts. Register now and play today!"
52    },
53    {
54      "@context": "https://schema.org",
55      "@type": "WebPage",
56      "name": "PH991JILI - PLATAFORMA OFICIAL - ⭐️ - PH991JILI.COM",
57      "description": "Join PH991JILI for the ultimate online casino experience! Enjoy massive wins, a huge variety of slots, and secure payouts. Register now and play today!",
58      "url": "ph991jili.ph",
59      "inLanguage": "en-PH",
60      "isPartOf": {
61        "@type": "WebSite",
62        "name": "ph991jili",
63        "url": "ph991jili.ph"
64      }
65    },
66    {
67      "@context": "https://schema.org",
68      "@type": "SoftwareApplication",
69      "name": "ph991jili Mobile App",
70      "description": "Join PH991JILI for the ultimate online casino experience! Enjoy massive wins, a huge variety of slots, and secure payouts. Register now and play today!",
71      "operatingSystem": "Android, iOS",
72      "applicationCategory": "GameApplication",
73      "image": "static/images/logo.png",
74      "downloadUrl": "ph991jili.ph/download-app.html",
75      "offers": {
76        "@type": "Offer",
77        "price": "0",
78        "priceCurrency": "PHP"
79      },
80      "aggregateRating": {
81        "@type": "AggregateRating",
82        "ratingValue": "4.9",
83        "ratingCount": "732",
84        "bestRating": "5",
85        "worstRating": "1"
86      }
87    }
88  ]
89}
90</script>
90
91  
91<script src="https://cdn.tailwindcss.com?plugins=typography,forms,aspect-ratio,line-clamp"></script>
91
92  <link rel="shortcut icon" href="static/images/ico.png" type="image/x-icon">
93  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">
94</head>
95<body class="bg-[#fff7ed] text-[#431407] min-h-screen overflow-x-hidden antialiased selection:bg-[#ea580c] selection:text-white flex flex-col">
96    <div class="fixed inset-0 z-0 bg-gradient-to-b from-[#fff7ed] via-[#ffffff] to-[#fff7ed] pointer-events-none"></div>
97    <div class="fixed top-0 left-1/2 -translate-x-1/2 w-full max-w-[540px] h-[500px] bg-[radial-gradient(circle_at_center,#ea580c30,transparent_70%)] blur-[80px] opacity-40 pointer-events-none"></div>
98    <div class="fixed bottom-0 right-0 w-[300px] h-[300px] bg-[#ea580c]/10 rounded-full blur-[100px] pointer-events-none"></div>
99    <div class="fixed inset-0 z-0 opacity-[0.05] pointer-events-none bg-[linear-gradient(rgba(255,255,255,0.05)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.05)_1px,transparent_1px)] bg-[size:20px_20px]"></div>
100    <main id="app" class="relative z-10 w-full max-w-[540px] mx-auto min-h-screen bg-[#fff7ed]/95 shadow-[0_0_50px_rgba(0,0,0,0.5)] border-x border-[#fdba74]/20 flex flex-col">
101        <div class="absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-[#ea580c] to-transparent opacity-50"></div>
102        <header class="sticky top-0 w-full z-50 h-9 bg-[#ea580c] border-b border-white/10 shadow-sm flex items-center justify-between px-3" title="ph991jili.ph navigation bar">
103    <div class="flex items-center gap-2 overflow-hidden">
104        <h1 class="text-[#ffffff] font-bold text-sm truncate" title="ph991jili.ph">
105            ph991jili.ph
106        </h1>
107        <p class="hidden sm:block text-[#ffffff]/80 text-xs truncate font-medium" title="Philippines' Top Win 🎰">
108            Philippines' Top Win 🎰
109        </p>
110    </div>
111    <div class="flex items-center gap-3">
112        <button onclick="showLanguagePanel()" aria-label="Switch Language" class="flex items-center justify-center w-7 h-7 rounded-full bg-[#ffffff]/20 text-[#ffffff] hover:bg-[#ffffff]/30 transition-colors duration-200" title="Change language settings">
113            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
114                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"></path>
115            </svg>
116        </button>
117        <a href="countries.html" data-link-fixed="true" class="text-[#ffffff] text-xs font-semibold px-2 py-1 rounded-md bg-[#ffffff]/10 hover:bg-[#ffffff]/20 transition-all duration-200 border border-white/10" title="View supported regions for ph991jili.ph">
118            Region 🇵🇭
119        </a>
120    </div>
121</header>
122<header class="sticky top-9 z-40 w-full bg-[#ea580c]/95 backdrop-blur-md border-b border-[#fdba74] px-3 py-2.5 shadow-sm">
123    <div class="max-w-7xl mx-auto flex items-center justify-between gap-2">
124        <a href="index.html" class="flex-shrink-0 transition-transform active:scale-95" title="ph991jili.ph Home">
125            <img src="static/images/logo.png" alt="ph991jili.ph Logo" class="h-8 w-auto object-contain">
126        </a>
127        <div class="flex items-center gap-2 shrink-0">
128            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-medium text-[#ffffff] border border-[#ffffff]/30 rounded-lg transition-colors hover:bg-[#ffffff]/10 active:bg-[#ffffff]/20 whitespace-nowrap" title="Login to ph991jili.ph">
129                Log In
130            </button>
131            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-bold text-[#ea580c] bg-[#ffffff] rounded-lg shadow-sm transition-transform active:scale-95 whitespace-nowrap" title="Create an account at ph991jili.ph">
132                Join Now
133            </button>
134        </div>
135    </div>
136</header>
137<section class="w-full max-w-full overflow-hidden px-3 py-2 md:py-4">
138  <div class="swiper banner-swiper w-full relative overflow-hidden rounded-2xl shadow-lg aspect-[2/1]">
139    <div class="swiper-wrapper">
140      <div class="swiper-slide relative w-full h-full">
141        <a href="javascript:downloadApp();" title="Explore Win Big at 991jili Now!" class="block w-full h-full">
142          <img src="static/images/19a5248b8d80125f239561c1e89ab555887926ff.png" alt="Win Big at 991jili Now! banner" loading="lazy" class="w-full h-full object-cover block">
143          <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-[#431407]/80 to-transparent p-3 md:p-6">
144            <p class="text-[#ffffff] text-xs md:text-sm font-medium truncate" title="Win Big at 991jili Now!">
145              Win Big at 991jili Now!
146            </p>
147          </div>
148        </a>
149      </div>
150      <div class="swiper-slide relative w-full h-full">
151        <a href="javascript:downloadApp();" title="Explore Daily Jackpots Await You!" class="block w-full h-full">
152          <img src="static/images/9324472ebaded23a456412f75bc1e1a40a17c48e.png" alt="Daily Jackpots Await You! banner" loading="lazy" class="w-full h-full object-cover block">
153          <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-[#431407]/80 to-transparent p-3 md:p-6">
154            <p class="text-[#ffffff] text-xs md:text-sm font-medium truncate" title="Daily Jackpots Await You!">
155              Daily Jackpots Await You!
156            </p>
157          </div>
158        </a>
159      </div>
160      <div class="swiper-slide relative w-full h-full">
161        <a href="javascript:downloadApp();" title="Explore Fastest Payouts in PH!" class="block w-full h-full">
162          <img src="static/images/06e2b98c3a8eab8d4147b1900a7dbad885e704d2.png" alt="Fastest Payouts in PH! banner" loading="lazy" class="w-full h-full object-cover block">
163          <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-[#431407]/80 to-transparent p-3 md:p-6">
164            <p class="text-[#ffffff] text-xs md:text-sm font-medium truncate" title="Fastest Payouts in PH!">
165              Fastest Payouts in PH!
166            </p>
167          </div>
168        </a>
169      </div>
170      <div class="swiper-slide relative w-full h-full">
171        <a href="javascript:downloadApp();" title="Explore Join the 991jili Action!" class="block w-full h-full">
172          <img src="static/images/8890a2d3c492d2abe31fdcd2fbbe5c52fcd6fe1a.png" alt="Join the 991jili Action! banner" loading="lazy" class="w-full h-full object-cover block">
173          <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-[#431407]/80 to-transparent p-3 md:p-6">
174            <p class="text-[#ffffff] text-xs md:text-sm font-medium truncate" title="Join the 991jili Action!">
175              Join the 991jili Action!
176            </p>
177          </div>
178        </a>
179      </div>
180      <div class="swiper-slide relative w-full h-full">
181        <a href="javascript:downloadApp();" title="Explore Claim Your Welcome Bonus!" class="block w-full h-full">
182          <img src="static/images/783626e58cee7b92204a9484fb836bef71cb9d30.png" alt="Claim Your Welcome Bonus! banner" loading="lazy" class="w-full h-full object-cover block">
183          <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-[#431407]/80 to-transparent p-3 md:p-6">
184            <p class="text-[#ffffff] text-xs md:text-sm font-medium truncate" title="Claim Your Welcome Bonus!">
185              Claim Your Welcome Bonus!
186            </p>
187          </div>
188        </a>
189      </div>
190    </div>
191    <div class="swiper-pagination"></div>
192  </div>
193  
193<script>
194    (function() {
195      const initBanner = () => {
196        if (typeof Swiper !== 'undefined') {
197          new Swiper('.banner-swiper', {
198            autoplay: {
199              delay: 3000,
200              disableOnInteraction: false,
201            },
202            loop: true,
203            effect: 'slide',
204            pagination: {
205              el: '.swiper-pagination',
206              clickable: true,
207            },
208          });
209        } else {
210          // Retry if Swiper is not loaded yet
211          setTimeout(initBanner, 100);
212        }
213      };
214      initBanner();
215    })();
216  </script>
216
217  <style>
218    .banner-swiper .swiper-pagination-bullet {
219      background: #ffffff !important;
220      opacity: 0.6;
221    }
222    .banner-swiper .swiper-pagination-bullet-active {
223      background: #ea580c !important;
224      opacity: 1;
225      width: 20px !important;
226      border-radius: 4px !important;
227      transition: all 0.3s ease;
228    }
229  </style>
230</section>
231<div id="notify-data" class="hidden" aria-hidden="true">
232    <div>Jun** won ₱1,200</div>
233    <div>Ma** withdrew ₱5,000</div>
234    <div>Ria** received bonus ₱200</div>
235    <div>Kev** won ₱15,400</div>
236    <div>An** withdrew ₱1,000</div>
237    <div>Gio** received bonus ₱100</div>
238    <div>Pat** won ₱2,500</div>
239    <div>Jen** withdrew ₱3,200</div>
240    <div>Mar** won ₱500</div>
241    <div>Lha** received bonus ₱300</div>
242    <div>Cris** won ₱10,000</div>
243    <div>Bea** withdrew ₱800</div>
244    <div>Noel** won ₱4,200</div>
245    <div>Sia** received bonus ₱150</div>
246    <div>Jom** withdrew ₱2,000</div>
247    <div>Kye** won ₱7,800</div>
248    <div>Mia** won ₱1,100</div>
249    <div>Dan** withdrew ₱4,500</div>
250    <div>Leo** received bonus ₱500</div>
251    <div>Roc** won ₱22,000</div>
252    <div>Tia** withdrew ₱1,500</div>
253    <div>Nik** won ₱3,300</div>
254    <div>May** received bonus ₱100</div>
255    <div>Ben** withdrew ₱6,000</div>
256    <div>Joy** won ₱8,900</div>
257    <div>Al** withdrew ₱1,200</div>
258    <div>Cat** won ₱600</div>
259    <div>Vic** received bonus ₱400</div>
260    <div>Gab** won ₱12,000</div>
261    <div>Rin** withdrew ₱2,700</div>
262    <div>Lou** won ₱3,100</div>
263    <div>Mel** received bonus ₱200</div>
264    <div>Ken** withdrew ₱10,000</div>
265    <div>Ari** won ₱4,800</div>
266    <div>Sol** won ₱1,700</div>
267    <div>Pip** withdrew ₱900</div>
268    <div>Ray** received bonus ₱100</div>
269    <div>Eve** won ₱5,200</div>
270    <div>Tim** withdrew ₱3,000</div>
271    <div>Nel** won ₱2,100</div>
272    <div>Kai** received bonus ₱250</div>
273    <div>Zoe** withdrew ₱4,000</div>
274    <div>Ron** won ₱18,000</div>
275    <div>Sam** won ₱700</div>
276    <div>Lea** withdrew ₱2,200</div>
277    <div>Dre** received bonus ₱150</div>
278    <div>Max** won ₱9,500</div>
279    <div> Ivy** withdrew ₱5,500</div>
280    <div>Jan** won ₱3,400</div>
281    <div>Cal** received bonus ₱300</div>
282</div>
283<div class="w-full max-w-[100vw] overflow-hidden relative block py-6 px-4 rounded-2xl shadow-lg bg-gradient-to-br from-[#ea580c]/10 to-[#ea580c]/30 backdrop-blur-sm">
284  <div class="absolute inset-0 opacity-10 pointer-events-none">
285    <div class="w-full h-full flex items-center justify-center text-2xl">🎰 🃏 🎲 💰 🏆</div>
286  </div>
287  <div class="relative flex flex-col items-center justify-center text-center">
288    <div id="jackpot-value" class="text-4xl font-black text-[#ea580c] drop-shadow-lg tracking-wider">12,500,888.50</div>
289    <div class="text-lg font-semibold text-[#431407]/90 mb-1">GRAND JACKPOT 🎰</div>
290    <div class="h-1 w-24 mx-auto bg-[#431407]/20 my-2 rounded"></div>
291    <div class="text-xl font-bold text-[#431407]/90 mt-1">PHP</div>
292  </div>
293</div>
294<section class="py-12 px-4 bg-[#fff7ed] overflow-hidden" id="introduction">
295    <div class="max-w-6xl mx-auto">
296        <header class="mb-10 text-center md:text-left">
297            <h2 class="text-2xl md:text-3xl font-bold text-[#431407] leading-tight mb-3">
298                Experience Premium Gaming at ph991jili.ph
299            </h2>
300            <p class="text-sm md:text-base text-[#7c2d12] opacity-90 max-w-2xl mx-auto md:mx-0" title="The most trusted gaming destination in the Philippines, offering high win rates, secure encrypted transactions, and exclusive 24/7 VIP support for a sophisticated and rewarding player experience.">
301                The most trusted gaming destination in the Philippines, offering high win rates, secure encrypted transactions, and exclusive 24/7 VIP support for a sophisticated and rewarding player experience.
302            </p>
303        </header>
304        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-12">
305            <article class="relative group p-5 bg-[#ffffff] border-l-4 border-[#ea580c] rounded-r-xl rounded-l-sm shadow-sm transition-all duration-300 hover:shadow-md">
306                <div class="flex items-center gap-3 mb-3">
307                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#fff7ed] text-lg" aria-hidden="true">
308                        🛡️
309                    </span>
310                    <h3 class="text-base md:text-lg font-semibold text-[#431407] leading-none">
311                        Secure Transactions
312                    </h3>
313                </div>
314                <p class="text-sm text-[#7c2d12] leading-relaxed pl-11" title="Your funds and personal data are protected by advanced encryption technology, ensuring a safe environment for every single transaction you make.">
315                    Your funds and personal data are protected by advanced encryption technology, ensuring a safe environment for every single transaction you make.
316                </p>
317            </article>
318            <article class="relative group p-5 bg-[#ffffff] border-l-4 border-[#ea580c] rounded-r-xl rounded-l-sm shadow-sm transition-all duration-300 hover:shadow-md">
319                <div class="flex items-center gap-3 mb-3">
320                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#fff7ed] text-lg" aria-hidden="true">
321                        ⚡
322                    </span>
323                    <h3 class="text-base md:text-lg font-semibold text-[#431407] leading-none">
324                        Instant Payouts
325                    </h3>
326                </div>
327                <p class="text-sm text-[#7c2d12] leading-relaxed pl-11" title="Experience lightning-fast withdrawals and deposits through local Philippine gateways, so you can enjoy your winnings without any unnecessary delays.">
328                    Experience lightning-fast withdrawals and deposits through local Philippine gateways, so you can enjoy your winnings without any unnecessary delays.
329                </p>
330            </article>
331            <article class="relative group p-5 bg-[#ffffff] border-l-4 border-[#ea580c] rounded-r-xl rounded-l-sm shadow-sm transition-all duration-300 hover:shadow-md">
332                <div class="flex items-center gap-3 mb-3">
333                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#fff7ed] text-lg" aria-hidden="true">
334                        💎
335                    </span>
336                    <h3 class="text-base md:text-lg font-semibold text-[#431407] leading-none">
337                        VIP Rewards
338                    </h3>
339                </div>
340                <p class="text-sm text-[#7c2d12] leading-relaxed pl-11" title="Access a tiered loyalty system that provides exclusive bonuses, personalized account managers, and higher cashback limits for our most dedicated players.">
341                    Access a tiered loyalty system that provides exclusive bonuses, personalized account managers, and higher cashback limits for our most dedicated players.
342                </p>
343            </article>
344            <article class="relative group p-5 bg-[#ffffff] border-l-4 border-[#ea580c] rounded-r-xl rounded-l-sm shadow-sm transition-all duration-300 hover:shadow-md">
345                <div class="flex items-center gap-3 mb-3">
346                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-[#fff7ed] text-lg" aria-hidden="true">
347                        🎯
348                    </span>
349                    <h3 class="text-base md:text-lg font-semibold text-[#431407] leading-none">
350                        Fair Play
351                    </h3>
352                </div>
353                <p class="text-sm text-[#7c2d12] leading-relaxed pl-11" title="Our platform utilizes certified random number generators to guarantee total transparency and fairness across all game titles available on 991jili.">
354                    Our platform utilizes certified random number generators to guarantee total transparency and fairness across all game titles available on 991jili.
355                </p>
356            </article>
357        </div>
358        <div class="relative bg-[#ea580c] rounded-2xl p-6 md:p-8 text-center shadow-xl">
359            <div class="absolute top-0 right-0 -translate-y-1/2 translate-x-1/4 w-32 h-32 bg-[#fdba74] rounded-full blur-3xl op
359acity-30 pointer-events-none"></div>
360            <div class="absolute bottom-0 left-0 translate-y-1/2 -translate-x-1/4 w-32 h-32 bg-[#fdba74] rounded-full blur-3xl opacity-30 pointer-events-none"></div>
361            <div class="relative z-10 flex flex-col items-center">
362                <h3 class="text-xl md:text-2xl font-bold text-[#ffffff] mb-2">
363                    Start Your Winning Journey Today
364                </h3>
365                <p class="text-sm md:text-base text-[#fff7ed] mb-8 opacity-90 max-w-md mx-auto" title="Sign up now to claim your welcome bonus and explore the best games in the region.">
366                    Sign up now to claim your welcome bonus and explore the best games in the region.
367                </p>
368                <div class="flex flex-col sm:flex-row gap-4 w-full sm:w-auto justify-center">
369                    <button onclick="downloadApp()" class="px-8 py-3.5 bg-[#ffffff] text-[#ea580c] font-bold rounded-full shadow-lg active:scale-95 transition-transform duration-200 text-sm md:text-base" title="Download our official app">
370                        Download App
371                    </button>
372                    <button onclick="downloadApp()" class="px-8 py-3.5 bg-[#431407] text-[#ffffff] font-bold rounded-full shadow-lg active:scale-95 transition-transform duration-200 text-sm md:text-base" title="Login to your account">
373                        Join Now
374                    </button>
375                </div>
376            </div>
377        </div>
378    </div>
379</section>
380<nav class="sticky top-[88px] z-30 w-full bg-[#ffffff]/95 backdrop-blur-md border-b border-[#fdba74] shadow-lg" title="ph991jili.ph Category Navigation">
381    <div class="w-full overflow-x-auto overflow-y-hidden scroll-smooth no-scrollbar flex items-center py-2 px-4 md:px-8">
382        <ul id="category-tabs" class="flex items-center whitespace-nowrap gap-3 scroll-snap-x-mandatory">
383            <li class="scroll-snap-align-start">
384                <a href="#cat-slots" title="Explore Online Slots games" class="flex items-center justify-center px-4 py-2 rounded-full transition-all duration-300 ease-in-out border border-transparent text-sm font-bold text-[#431407] bg-[#fff7ed] hover:bg-[#ea580c] hover:text-[#ffffff] active:scale-95 shadow-sm">
385                    <span class="mr-2 text-lg" aria-hidden="true">
386                            🎰
387                    </span>
388                    <span class="uppercase tracking-wide">Online Slots</span>
389                </a>
390            </li>
391            <li class="scroll-snap-align-start">
392                <a href="#cat-live-casino" title="Explore Live Casino games" class="flex items-center justify-center px-4 py-2 rounded-full transition-all duration-300 ease-in-out border border-transparent text-sm font-bold text-[#431407] bg-[#fff7ed] hover:bg-[#ea580c] hover:text-[#ffffff] active:scale-95 shadow-sm">
393                    <span class="mr-2 text-lg" aria-hidden="true">
394                            🎡
395                    </span>
396                    <span class="uppercase tracking-wide">Live Casino</span>
397                </a>
398            </li>
399            <li class="scroll-snap-align-start">
400                <a href="#cat-sports" title="Explore Sports Betting games" class="flex items-center justify-center px-4 py-2 rounded-full transition-all duration-300 ease-in-out border border-transparent text-sm font-bold text-[#431407] bg-[#fff7ed] hover:bg-[#ea580c] hover:text-[#ffffff] active:scale-95 shadow-sm">
401                    <span class="mr-2 text-lg" aria-hidden="true">
402                            ⚽
403                    </span>
404                    <span class="uppercase tracking-wide">Sports Betting</span>
405                </a>
406            </li>
407            <li class="scroll-snap-align-start">
408                <a href="#cat-cockfight" title="Explore Sabong games" class="flex items-center justify-center px-4 py-2 rounded-full transition-all duration-300 ease-in-out border border-transparent text-sm font-bold text-[#431407] bg-[#fff7ed] hover:bg-[#ea580c] hover:text-[#ffffff] active:scale-95 shadow-sm">
409                    <span class="mr-2 text-lg" aria-hidden="true">
410                            🐓
411                    </span>
412                    <span class="uppercase tracking-wide">Sabong</span>
413                </a>
414            </li>
415            <li class="scroll-snap-align-start">
416                <a href="#cat-esports" title="Explore E-Sports games" class="flex items-center justify-center px-4 py-2 rounded-full transition-all duration-300 ease-in-out border border-transparent text-sm font-bold text-[#431407] bg-[#fff7ed] hover:bg-[#ea580c] hover:text-[#ffffff] active:scale-95 shadow-sm">
417                    <span class="mr-2 text-lg" aria-hidden="true">
418                            🎮
419                    </span>
420                    <span class="uppercase tracking-wide">E-Sports</span>
421                </a>
422            </li>
423            <li class="scroll-snap-align-start">
424                <a href="#cat-jackpot" title="Explore Grand Jackpot games" class="flex items-center justify-center px-4 py-2 rounded-full transition-all duration-300 ease-in-out border border-transparent text-sm font-bold text-[#431407] bg-[#fff7ed] hover:bg-[#ea580c] hover:text-[#ffffff] active:scale-95 shadow-sm">
425                    <span class="mr-2 text-lg" aria-hidden="true">
426                            💰
427                    </span>
428                    <span class="uppercase tracking-wide">Grand Jackpot</span>
429                </a>
430            </li>
431        </ul>
432    </div>
433    <style>
434        .no-scrollbar::-webkit-scrollbar {
435            display: none;
436        }
437        .no-scrollbar {
438            -ms-overflow-style: none;
439            scrollbar-width: none;
440        }
441        .scroll-snap-x-mandatory {
442            scroll-snap-type: x mandatory;
443        }
444        .scroll-snap-align-start {
445            scroll-snap-align: start;
446        }
447    </style>
448</nav><section id="ph991jiliph_news" data-news-style="v3" class="py-6 px-4 bg-slate-950 text-white font-sans">
449    <div class="max-w-md mx-auto">
450        <!-- Header Area -->
451        <div class="flex items-center justify-between mb-4 gap-2 min-w-0">
452            <div class="flex items-center gap-2 min-w-0 overflow-hidden">
453                <span class="flex-shrink-0 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider bg-yellow-500 text-black rounded-sm">Hot</span>
454                <h2 class="text-[clamp(1.1rem,4vw,1.25rem)] font-extrabold leading-tight break-words truncate-2-lines text-slate-100">
455                    New Game Recommendations
456                </h2>
457            </div>
458            <a href="/all-games" class="flex-shrink-0 px-3 py-1.5 text-xs font-medium bg-slate-800 hover:bg-slate-700 text-slate-300 rounded-full border border-slate-700 transition-colors">
459                View all
460            </a>
461        </div>
462
463        <!-- Games Grid -->
464        <div class="grid grid-cols-2 gap-3">
465            <a href="vip_roulette.html" class="group relative block overflow-hidden rounded-xl bg-slate-900 aspect-[3/4] shadow-lg transition-transform active:scale-95">
466                <!-- Image Layer -->
467                <img src="static/images/93a154ad9d1d411c.png" alt="VIP Roulette" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
468                
469                <!-- Premium Gradient Overlay -->
470                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
471                
472                <!-- Content Layer -->
473                <div class="absolute inset-0 p-3 flex flex-col justify-end">
474                    <div class="relative z-10">
475                        <p class="text-sm font-bold leading-tight text-white line-clamp-2 drop-shadow-md group-hover:text-yellow-400 transition-colors">
476                            VIP Roulette
477                        </p>
478                        <div class="mt-2 w-full h-1 bg-slate-700 rounded-full overflow-hidden">
479                            <div class="w-0 group-hover:w-full h-full bg-yellow-500 transition-all duration-300"></div>
480                        </div>
481                    </div>
482                </div>
483
484                <!-- Corner Badge (Optional Polish) -->
485                <div class="absolute top-2 right-2 px-1.5 py-0.5 bg-black/60 backdrop-blur-md rounded text-[9px] font-bold text-yellow-400 border border-yellow-500/30">
486                    NEW
487                </div>
488            </a>
489            <a href="buckshot_wilds.html" class="group relative block overflow-hidden rounded-xl bg-slate-900 aspect-[3/4] shadow-lg transition-transform active:scale-95">
490                <!-- Image Layer -->
491                <img src="static/images/2e472362818d0412.jpg" alt="Buckshot Wilds" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
492                
493                <!-- Premium Gradient Overlay -->
494                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
495                
496                <!-- Content Layer -->
497                <div class="absolute inset-0 p-3 flex flex-col justify-end">
498                    <div class="relative z-10">
499                        <p class="text-sm font-bold leading-tight text-white line-clamp-2 drop-shadow-md group-hover:text-yellow-400 transition-colors">
500                            Buckshot Wilds
501                        </p>
502                        <div class="mt-2 w-full h-1 bg-slate-700 rounded-full overflow-hidden">
503                            <div class="w-0 group-hover:w-full h-full bg-yellow-500 transition-all duration-300"></div>
504                        </div>
505                    </div>
506                </div>
507
508                <!-- Corner Badge (Optional Polish) -->
509                <div class="absolute top-2 right-2 px-1.5 py-0.5 bg-black/60 backdrop-blur-md rounded text-[9px] font-bold text-yellow-400 border border-yellow-500/30">
510                    NEW
511                </div>
512            </a>
513        </div>
514    </div>
515</section>
516<section id="cat-slots" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff7ed]">
517    <div class="flex items-center mb-6 overflow-hidden">
518        <div class="flex-shrink-0 w-1 h-6 bg-[#ea580c] rounded-full mr-3"></div>
519        <h2 class="text-lg md:text-2xl font-bold text-[#7c2d12] flex items-center">
520            <span class="mr-2 text-xl">🎰</span>
521            Online Slots
522        </h2>
523    </div>
524    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
525        <article class="group relative">
526            <a href="cai-shen-dao.html" title="Play Cai Shen Dao now" class="flex flex-col h-full">
527                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
528                        <img src="static/images/9699f1dada9bf01c1972d0505e60888734bea344.heif" alt="Cai Shen Dao screenshot" loading="lazy" class="w-full h-full object-cover">
529                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
530                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
531                            PG Soft
532                        </span>
533                    </div>
534                </div>
535                <div class="mt-2 px-0.5">
536                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Cai Shen Dao">
537                        Cai Shen Dao
538                    </p>
539                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
540                        PG Soft
541                    </p>
542                </div>
543            </a>
544        </article>
545        <article class="group relative">
546            <a href="evo-speed-blackjack-1.html" title="Play Evo Speed Blackjack 1 now" class="flex flex-col h-full">
547                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
548                        <img src="static/images/2e94551f0454d84173da582f81387aa07759ab40.png" alt="Evo Speed Blackjack 1 screenshot" loading="lazy" class="w-full h-full object-cover">
549                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
550                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
551                            Evolution
552                        </span>
553                    </div>
554                </div>
555                <div class="mt-2 px-0.5">
556                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Evo Speed Blackjack 1">
557                        Evo Speed Blackjack 1
558                    </p>
559                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
560                        Evolution
561                    </p>
562                </div>
563            </a>
564        </article>
565        <article class="group relative">
566            <a href="jackpot-fishery.html" title="Play Jackpot Fishery now" class="flex flex-col h-full">
567                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
568                        <img src="static/images/48384b6415df6b1dad57d7bf550e5e60e751835b.webp" alt="Jackpot Fishery screenshot" loading="lazy" class="w-full h-full object-cover">
569                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
570                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
571                            Jili
572                        </span>
573                    </div>
574                </div>
575                <div class="mt-2 px-0.5">
576                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Jackpot Fishery">
577                        Jackpot Fishery
578                    </p>
579                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
580                        Jili
581                    </p>
582                </div>
583            </a>
584        </article>
585    </div>
586    <div class="mt-8 flex justify-center">
587        <a href="javascript:downloadApp();" title="View all games in Online Slots" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#7c2d12] active:scale-95 shadow-sm">
588                View More
589            <svg class="w-3 h-3 ml-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
590                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path>
591            </svg>
592        </a>
593    </div>
594</section>
595<section id="cat-live-casino" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff7ed]">
596    <div class="flex items-center mb-6 overflow-hidden">
597        <div class="flex-shrink-0 w-1 h-6 bg-[#ea580c] rounded-full mr-3"></div>
598        <h2 class="text-lg md:text-2xl font-bold text-[#7c2d12] flex items-center">
599            <span class="mr-2 text-xl">🎡</span>
600            Live Casino
601        </h2>
602    </div>
603    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
604        <article class="group relative">
605            <a href="jade-emperor.html" title="Play Jade Emperor now" class="flex flex-col h-full">
606                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
607                        <img src="static/images/89ab29e8808f3a1963f982e854695c0b0ed3ed4b.webp" alt="Jade Emperor screenshot" loading="lazy" class="w-full h-full object-cover">
608                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
609                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
610                            PG Soft
611                        </span>
612                    </div>
613                </div>
614                <div class="mt-2 px-0.5">
615                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Jade Emperor">
616                        Jade Emperor
617                    </p>
618                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
619                        PG Soft
620                    </p>
621                </div>
622            </a>
623        </article>
624        <article class="group relative">
625            <a href="longmen-express.html" title="Play Longmen Express now" class="flex flex-col h-full">
626                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
627                        <img src="static/images/23949a84c19f17695ab227c471c26ba38bcff48a.heif" alt="Longmen Express screenshot" loading="lazy" class="w-full h-full object-cover">
628                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
629                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
630                            PG Soft
631                        </span>
632                    </div>
633                </div>
634                <div class="mt-2 px-0.5">
635                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Longmen Express">
636                        Longmen Express
637                    </p>
638                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
639                        PG Soft
640                    </p>
641                </div>
642            </a>
643        </article>
644        <article class="group relative">
645            <a href="force-of-dragon.html" title="Play Force Of Dragon now" class="flex flex-col h-full">
646                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
647                        <img src="static/images/f4545ae633e1f32a0dd52f91568f780d24eb05a1.heif" alt="Force Of Dragon screenshot" loading="lazy" class="w-full h-full object-cover">
648                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
649                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
650                            PG Soft
651                        </span>
652                    </div>
653                </div>
654                <div class="mt-2 px-0.5">
655                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Force Of Dragon">
656                        Force Of Dragon
657                    </p>
658                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
659                        PG Soft
660                    </p>
661                </div>
662            </a>
663        </article>
664        <article class="group relative">
665            <a href="bonanza.html" title="Play Bonanza now" class="flex flex-col h-full">
666                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
667                        <img src="static/images/bca1b30eb16772960a64cf7af20ffe9b3369f5cd.heif" alt="Bonanza screenshot" loading="lazy" class="w-full h-full object-cover">
668                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent roun
668ded-b-2xl">
669                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
670                            Pragmatic Play
671                        </span>
672                    </div>
673                </div>
674                <div class="mt-2 px-0.5">
675                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Bonanza">
676                        Bonanza
677                    </p>
678                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
679                        Pragmatic Play
680                    </p>
681                </div>
682            </a>
683        </article>
684        <article class="group relative">
685            <a href="cash-goddess.html" title="Play Cash Goddess now" class="flex flex-col h-full">
686                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
687                        <img src="static/images/f4b51920e63ce34b17a16b3c87451c02b6457e2b.heif" alt="Cash Goddess screenshot" loading="lazy" class="w-full h-full object-cover">
688                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
689                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
690                            PG Soft
691                        </span>
692                    </div>
693                </div>
694                <div class="mt-2 px-0.5">
695                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Cash Goddess">
696                        Cash Goddess
697                    </p>
698                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
699                        PG Soft
700                    </p>
701                </div>
702            </a>
703        </article>
704        <article class="group relative">
705            <a href="golden-ox.html" title="Play Golden Ox now" class="flex flex-col h-full">
706                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
707                        <img src="static/images/74042efe9395560f1050da3bc41992d63f14e3c2.heif" alt="Golden Ox screenshot" loading="lazy" class="w-full h-full object-cover">
708                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
709                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
710                            PG Soft
711                        </span>
712                    </div>
713                </div>
714                <div class="mt-2 px-0.5">
715                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Golden Ox">
716                        Golden Ox
717                    </p>
718                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
719                        PG Soft
720                    </p>
721                </div>
722            </a>
723        </article>
724        <article class="group relative">
725            <a href="baccarat-1.html" title="Play Baccarat 1 now" class="flex flex-col h-full">
726                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
727                        <img src="static/images/340fd4412e591e07ec21c5eca240d2e42378a765.heif" alt="Baccarat 1 screenshot" loading="lazy" class="w-full h-full object-cover">
728                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent roun
728ded-b-2xl">
729                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
730                            Evolution
731                        </span>
732                    </div>
733                </div>
734                <div class="mt-2 px-0.5">
735                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Baccarat 1">
736                        Baccarat 1
737                    </p>
738                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
739                        Evolution
740                    </p>
741                </div>
742            </a>
743        </article>
744        <article class="group relative">
745            <a href="speed-baccarat-j.html" title="Play Speed Baccarat J now" class="flex flex-col h-full">
746                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
747                        <img src="static/images/05b4b323614e393db8163c8ee3798f10e567e1e0.png" alt="Speed Baccarat J screenshot" loading="lazy" class="w-full h-full object-cover">
748                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
749                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
750                            Ezugi
751                        </span>
752                    </div>
753                </div>
754                <div class="mt-2 px-0.5">
755                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Speed Baccarat J">
756                        Speed Baccarat J
757                    </p>
758                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
759                        Ezugi
760                    </p>
761                </div>
762            </a>
763        </article>
764        <article class="group relative">
765            <a href="speed-baccarat.html" title="Play Speed Baccarat now" class="flex flex-col h-full">
766                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
767                        <img src="static/images/081daf54c13afc9f721490d3804c7a04f4fe65f3.png" alt="Speed Baccarat screenshot" loading="lazy" class="w-full h-full object-cover">
768                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
769                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
770                            Evolution
771                        </span>
772                    </div>
773                </div>
774                <div class="mt-2 px-0.5">
775                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Speed Baccarat">
776                        Speed Baccarat
777                    </p>
778                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
779                        Evolution
780                    </p>
781                </div>
782            </a>
783        </article>
784    </div>
785    <div class="mt-8 flex justify-center">
786        <a href="javascript:downloadApp();" title="View all games in Live Casino" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#7c2d12] active:scale-95 shadow-sm">
787                View More
788            <svg class="w-3 h-3 ml-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
789                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path>
790            </svg>
791        </a>
792    </div>
793</section>
794<section id="cat-sports" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff7ed]">
795    <div class="flex items-center mb-6 overflow-hidden">
796        <div class="flex-shrink-0 w-1 h-6 bg-[#ea580c] rounded-full mr-3"></div>
797        <h2 class="text-lg md:text-2xl font-bold text-[#7c2d12] flex items-center">
798            <span class="mr-2 text-xl">⚽</span>
799            Sports Betting
800        </h2>
801    </div>
802    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
803        <article class="group relative">
804            <a href="the-first-emperor-2.html" title="Play The First Emperor 2 now" class="flex flex-col h-full">
805                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
806                        <img src="static/images/c89e5e5a5fdd44c73eda11285dc46e6c2ce1a3cc.heif" alt="The First Emperor 2 screenshot" loading="lazy" class="w-full h-full object-cover">
807                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
808                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
809                            PG Soft
810                        </span>
811                    </div>
812                </div>
813                <div class="mt-2 px-0.5">
814                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="The First Emperor 2">
815                        The First Emperor 2
816                    </p>
817                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
818                        PG Soft
819                    </p>
820                </div>
821            </a>
822        </article>
823        <article class="group relative">
824            <a href="roma-x-10000.html" title="Play ROMA X 10000 now" class="flex flex-col h-full">
825                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
826                        <img src="static/images/961900e7b2dcdbaa6f6d491c0895ca44c09e7b35.heif" alt="ROMA X 10000 screenshot" loading="lazy" class="w-full h-full object-cover">
827                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
828                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
829                            Pragmatic Play
830                        </span>
831                    </div>
832                </div>
833                <div class="mt-2 px-0.5">
834                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="ROMA X 10000">
835                        ROMA X 10000
836                    </p>
837                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
838                        Pragmatic Play
839                    </p>
840                </div>
841            </a>
842        </article>
843        <article class="group relative">
844            <a href="bear-kingdom.html" title="Play Bear Kingdom now" class="flex flex-col h-full">
845                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
846                        <img src="static/images/e939efac78fa77c5e18f153fb3be039123ddc330.webp" alt="Bear Kingdom screenshot" loading="lazy" class="w-full h-full object-cover">
847                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
848                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
849                            PG Soft
850                        </span>
851                    </div>
852                </div>
853                <div class="mt-2 px-0.5">
854                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Bear Kingdom">
855                        Bear Kingdom
856                    </p>
857                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
858                        PG Soft
859                    </p>
860                </div>
861            </a>
862        </article>
863    </div>
864    <div class="mt-8 flex justify-center">
865        <a href="javascript:downloadApp();" title="View all games in Sports Betting" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#7c2d12] active:scale-95 shadow-sm">
866                View More
867            <svg class="w-3 h-3 ml-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
868                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path>
869            </svg>
870        </a>
871    </div>
872</section>
873<section id="cat-cockfight" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff7ed]">
874    <div class="flex items-center mb-6 overflow-hidden">
875        <div class="flex-shrink-0 w-1 h-6 bg-[#ea580c] rounded-full mr-3"></div>
876        <h2 class="text-lg md:text-2xl font-bold text-[#7c2d12] flex items-center">
877            <span class="mr-2 text-xl">🐓</span>
878            Sabong
879        </h2>
880    </div>
881    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
882        <article class="group relative">
883            <a href="mundo-ng-phoenix.html" title="Play Mundo ng Phoenix now" class="flex flex-col h-full">
884                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
885                        <img src="static/images/9bd5261aac47855b9e93d81dad7e15b252549d0f.heif" alt="Mundo ng Phoenix screenshot" loading="lazy" class="w-full h-full object-cover">
886                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
887                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
888                            PG Soft
889                        </span>
890                    </div>
891                </div>
892                <div class="mt-2 px-0.5">
893                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Mundo ng Phoenix">
894                        Mundo ng Phoenix
895                    </p>
896                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
897                        PG Soft
898                    </p>
899                </div>
900            </a>
901        </article>
902        <article class="group relative">
903            <a href="speed-baccarat-d.html" title="Play Speed Baccarat D now" class="flex flex-col h-full">
904                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
905                        <img src="static/images/9c2eb702fe22b09090429f58d7edf46f7c55c219.png" alt="Speed Baccarat D screenshot" loading="lazy" class="w-full h-full object-cover">
906                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
907                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
908                            Evolution
909                        </span>
910                    </div>
911                </div>
912                <div class="mt-2 px-0.5">
913                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Speed Baccarat D">
914                        Speed Baccarat D
915                    </p>
916                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
917                        Evolution
918                    </p>
919                </div>
920            </a>
921        </article>
922        <article class="group relative">
923            <a href="thai-fish-prawn-crab-go.html" title="Play Thai Fish Prawn Crab GO! now" class="flex flex-col h-full">
924                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
925                        <img src="static/images/acd4430ee655a4506d6c955e582411e7c1234f28.heif" alt="Thai Fish Prawn Crab GO! screenshot" loading="lazy" class="w-full h-full object-cover">
926                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
927                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
928                            Pragmatic Play
929                        </span>
930                    </div>
931                </div>
932                <div class="mt-2 px-0.5">
933                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Thai Fish Prawn Crab GO!">
934                        Thai Fish Prawn Crab GO!
935                    </p>
936                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
937                        Pragmatic Play
938                    </p>
939                </div>
940            </a>
941        </article>
942        <article class="group relative">
943            <a href="sic-bo.html" title="Play Sic Bo now" class="flex flex-col h-full">
944                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
945                        <img src="static/images/65a5c54c63bebf3cbac3709a87d0d12d02fecc0d.heif" alt="Sic Bo screenshot" loading="lazy" class="w-full h-full object-cover">
946                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent roun
946ded-b-2xl">
947                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
948                            Ezugi
949                        </span>
950                    </div>
951                </div>
952                <div class="mt-2 px-0.5">
953                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Sic Bo">
954                        Sic Bo
955                    </p>
956                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
957                        Ezugi
958                    </p>
959                </div>
960            </a>
961        </article>
962        <article class="group relative">
963            <a href="gift-mania.html" title="Play Gift Mania now" class="flex flex-col h-full">
964                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
965                        <img src="static/images/5a89ac1a78d62f224d01a90d7a4999464069883f.heif" alt="Gift Mania screenshot" loading="lazy" class="w-full h-full object-cover">
966                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
967                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
968                            BGaming
969                        </span>
970                    </div>
971                </div>
972                <div class="mt-2 px-0.5">
973                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Gift Mania">
974                        Gift Mania
975                    </p>
976                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
977                        BGaming
978                    </p>
979                </div>
980            </a>
981        </article>
982        <article class="group relative">
983            <a href="moon-girls.html" title="Play Moon Girls now" class="flex flex-col h-full">
984                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
985                        <img src="static/images/b423ae6aa923a87b04356f2d9eb8d3a4fee7ae88.heif" alt="Moon Girls screenshot" loading="lazy" class="w-full h-full object-cover">
986                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
987                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
988                            PG Soft
989                        </span>
990                    </div>
991                </div>
992                <div class="mt-2 px-0.5">
993                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Moon Girls">
994                        Moon Girls
995                    </p>
996                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
997                        PG Soft
998                    </p>
999                </div>
1000            </a>
1001        </article>
1002    </div>
1003    <div class="mt-8 flex justify-center">
1004        <a href="javascript:downloadApp();" title="View all games in Sabong" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#7c2d12] active:scale-95 shadow-sm">
1005                View More
1006            <svg class="w-3 h-3 ml-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1007                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path>
1008            </svg>
1009        </a>
1010    </div>
1011</section>
1012<section id="cat-esports" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff7ed]">
1013    <div class="flex items-center mb-6 overflow-hidden">
1014        <div class="flex-shrink-0 w-1 h-6 bg-[#ea580c] rounded-full mr-3"></div>
1015        <h2 class="text-lg md:text-2xl font-bold text-[#7c2d12] flex items-center">
1016            <span class="mr-2 text-xl">🎮</span>
1017            E-Sports
1018        </h2>
1019    </div>
1020    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
1021        <article class="group relative">
1022            <a href="bato-precious.html" title="Play Bato precious now" class="flex flex-col h-full">
1023                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
1024                        <img src="static/images/e99b5241b71bef276c52b7e2823fafb807338003.heif" alt="Bato precious screenshot" loading="lazy" class="w-full h-full object-cover">
1025                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
1026                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
1027                            Pragmatic Play
1028                        </span>
1029                    </div>
1030                </div>
1031                <div class="mt-2 px-0.5">
1032                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Bato precious">
1033                        Bato precious
1034                    </p>
1035                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
1036                        Pragmatic Play
1037                    </p>
1038                </div>
1039            </a>
1040        </article>
1041        <article class="group relative">
1042            <a href="mermaid-fishing-3d.html" title="Play Mermaid Fishing (3D) now" class="flex flex-col h-full">
1043                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
1044                        <img src="static/images/9e801895bbcc63188232f648a26bdbff56f94680.webp" alt="Mermaid Fishing (3D) screenshot" loading="lazy" class="w-full h-full object-cover">
1045                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
1046                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
1047                            PG Soft
1048                        </span>
1049                    </div>
1050                </div>
1051                <div class="mt-2 px-0.5">
1052                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Mermaid Fishing (3D)">
1053                        Mermaid Fishing (3D)
1054                    </p>
1055                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
1056                        PG Soft
1057                    </p>
1058                </div>
1059            </a>
1060        </article>
1061        <article class="group relative">
1062            <a href="baccarat-aht05.html" title="Play Baccarat AHT05 now" class="flex flex-col h-full">
1063                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
1064                        <img src="static/images/2d9695bd1c64b8ef2e3a8b5046a30ced2bc57954.heif" alt="Baccarat AHT05 screenshot" loading="lazy" class="w-full h-full object-cover">
1065                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
1066                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
1067                            Evolution
1068                        </span>
1069                    </div>
1070                </div>
1071                <div class="mt-2 px-0.5">
1072                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Baccarat AHT05">
1073                        Baccarat AHT05
1074                    </p>
1075                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
1076                        Evolution
1077                    </p>
1078                </div>
1079            </a>
1080        </article>
1081    </div>
1082    <div class="mt-8 flex justify-center">
1083        <a href="javascript:downloadApp();" title="View all games in E-Sports" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#7c2d12] active:scale-95 shadow-sm">
1084                View More
1085            <svg class="w-3 h-3 ml-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1086                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path>
1087            </svg>
1088        </a>
1089    </div>
1090</section>
1091<section id="cat-jackpot" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff7ed]">
1092    <div class="flex items-center mb-6 overflow-hidden">
1093        <div class="flex-shrink-0 w-1 h-6 bg-[#ea580c] rounded-full mr-3"></div>
1094        <h2 class="text-lg md:text-2xl font-bold text-[#7c2d12] flex items-center">
1095            <span class="mr-2 text-xl">💰</span>
1096            Grand Jackpot
1097        </h2>
1098    </div>
1099    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-4">
1100        <article class="group relative">
1101            <a href="apollo-ray-of-luck.html" title="Play Apollo Ray of Luck now" class="flex flex-col h-full">
1102                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
1103                        <img src="static/images/08bb9e607e3af4db1968e4b7b0357671cd3f0d0f.heif" alt="Apollo Ray of Luck screenshot" loading="lazy" class="w-full h-full object-cover">
1104                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
1105                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
1106                            Pragmatic Play
1107                        </span>
1108                    </div>
1109                </div>
1110                <div class="mt-2 px-0.5">
1111                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Apollo Ray of Luck">
1112                        Apollo Ray of Luck
1113                    </p>
1114                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
1115                        Pragmatic Play
1116                    </p>
1117                </div>
1118            </a>
1119        </article>
1120        <article class="group relative">
1121            <a href="crazy-party.html" title="Play Crazy Party now" class="flex flex-col h-full">
1122                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
1123                        <img src="static/images/bc54cca9ca36cc920dcf44359e5608e2558b8137.heif" alt="Crazy Party screenshot" loading="lazy" class="w-full h-full object-cover">
1124                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
1125                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
1126                            PG Soft
1127                        </span>
1128                    </div>
1129                </div>
1130                <div class="mt-2 px-0.5">
1131                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Crazy Party">
1132                        Crazy Party
1133                    </p>
1134                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
1135                        PG Soft
1136                    </p>
1137                </div>
1138            </a>
1139        </article>
1140        <article class="group relative">
1141            <a href="ez-dealer-roulette-thai.html" title="Play EZ Dealer Roulette Thai now" class="flex flex-col h-full">
1142                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
1143                        <img src="static/images/b960db91aefd642ce1b434b1e4bc69d7a7439563.heif" alt="EZ Dealer Roulette Thai screenshot" loading="lazy" class="w-full h-full object-cover">
1144                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
1145                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
1146                            Ezugi
1147                        </span>
1148                    </div>
1149                </div>
1150                <div class="mt-2 px-0.5">
1151                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="EZ Dealer Roulette Thai">
1152                        EZ Dealer Roulette Thai
1153                    </p>
1154                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
1155                        Ezugi
1156                    </p>
1157                </div>
1158            </a>
1159        </article>
1160        <article class="group relative">
1161            <a href="korean-speed-blackjack-m.html" title="Play Korean Speed Blackjack M now" class="flex flex-col h-full">
1162                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
1163                        <img src="static/images/169ec928751d561a7e58ecc1e684c8d7f356e7d9.png" alt="Korean Speed Blackjack M screenshot" loading="lazy" class="w-full h-full object-cover">
1164                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent roun
1164ded-b-2xl">
1165                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
1166                            Evolution
1167                        </span>
1168                    </div>
1169                </div>
1170                <div class="mt-2 px-0.5">
1171                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Korean Speed Blackjack M">
1172                        Korean Speed Blackjack M
1173                    </p>
1174                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
1175                        Evolution
1176                    </p>
1177                </div>
1178            </a>
1179        </article>
1180        <article class="group relative">
1181            <a href="speed-baccarat-c.html" title="Play Speed Baccarat C now" class="flex flex-col h-full">
1182                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
1183                        <img src="static/images/8164aa57159cb9723c00fff3f3c1227747066fab.png" alt="Speed Baccarat C screenshot" loading="lazy" class="w-full h-full object-cover">
1184                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
1185                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
1186                            Evolution
1187                        </span>
1188                    </div>
1189                </div>
1190                <div class="mt-2 px-0.5">
1191                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Speed Baccarat C">
1192                        Speed Baccarat C
1193                    </p>
1194                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
1195                        Evolution
1196                    </p>
1197                </div>
1198            </a>
1199        </article>
1200        <article class="group relative">
1201            <a href="shenron-hunter.html" title="Play Shenron Hunter now" class="flex flex-col h-full">
1202                <div class="relative aspect-square overflow-hidden rounded-2xl bg-[#fdba74] shadow-sm transition-transform duration-300 group-hover:scale-105 group-hover:shadow-md">
1203                        <img src="static/images/cf7822bc5a77fe460d0e964a1de73b1d300c75c0.heif" alt="Shenron Hunter screenshot" loading="lazy" class="w-full h-full object-cover">
1204                    <div class="absolute bottom-0 left-0 right-0 p-1 translate-y-full transition-transform duration-300 group-hover:translate-y-0 bg-gradient-to-t from-[#431407]/80 to-transparent rounded-b-2xl">
1205                        <span class="text-[10px] text-[#ffffff] block text-center truncate font-medium opacity-90">
1206                            JILI
1207                        </span>
1208                    </div>
1209                </div>
1210                <div class="mt-2 px-0.5">
1211                    <p class="text-xs md:text-sm font-semibold text-[#431407] truncate leading-tight" title="Shenron Hunter">
1212                        Shenron Hunter
1213                    </p>
1214                    <p class="text-[10px] text-[#ea580c] opacity-80 truncate font-medium">
1215                        JILI
1216                    </p>
1217                </div>
1218            </a>
1219        </article>
1220    </div>
1221    <div class="mt-8 flex justify-center">
1222        <a href="javascript:downloadApp();" title="View all games in Grand Jackpot" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#7c2d12] active:scale-95 shadow-sm">
1223                View More
1224            <svg class="w-3 h-3 ml-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1225                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path>
1226            </svg>
1227        </a>
1228    </div>
1229</section>
1230<section class="py-8 px-4 md:py-12 md:px-6 bg-[#fff7ed]">
1231    <div class="max-w-screen-md mx-auto">
1232        <div class="mb-8 text-left">
1233            <h2 class="text-2xl md:text-3xl font-bold text-[#7c2d12] leading-tight mb-2">
1234                Experience the Ultimate Win at ph991jili.ph - Top Online Casino PH
1235            </h2>
1236            <p class="text-sm md:text-base text-[#431407] opacity-80" title="Join 991jili today and unlock the most rewarding bonuses in the Philippines. From huge welcome matches to daily VIP rebates, your winning streak starts here with 991jili com. Use the official 991jili link to claim your prizes!">
1237                Join 991jili today and unlock the most rewarding bonuses in the Philippines. From huge welcome matches to daily VIP rebates, your winning streak starts here with 991jili com. Use the official 991jili link to claim your prizes!
1238            </p>
1239        </div>
1240        <div class="flex flex-col gap-6">
1241            <article class="bg-[#ffffff] rounded-2xl overflow-hidden shadow-sm border border-[#fdba74] flex flex-col transition-transform active:scale-[0.98]">
1242                <div class="relative w-full">
1243                    <img src="static/images/aeea8ef007591e96278bebd57566c81ff598d634.jpg" alt="Ultimate Welcome Bonus Pack promotion" loading="lazy" class="block w-full h-auto object-cover">
1244                    <span class="absolute top-3 left-3 bg-[#ea580c] text-[#ffffff] text-xs font-bold px-2 py-1 rounded-md shadow-sm">
1245                        NEW
1246                    </span>
1247                </div>
1248                <div class="p-5 flex flex-col gap-4">
1249                    <h3 class="text-lg md:text-xl font-bold text-[#7c2d12] leading-snug line-clamp-2">
1250                        Ultimate Welcome Bonus Pack
1251                    </h3>
1252                    <div class="flex items-center gap-2">
1253                        <span class="text-2xl md:text-3xl font-black text-[#ea580c]">
1254                            ₱50,000 Bonus
1255                        </span>
1256                        <span class="text-xs font-medium text-[#7c2d12] uppercase tracking-wider">
1257                            Bonus Reward
1258                        </span>
1259                    </div>
1260                    <p class="text-sm leading-relaxed text-[#431407] opacity-90" title="Start your journey with a massive boost! Sign up today and grab this exclusive starter pack for all slot games.">
1261                        Start your journey with a massive boost! Sign up today and grab this exclusive starter pack for all slot games.
1262                    </p>
1263                    <div class="space-y-2">
1264                        <div class="w-full h-3 bg-[#fdba74] rounded-full overflow-hidden">
1265                            <div class="h-full bg-[#ea580c] transition-all duration-500" style="width: 72%"></div>
1266                        </div>
1267                        <div class="flex justify-between items-center text-xs font-semibold text-[#7c2d12]">
1268                            <span class="flex items-center gap-1">
1269                                💰 Claimed: 72%
1270                            </span>
1271                            <span class="flex items-center gap-1">
1272                                ⏰ Ends in: 1 Day Left
1273                            </span>
1274                        </div>
1275                    </div>
1276                    <button onclick="downloadApp()" title="Claim Ultimate Welcome Bonus Pack reward now" class="w-full py-3.5 bg-[#ea580c] text-[#ffffff] font-bold rounded-xl hover:bg-[#c24108] transition-colors text-center shadow-md active:shadow-inner">
1277                        Claim Now
1278                    </button>
1279                </div>
1280            </article>
1281            <article class="bg-[#ffffff] rounded-2xl overflow-hidden shadow-sm border border-[#fdba74] flex flex-col transition-transform active:scale-[0.98]">
1282                <div class="relative w-full">
1283                    <img src="static/images/edd88da0f298230ba0905f99df5b91954011826b.jpg" alt="100% First Deposit Match promotion" loading="lazy" class="block w-full h-auto object-cover">
1284                    <span class="absolute top-3 left-3 bg-[#ea580c] text-[#ffffff] text-xs font-bold px-2 py-1 rounded-md shadow-sm">
1285                        HOT
1286                    </span>
1287                </div>
1288                <div class="p-5 flex flex-col gap-4">
1289                    <h3 class="text-lg md:text-xl font-bold text-[#7c2d12] leading-snug line-clamp-2">
1290                        100% First Deposit Match
1291                    </h3>
1292                    <div class="flex items-center gap-2">
1293                        <span class="text-2xl md:text-3xl font-black text-[#ea580c]">
1294                            Double Deposit
1295                        </span>
1296                        <span class="text-xs font-medium text-[#7c2d12] uppercase tracking-wider">
1297                            Bonus Reward
1298                        </span>
1299                    </div>
1300                    <p class="text-sm leading-relaxed text-[#431407] opacity-90" title="Double your luck instantly! Get a 100% match on your first deposit and play your favorite JILI slots today.">
1301                        Double your luck instantly! Get a 100% match on your first deposit and play your favorite JILI slots today.
1302                    </p>
1303                    <div class="space-y-2">
1304                        <div class="w-full h-3 bg-[#fdba74] rounded-full overflow-hidden">
1305                            <div class="h-full bg-[#ea580c] transition-all duration-500" style="width: 88%"></div>
1306                        </div>
1307                        <div class="flex justify-between items-center text-xs font-semibold text-[#7c2d12]">
1308                            <span class="flex items-center gap-1">
1309                                💰 Claimed: 88%
1310                            </span>
1311                            <span class="flex items-center gap-1">
1312                                ⏰ Ends in: 05:20:15
1313                            </span>
1314                        </div>
1315                    </div>
1316                    <button onclick="downloadApp()" title="Claim 100% First Deposit Match reward now" class="w-full py-3.5 bg-[#ea580c] text-[#ffffff] font-bold rounded-xl hover:bg-[#c24108] transition-colors text-center shadow-md active:shadow-inner">
1317                        Deposit Now
1318                    </button>
1319                </div>
1320            </article>
1321            <article class="bg-[#ffffff] rounded-2xl overflow-hidden shadow-sm border border-[#fdba74] flex flex-col transition-transform active:scale-[0.98]">
1322                <div class="relative w-full">
1323                    <img src="static/images/00c631bf9f4497c2d6087cfc52e7f6f0226c8086.png" alt="Weekly VIP Cashback Rebate promotion" loading="lazy" class="block w-full h-auto object-cover">
1324                    <span class="absolute top-3 left-3 bg-[#ea580c] text-[#ffffff] text-xs font-bold px-2 py-1 rounded-md shadow-sm">
1325                        EXCLUSIVE
1326                    </span>
1327                </div>
1328                <div class="p-5 flex flex-col gap-4">
1329                    <h3 class="text-lg md:text-xl font-bold text-[#7c2d12] leading-snug line-clamp-2">
1330                        Weekly VIP Cashback Rebate
1331                    </h3>
1332                    <div class="flex items-center gap-2">
1333                        <span class="text-2xl md:text-3xl font-black text-[#ea580c]">
1334                            Up to 10% Back
1335                        </span>
1336                        <span class="text-xs font-medium text-[#7c2d12] uppercase tracking-wider">
1337                            Bonus Reward
1338                        </span>
1339                    </div>
1340                    <p class="text-sm leading-relaxed text-[#431407] opacity-90" title="Lose some? Get some back! Enjoy weekly rebates on all your bets. The more you play, the more you earn.">
1341                        Lose some? Get some back! Enjoy weekly rebates on all your bets. The more you play, the more you earn.
1342                    </p>
1343                    <div class="space-y-2">
1344                        <div class="w-full h-3 bg-[#fdba74] rounded-full overflow-hidden">
1345                            <div class="h-full bg-[#ea580c] transition-all duration-500" style="width: 54%"></div>
1346                        </div>
1347                        <div class="flex justify-between items-center text-xs font-semibold text-[#7c2d12]">
1348                            <span class="flex items-center gap-1">
1349                                💰 Claimed: 54%
1350                            </span>
1351                            <span class="flex items-center gap-1">
1352                                ⏰ Ends in: 12h 45m
1353                            </span>
1354                        </div>
1355                    </div>
1356                    <button onclick="downloadApp()" title="Claim Weekly VIP 
1356Cashback Rebate reward now" class="w-full py-3.5 bg-[#ea580c] text-[#ffffff] font-bold rounded-xl hover:bg-[#c24108] transition-colors text-center shadow-md active:shadow-inner">
1357                        Get Rebate
1358                    </button>
1359                </div>
1360            </article>
1361            <article class="bg-[#ffffff] rounded-2xl overflow-hidden shadow-sm border border-[#fdba74] flex flex-col transition-transform active:scale-[0.98]">
1362                <div class="relative w-full">
1363                    <img src="static/images/3a04dc5d1c0741da5b2187ec309f8c3e0f7a130f.jpg" alt="Slot Rescue Red Envelope promotion" loading="lazy" class="block w-full h-auto object-cover">
1364                    <span class="absolute top-3 left-3 bg-[#ea580c] text-[#ffffff] text-xs font-bold px-2 py-1 rounded-md shadow-sm">
1365                        LIMITED
1366                    </span>
1367                </div>
1368                <div class="p-5 flex flex-col gap-4">
1369                    <h3 class="text-lg md:text-xl font-bold text-[#7c2d12] leading-snug line-clamp-2">
1370                        Slot Rescue Red Envelope
1371                    </h3>
1372                    <div class="flex items-center gap-2">
1373                        <span class="text-2xl md:text-3xl font-black text-[#ea580c]">
1374                            ₱200,000 Jackpot
1375                        </span>
1376                        <span class="text-xs font-medium text-[#7c2d12] uppercase tracking-wider">
1377                            Bonus Reward
1378                        </span>
1379                    </div>
1380                    <p class="text-sm leading-relaxed text-[#431407] opacity-90" title="Feel the rush! Open your lucky red envelope for a chance to win a massive slot rescue prize today.">
1381                        Feel the rush! Open your lucky red envelope for a chance to win a massive slot rescue prize today.
1382                    </p>
1383                    <div class="space-y-2">
1384                        <div class="w-full h-3 bg-[#fdba74] rounded-full overflow-hidden">
1385                            <div class="h-full bg-[#ea580c] transition-all duration-500" style="width: 95%"></div>
1386                        </div>
1387                        <div class="flex justify-between items-center text-xs font-semibold text-[#7c2d12]">
1388                            <span class="flex items-center gap-1">
1389                                💰 Claimed: 95%
1390                            </span>
1391                            <span class="flex items-center gap-1">
1392                                ⏰ Ends in: 3h 10m
1393                            </span>
1394                        </div>
1395                    </div>
1396                    <button onclick="downloadApp()" title="Claim Slot Rescue Red Envelope reward now" class="w-full py-3.5 bg-[#ea580c] text-[#ffffff] font-bold rounded-xl hover:bg-[#c24108] transition-colors text-center shadow-md active:shadow-inner">
1397                        Open Now
1398                    </button>
1399                </div>
1400            </article>
1401        </div>
1402    </div>
1403</section>
1404<section class="py-12 px-4 md:py-20 md:px-8 bg-[#fff7ed]">
1405    <div class="max-w-4xl mx-auto">
1406        <div class="grid grid-cols-1 gap-8">
1407            <article class="relative overflow-hidden bg-[#ffffff] rounded-3xl border border-[#fdba74] shadow-sm hover:shadow-md transition-shadow duration-300 flex flex-col">
1408                <div class="p-6 pb-4 flex items-start gap-4">
1409                    <div class="flex-shrink-0 w-16 h-16 rounded-2xl bg-[#fff7ed] border-2 border-[#fdba74] flex items-center justify-center text-3xl shadow-inner" title="Jili Golden Fortune icon">
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-[#431407] leading-tight break-words" title="Jili Golden Fortune">
1414                            Jili Golden Fortune
1415                        </h3>
1416                        <p class="mt-1 text-sm font-medium text-[#ea580c] opacity-90 line-clamp-1" title="Spin for massive gold jackpots">
1417                            Spin for massive gold jackpots
1418                        </p>
1419                    </div>
1420                </div>
1421                <div class="px-6 space-y-6">
1422                    <div class="prose prose-sm max-w-none">
1423                        <p class="text-[#7c2d12] leading-relaxed text-sm md:text-base" title="About Jili Golden Fortune">
1424                            </p><p>Dive into a world of luxury and luck. Jili Golden Fortune offers a high-voltage slot experience designed for Filipino players seeking big wins.</p>
1425                        <p></p>
1426                    </div>
1427                    <div class="bg-[#fff7ed] rounded-2xl p-4 border-l-4 border-[#ea580c]">
1428                        <div class="flex items-center gap-2 mb-2">
1429                            <svg class="w-4 h-4 text-[#ea580c]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1430                                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
1431                            </svg>
1432                            <span class="text-xs font-bold uppercase tracking-wider text-[#431407]">How to Play</span>
1433                        </div>
1434                        <div class="text-[#7c2d12] text-sm leading-relaxed" title="Gameplay rules for Jili Golden Fortune">
1435                            <ul><li>Set your desired bet amount per spin.</li><li>Match three or more symbols to win.</li><li>Trigger the free spins bonus for multiplier rewards.</li></ul>
1436                        </div>
1437                    </div>
1438                </div>
1439                <div class="p-6 mt-4">
1440                    <button onclick="playGame('Jili Golden Fortune')" class="w-full py-3 px-6 bg-[#ea580c] text-[#ffffff] font-bold rounded-xl hover:bg-[#c2410a] active:scale-[0.98] transition-all duration-200 shadow-sm flex items-center justify-center gap-2" title="Play Jili Golden Fortune now">
1441                        <span>PLAY NOW</span>
1442                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1443                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1444                        </svg>
1445                    </button>
1446                </div>
1447            </article>
1448            <article class="relative overflow-hidden bg-[#ffffff] rounded-3xl border border-[#fdba74] shadow-sm hover:shadow-md transition-shadow duration-300 flex flex-col">
1449                <div class="p-6 pb-4 flex items-start gap-4">
1450                    <div class="flex-shrink-0 w-16 h-16 rounded-2xl bg-[#fff7ed] border-2 border-[#fdba74] flex items-center justify-center text-3xl shadow-inner" title="ph991jili Baccarat icon">
1451                        <span class="flex items-center justify-center">🃏</span>
1452                    </div>
1453                    <div class="flex-1 min-w-0">
1454                        <h3 class="text-xl md:text-2xl font-bold text-[#431407] leading-tight break-words" title="ph991jili Baccarat">
1455                            ph991jili Baccarat
1456                        </h3>
1457                        <p class="mt-1 text-sm font-medium text-[#ea580c] opacity-90 line-clamp-1" title="High-stakes elegance in every deal">
1458                            High-stakes elegance in every deal
1459                        </p>
1460                    </div>
1461                </div>
1462                <div class="px-6 space-y-6">
1463                    <div class="prose prose-sm max-w-none">
1464                        <p class="text-[#7c2d12] leading-relaxed text-sm md:text-base" title="About ph991jili Baccarat">
1465                            </p><p>Experience the thrill of the casino from your phone. Bet on the Player, Banker, or Tie in this fast-paced card game.</p>
1466                        <p></p>
1467                    </div>
1468                    <div class="bg-[#fff7ed] rounded-2xl p-4 border-l-4 border-[#ea580c]">
1469                        <div class="flex items-center gap-2 mb-2">
1470                            <svg class="w-4 h-4 text-[#ea580c]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1471                                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
1472                            </svg>
1473                            <span class="text-xs font-bold uppercase tracking-wider text-[#431407]">How to Play</span>
1474                        </div>
1475                        <div class="text-[#7c2d12] text-sm leading-relaxed" title="Gameplay rules for ph991jili Baccarat">
1476                            <ul><li>Place your bets on the winning hand.</li><li>The goal is to reach a total closest to 9.</li><li>Banker wins result in a small house commission.</li></ul>
1477                        </div>
1478                    </div>
1479                </div>
1480                <div class="p-6 mt-4">
1481                    <button onclick="playGame('ph991jili Baccarat')" class="w-full py-3 px-6 bg-[#ea580c] text-[#ffffff] font-bold rounded-xl hover:bg-[#c2410a] active:scale-[0.98] transition-all duration-200 shadow-sm flex items-center justify-center gap-2" title="Play ph991jili Baccarat now">
1482                        <span>PLAY NOW</span>
1483                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1484                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1485                        </svg>
1486                    </button>
1487                </div>
1488            </article>
1489            <article class="relative overflow-hidden bg-[#ffffff] rounded-3xl border border-[#fdba74] shadow-sm hover:shadow-md transition-shadow duration-300 flex flex-col">
1490                <div class="p-6 pb-4 flex items-start gap-4">
1491                    <div class="flex-shrink-0 w-16 h-16 rounded-2xl bg-[#fff7ed] border-2 border-[#fdba74] flex items-center justify-center text-3xl shadow-inner" title="Island Fishing Pro icon">
1492                        <span class="flex items-center justify-center">🐟</span>
1493                    </div>
1494                    <div class="flex-1 min-w-0">
1495                        <h3 class="text-xl md:text-2xl font-bold text-[#431407] leading-tight break-words" title="Island Fishing Pro">
1496                            Island Fishing Pro
1497                        </h3>
1498                        <p class="mt-1 text-sm font-medium text-[#ea580c] opacity-90 line-clamp-1" title="Shoot and collect sea treasures">
1499                            Shoot and collect sea treasures
1500                        </p>
1501                    </div>
1502                </div>
1503                <div class="px-6 space-y-6">
1504                    <div class="prose prose-sm max-w-none">
1505                        <p class="text-[#7c2d12] leading-relaxed text-sm md:text-base" title="About Island Fishing Pro">
1506                            </p><p>An action-packed arcade experience where your precision determines your profit. Aim for the biggest fish to maximize your earnings.</p>
1507                        <p></p>
1508                    </div>
1509                    <div class="bg-[#fff7ed] rounded-2xl p-4 border-l-4 border-[#ea580c]">
1510                        <div class="flex items-center gap-2 mb-2">
1511                            <svg class="w-4 h-4 text-[#ea580c]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1512                                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
1513                            </svg>
1514                            <span class="text-xs font-bold uppercase tracking-wider text-[#431407]">How to Play</span>
1515                        </div>
1516                        <div class="text-[#7c2d12] text-sm leading-relaxed" title="Gameplay rules for Island Fishing Pro">
1517                            <ul><li>Select your weapon power level.</li><li>Target fish and sea creatures to earn coins.</li><li>Defeat the Giant Boss for the ultimate jackpot.</li></ul>
1518                        </div>
1519                    </div>
1520                </div>
1521                <div class="p-6 mt-4">
1522                    <button onclick="playGame('Island Fishing Pro')" class="w-full py-3 px-6 bg-[#ea580c] text-[#ffffff] font-bold rounded-xl hover:bg-[#c2410a] active:scale-[0.98] transition-all duration-200 shadow-sm flex items-center justify-center gap-2" title="Play Island Fishing Pro now">
1523                        <span>PLAY NOW</span>
1524                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1525                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1526                        </svg>
1527                    </button>
1528                </div>
1529            </article>
1530            <article class="relative overflow-hidden bg-[#ffffff] rounded-3xl border border-[#fdba74] shadow-sm hover:shadow-md transition-shadow duration-300 flex flex-col">
1531                <div class="p-6 pb-4 flex items-start gap-4">
1532                    <div class="flex-shrink-0 w-16 h-16 rounded-2xl bg-[#fff7ed] border-2 border-[#fdba74] flex items-center justify-center text-3xl shadow-inner" title="Royal Wheel Spin icon">
1533                        <span class="flex items-center justify-center">🎡</span>
1534                    </div>
1535                    <div class="flex-1 min-w-0">
1536                        <h3 class="text-xl md:text-2xl font-bold text-[#431407] leading-tight break-words" title="Royal Wheel Spin">
1537                            Royal Wheel Spin
1538                        </h3>
1539                        <p class="mt-1 text-sm font-medium text-[#ea580c] opacity-90 line-clamp-1" title="One spin can change everything">
1540                            One spin can change everything
1541                        </p>
1542                    </div>
1543                </div>
1544                <div class="px-6 space-y-6">
1545                    <div class="prose prose-sm max-w-none">
1546                        <p class="text-[#7c2d12] leading-relaxed text-sm md:text-base" title="About Royal Wheel Spin">
1547                            </p><p>The most exciting wheel of fortune on ph991jili.ph. Simple, fast, and rewarding gameplay for all levels.</p>
1548                        <p></p>
1549                    </div>
1550                    <div class="bg-[#fff7ed] rounded-2xl p-4 border-l-4 border-[#ea580c]">
1551                        <div class="flex items-center gap-2 mb-2">
1552                            <svg class="w-4 h-4 text-[#ea580c]" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
1553                                <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
1554                            </svg>
1555                            <span class="text-xs font-bold uppercase tracking-wider text-[#431407]">How to Play</span>
1556                        </div>
1557                        <div class="text-[#7c2d12] text-sm leading-relaxed" title="Gameplay rules for Royal Wheel Spin">
1558                            <ul><li>Choose your betting sector on the wheel.</li><li>Spin the wheel and wait for the pointer.</li><li>Win instant multipliers based on where the wheel stops.</li></ul>
1559                        </div>
1560                    </div>
1561                </div>
1562                <div class="p-6 mt-4">
1563                    <button onclick="playGame('Royal Wheel Spin')" class="w-full py-3 px-6 bg-[#ea580c] text-[#ffffff] font-bold rounded-xl hover:bg-[#c2410a] active:scale-[0.98] transition-all duration-200 shadow-sm flex items-center justify-center gap-2" title="Play Royal Wheel Spin now">
1564                        <span>PLAY NOW</span>
1565                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1566                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
1567                        </svg>
1568                    </button>
1569                </div>
1570            </article>
1571        </div>
1572    </div>
1573</section>
1574<section class="py-12 px-4 md:py-20 bg-[#fff7ed] overflow-hidden">
1575    <div class="max-w-6xl mx-auto">
1576        <header class="text-center mb-12 md:mb-16">
1577            <h2 class="text-3xl md:text-4xl font-extrabold text-[#7c2d12] mb-4 leading-tight">
1578                Start Winning on ph991jili.ph in 6 Steps
1579            </h2>
1580            <p class="text-base md:text-lg text-[#431407] max-w-2xl mx-auto opacity-90" title="Join thousands of Filipino winners on ph991jili.ph today. Experience a fast, secure, and rewarding gaming environment designed for local players.">
1581                Join thousands of Filipino winners on ph991jili.ph today. Experience a fast, secure, and rewarding gaming environment designed for local players.
1582            </p>
1583        </header>
1584        <div class="relative space-y-6 md:space-y-8">
1585            <div class="hidden md:block absolute left-1/2 top-0 bottom-0 w-1 bg-[#fdba74] opacity-30 -translate-x-1/2 z-0"></div>
1586            <article class="relative z-10 group">
1587                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-8 shadow-sm border border-[#fdba74] transition-all duration-300 group-hover:shadow-md group-hover:-translate-y-1">
1588                    <div class="flex flex-col md:flex-row md:items-center gap-4">
1589                        <div class="flex items-center gap-3 mb-2 md:mb-0">
1590                            <span class="flex-shrink-0 w-8 h-8 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold flex items-center justify-center">
1591                                1
1592                            </span>
1593                            <div class="flex items-center gap-2">
1594                                <span class="text-xl" aria-hidden="true">👤</span>
1595                                <h3 class="text-lg md:text-xl font-bold text-[#7c2d12]">
1596                                    Create Your Account
1597                                </h3>
1598                            </div>
1599                        </div>
1600                        <div class="flex-grow">
1601                            <p class="text-[#431407] text-sm md:text-base leading-relaxed opacity-80" title="Visit ph991jili.ph and click the register button. Fill in your details quickly to set up your secure gaming profile in seconds.">
1602                                Visit ph991jili.ph and click the register button. Fill in your details quickly to set up your secure gaming profile in seconds.
1603                            </p>
1604                        </div>
1605                    </div>
1606                </div>
1607            </article>
1608            <article class="relative z-10 group">
1609                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-8 shadow-sm border border-[#fdba74] transition-all duration-300 group-hover:shadow-md group-hover:-translate-y-1">
1610                    <div class="flex flex-col md:flex-row md:items-center gap-4">
1611                        <div class="flex items-center gap-3 mb-2 md:mb-0">
1612                            <span class="flex-shrink-0 w-8 h-8 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold flex items-center justify-center">
1613                                2
1614                            </span>
1615                            <div class="flex items-center gap-2">
1616                                <span class="text-xl" aria-hidden="true">📱</span>
1617                                <h3 class="text-lg md:text-xl font-bold text-[#7c2d12]">
1618                                    Verify Identity
1619                                </h3>
1620                            </div>
1621                        </div>
1622                        <div class="flex-grow">
1623                            <p class="text-[#431407] text-sm md:text-base leading-relaxed opacity-80" title="Complete a quick verification process on ph991jili.ph to ensure your account is safe and eligible for all local PHP promotions.">
1624                                Complete a quick verification process on ph991jili.ph to ensure your account is safe and eligible for all local PHP promotions.
1625                            </p>
1626                        </div>
1627                    </div>
1628                </div>
1629            </article>
1630            <article class="relative z-10 group">
1631                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-8 shadow-sm border border-[#fdba74] transition-all duration-300 group-hover:shadow-md group-hover:-translate-y-1">
1632                    <div class="flex flex-col md:flex-row md:items-center gap-4">
1633                        <div class="flex items-center gap-3 mb-2 md:mb-0">
1634                            <span class="flex-shrink-0 w-8 h-8 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold flex items-center justify-center">
1635                                3
1636                            </span>
1637                            <div class="flex items-center gap-2">
1638                                <span class="text-xl" aria-hidden="true">💰</span>
1639                                <h3 class="text-lg md:text-xl font-bold text-[#7c2d12]">
1640                                    Deposit Funds
1641                                </h3>
1642                            </div>
1643                        </div>
1644                        <div class="flex-grow">
1645                            <p class="text-[#431407] text-sm md:text-base leading-relaxed opacity-80" title="Use GCash or Maya for a seamless deposit on ph991jili.ph. Our payment gateways are optimized for fast processing within the Philippines.">
1646                                Use GCash or Maya for a seamless deposit on ph991jili.ph. Our payment gateways are optimized for fast processing within the Philippines.
1647                            </p>
1648                        </div>
1649                    </div>
1650                </div>
1651            </article>
1652            <article class="relative z-10 group">
1653                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-8 shadow-sm border border-[#fdba74] transition-all duration-300 group-hover:shadow-md group-hover:-translate-y-1">
1654                    <div class="flex flex-col md:flex-row md:items-center gap-4">
1655                        <div class="flex items-center gap-3 mb-2 md:mb-0">
1656                            <span class="flex-shrink-0 w-8 h-8 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold flex items-center justify-center">
1657                                4
1658                            </span>
1659                            <div class="flex items-center gap-2">
1660                                <span class="text-xl" aria-hidden="true">🎰</span>
1661                                <h3 class="text-lg md:text-xl font-bold text-[#7c2d12]">
1662                                    Select Your Game
1663                                </h3>
1664                            </div>
1665                        </div>
1666                        <div class="flex-grow">
1667                            <p class="text-[#431407] text-sm md:text-base leading-relaxed opacity-80" title="Browse the extensive game library at ph991jili.ph. Choose from high-RTP slots, live casino games, or the latest esport events.">
1668                                Browse the extensive game library at ph991jili.ph. Choose from high-RTP slots, live casino games, or the latest esport events.
1669                            </p>
1670                        </div>
1671                    </div>
1672                </div>
1673            </article>
1674            <article class="relative z-10 group">
1675                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-8 shadow-sm border border-[#fdba74] transition-all duration-300 group-hover:shadow-md group-hover:-translate-y-1">
1676                    <div class="flex flex-col md:flex-row md:items-center gap-4">
1677                        <div class="flex items-center gap-3 mb-2 md:mb-0">
1678                            <span class="flex-shrink-0 w-8 h-8 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold flex items-center justify-center">
1679                                5
1680                            </span>
1681                            <div class="flex items-center gap-2">
1682                                <span class="text-xl" aria-hidden="true">⚡</span>
1683                                <h3 class="text-lg md:text-xl font-bold text-[#7c2d12]">
1684                                    Place Your Bets
1685                                </h3>
1686                            </div>
1687                        </div>
1688                        <div class="flex-grow">
1689                            <p class="text-[#431407] text-sm md:text-base leading-relaxed opacity-80" title="Set your preferred betting amount and spin to win. ph991jili.ph provides a smooth, lag-free experience for all mobile users.">
1690                                Set your preferred betting amount and spin to win. ph991jili.ph provides a smooth, lag-free experience for all mobile users.
1691                            </p>
1692                        </div>
1693                    </div>
1694                </div>
1695            </article>
1696            <article class="relative z-10 group">
1697                <div class="bg-[#ffffff] rounded-2xl p-5 md:p-8 shadow-sm border border-[#fdba74] transition-all duration-300 group-hover:shadow-md group-hover:-translate-y-1">
1698                    <div class="flex flex-col md:flex-row md:items-center gap-4">
1699                        <div class="flex items-center gap-3 mb-2 md:mb-0">
1700                            <span class="flex-shrink-0 w-8 h-8 rounded-full bg-[#ea580c] text-[#ffffff] text-sm font-bold flex items-center justify-center">
1701                                6
1702                            </span>
1703                            <div class="flex items-center gap-2">
1704                                <span class="text-xl" aria-hidden="true">🏆</span>
1705                                <h3 class="text-lg md:text-xl font-bold text-[#7c2d12]">
1706                                    Withdraw Winnings
1707                                </h3>
1708                            </div>
1709                        </div>
1710                        <div class="flex-grow">
1711                            <p class="text-[#431407] text-sm md:text-base leading-relaxed opacity-80" title="Once you hit a big win on ph991jili.ph, request a withdrawal. Your funds will be sent directly to your verified local bank or e-wallet.">
1712                                Once you hit a big win on ph991jili.ph, request a withdrawal. Your funds will be sent directly to your verified local bank or e-wallet.
1713                            </p>
1714                        </div>
1715                    </div>
1716                </div>
1717            </article>
1718        </div>
1719        <div class="mt-16 text-center">
1720            <div class="inline-block p-1 bg-[#fdba74] rounded-2xl shadow-lg">
1721                <button onclick="downloadApp()" class="bg-[#ea580c] text-[#ffffff] px-8 py-4 rounded-xl font-bold text-lg transition-transform active:scale-95 hover:brightness-110" title="Start playing now">
1722                    Get ph991jili.ph App &amp; Start Now
1723                </button>
1724            </div>
1725            <p class="mt-4 text-sm text-[#7c2d12] opacity-70 font-medium">
1726                Fully supported on iOS &amp; Android - Updated 2024
1727            </p>
1728        </div>
1729    </div>
1730</section>
1731<section class="py-12 px-4 md:py-20 md:px-8 bg-[#fff7ed]">
1732    <header class="max-w-4xl mx-auto text-center mb-10 md:mb-16">
1733        <div class="inline-block mb-3 text-[#ea580c] font-bold tracking-widest text-sm uppercase opacity-80">
1734            ---- 🏆 ----
1735        </div>
1736        <h2 class="text-2xl md:text-4xl font-extrabold text-[#431407] mb-4 leading-tight">
1737            Live Winners Feed
1738        </h2>
1739        <p class="text-sm md:text-base text-[#7c2d12] max-w-2xl mx-auto leading-relaxed opacity-90">
1740            Real-time payouts and latest big wins from our community
1741        </p>
1742    </header>
1743    <div class="max-w-3xl mx-auto grid gap-4 md:gap-6">
1744        <article class="relative overflow-hidden rounded-2xl border border-[#fdba74] bg-[#ffffff] p-4 md:p-6 transition-all hover:shadow-lg hover:border-[#ea580c]">
1745            <div class="flex items-start justify-between mb-4">
1746                <div class="flex items-center gap-3">
1747                    <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#fff7ed] border-2 border-[#fdba74] flex items-center justify-center text-xl md:text-2xl shadow-sm">
1748                        <span>😎</span>
1749                    </div>
1750                    <div class="flex flex-col">
1751                        <h3 class="font-bold text-[#431407] text-sm md:text-base leading-none mb-1">
1752                            JunMark_99
1753                        </h3>
1754                        <span class="text-[11px] md:text-xs font-medium text-[#ea580c] bg-[#fff7ed] px-2 py-0.5 rounded-full border border-[#fdba74] inline-block w-fit">
1755                            Jili Super Ace
1756                        </span>
1757                    </div>
1758                </div>
1759                <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70 font-medium flex items-center gap-1 shrink-0">
1760                    🕒 2 mins ago
1761                </span>
1762            </div>
1763            <div class="flex flex-col md:flex-row md:items-center gap-4 md:gap-8 py-2">
1764                <div class="flex-shrink-0">
1765                    <div class="text-xl md:text-3xl font-black text-[#ea580c] tracking-tight" title="₱12,400 prize">
1766                        ₱12,400
1767                    </div>
1768                </div>
1769                <div class="relative flex-grow">
1770                    <p class="text-xs md:text-sm text-[#7c2d12] italic leading-relaxed pl-3 border-l-2 border-[#fdba74]" title="Grabe! The multipliers are insane today, my balance just exploded!">
1771                        Grabe! The multipliers are insane today, my balance just exploded!
1772                    </p>
1773                </div>
1774            </div>
1775        </article>
1776        <article class="relative overflow-hidden rounded-2xl border border-[#fdba74] bg-[#ffffff] p-4 md:p-6 transition-all hover:shadow-lg hover:border-[#ea580c]">
1777            <div class="absolute -top-px -right-px bg-[#ea580c] text-[#ffffff] text-[10px] font-bold px-3 py-1 rounded-bl-lg uppercase tracking-tighter">
1778                Jackpot
1779            </div>
1780            <div class="flex items-start justify-between mb-4">
1781                <div class="flex items-center gap-3">
1782                    <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#fff7ed] border-2 border-[#fdba74] flex items-center justify-center text-xl md:text-2xl shadow-sm">
1783                        <span>👩</span>
1784                    </div>
1785                    <div class="flex flex-col">
1786                        <h3 class="font-bold text-[#431407] text-sm md:text-base leading-none mb-1">
1787                            Princess_Mae
1788                        </h3>
1789                        <span class="text-[11px] md:text-xs font-medium text-[#ea580c] bg-[#fff7ed] px-2 py-0.5 rounded-full border border-[#fdba74] inline-block w-fit">
1790                            Golden Empire
1791                        </span>
1792                    </div>
1793                </div>
1794                <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70 font-medium flex items-center gap-1 shrink-0">
1795                    🕒 15 mins ago
1796                </span>
1797            </div>
1798            <div class="flex flex-col md:flex-row md:items-center gap-4 md:gap-8 py-2">
1799                <div class="flex-shrink-0">
1800                    <div class="text-xl md:text-3xl font-black text-[#ea580c] tracking-tight" title="₱150,000 prize">
1801                        ₱150,000
1802                    </div>
1803                </div>
1804                <div class="relative flex-grow">
1805                    <p class="text-xs md:text-sm text-[#7c2d12] italic leading-relaxed pl-3 border-l-2 border-[#fdba74]" title="OMG! I can't believe I actually hit the Grand Jackpot!">
1806                        OMG! I can't believe I actually hit the Grand Jackpot!
1807                    </p>
1808                </div>
1809            </div>
1810        </article>
1811        <article class="relative overflow-hidden rounded-2xl border border-[#fdba74] bg-[#ffffff] p-4 md:p-6 transition-all hover:shadow-lg hover:border-[#ea580c]">
1812            <div class="flex items-start justify-between mb-4">
1813                <div class="flex items-center gap-3">
1814                    <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#fff7ed] border-2 border-[#fdba74] flex items-center justify-center text-xl md:text-2xl shadow-sm">
1815                        <span>🧔</span>
1816                    </div>
1817                    <div class="flex flex-col">
1818                        <h3 class="font-bold text-[#431407] text-sm md:text-base leading-none mb-1">
1819                            KuyaBenj
1820                        </h3>
1821                        <span class="text-[11px] md:text-xs font-medium text-[#ea580c] bg-[#fff7ed] px-2 py-0.5 rounded-full border border-[#fdba74] inline-block w-fit">
1822                            Fishing God
1823                        </span>
1824                    </div>
1825                </div>
1826                <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70 font-medium flex items-center gap-1 shrink-0">
1827                    🕒 45 mins ago
1828                </span>
1829            </div>
1830            <div class="flex flex-col md:flex-row md:items-center gap-4 md:gap-8 py-2">
1831                <div class="flex-shrink-0">
1832                    <div class="text-xl md:text-3xl font-black text-[#ea580c] tracking-tight" title="₱8,200 prize">
1833                        ₱8,200
1834                    </div>
1835                </div>
1836                <div class="relative flex-grow">
1837                    <p class="text-xs md:text-sm text-[#7c2d12] italic leading-relaxed pl-3 border-l-2 border-[#fdba74]" title="Solid talaga itong fishing game, ang daling makakuha ng big fish.">
1838                        Solid talaga itong fishing game, ang daling makakuha ng big fish.
1839                    </p>
1840                </div>
1841            </div>
1842        </article>
1843        <article class="relative overflow-hidden rounded-2xl border border-[#fdba74] bg-[#ffffff] p-4 md:p-6 transition-all hover:shadow-lg hover:border-[#ea580c]">
1844            <div class="flex items-start justify-between mb-4">
1845                <div class="flex items-center gap-3">
1846                    <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#fff7ed] border-2 border-[#fdba74] flex items-center justify-center text-xl md:text-2xl shadow-sm">
1847                        <span>🧑</span>
1848                    </div>
1849                    <div class="flex flex-col">
1850                        <h3 class="font-bold text-[#431407] text-sm md:text-base leading-none mb-1">
1851                            Santi_Vlog
1852                        </h3>
1853                        <span class="text-[11px] md:text-xs font-medium text-[#ea580c] bg-[#fff7ed] px-2 py-0.5 rounded-full border border-[#fdba74] inline-block w-fit">
1854                            Fortune Gems
1855                        </span>
1856                    </div>
1857                </div>
1858                <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70 font-medium flex items-center gap-1 shrink-0">
1859                    🕒 1 hour ago
1860                </span>
1861            </div>
1862            <div class="flex flex-col md:flex-row md:items-center gap-4 md:gap-8 py-2">
1863                <div class="flex-shrink-0">
1864                    <div class="text-xl md:text-3xl font-black text-[#ea580c] tracking-tight" title="₱4,500 prize">
1865                        ₱4,500
1866                    </div>
1867                </div>
1868                <div class="relative flex-grow">
1869                    <p class="text-xs md:text-sm text-[#7c2d12] italic leading-relaxed pl-3 border-l-2 border-[#fdba74]" title="Small wins add up fast here. Very smooth gameplay and fast payout.">
1870                        Small wins add up fast here. Very smooth gameplay and fast payout.
1871                    </p>
1872                </div>
1873            </div>
1874        </article>
1875        <article class="relative overflow-hidden rounded-2xl border border-[#fdba74] bg-[#ffffff] p-4 md:p-6 transition-all hover:shadow-lg hover:border-[#ea580c]">
1876            <div class="flex items-start justify-between mb-4">
1877                <div class="flex items-center gap-3">
1878                    <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#fff7ed] border-2 border-[#fdba74] flex items-center justify-center text-xl md:text-2xl shadow-sm">
1879                        <span>🙂</span>
1880                    </div>
1881                    <div class="flex flex-col">
1882                        <h3 class="font-bold text-[#431407] text-sm md:text-base leading-none mb-1">
1883                            MariaClara88
1884                        </h3>
1885                        <span class="text-[11px] md:text-xs font-medium text-[#ea580c] bg-[#fff7ed] px-2 py-0.5 rounded-full border border-[#fdba74] inline-block w-fit">
1886                            Boxing King
1887                        </span>
1888                    </div>
1889                </div>
1890                <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70 font-medium flex items-center gap-1 shrink-0">
1891                    🕒 3 hours ago
1892                </span>
1893            </div>
1894            <div class="flex flex-col md:flex-row md:items-center gap-4 md:gap-8 py-2">
1895                <div class="flex-shrink-0">
1896                    <div class="text-xl md:text-3xl font-black text-[#ea580c] tracking-tight" title="₱32,000 prize">
1897                        ₱32,000
1898                    </div>
1899                </div>
1900                <div class="relative flex-grow">
1901                    <p class="text-xs md:text-sm text-[#7c2d12] italic leading-relaxed pl-3 border-l-2 border-[#fdba74]" title="The free spins really paid off. Best gaming experience so far!">
1902                        The free spins really paid off. Best gaming experience so far!
1903                    </p>
1904                </div>
1905            </div>
1906        </article>
1907        <article class="relative overflow-hidden rounded-2xl border border-[#fdba74] bg-[#ffffff] p-4 md:p-6 transition-all hover:shadow-lg hover:border-[#ea580c]">
1908            <div class="absolute -top-px -right-px bg-[#ea580c] text-[#ffffff] text-[10px] font-bold px-3 py-1 rounded-bl-lg uppercase tracking-tighter">
1909                Jackpot
1910            </div>
1911            <div class="flex items-start justify-between mb-4">
1912                <div class="flex items-center gap-3">
1913                    <div class="flex-shrink-0 w-10 h-10 md:w-12 md:h-12 rounded-full bg-[#fff7ed] border-2 border-[#fdba74] flex items-center justify-center text-xl md:text-2xl shadow-sm">
1914                        <span>👨</span>
1915                    </div>
1916                    <div class="flex flex-col">
1917                        <h3 class="font-bold text-[#431407] text-sm md:text-base leading-none mb-1">
1918                            Chief_Rico
1919                        </h3>
1920                        <span class="text-[11px] md:text-xs font-medium text-[#ea580c] bg-[#fff7ed] px-2 py-0.5 rounded-full border border-[#fdba74] inline-block w-fit">
1921                            Jili Mega Win
1922                        </span>
1923                    </div>
1924                </div>
1925                <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70 font-medium flex items-center gap-1 shrink-0">
1926                    🕒 5 hours ago
1927                </span>
1928            </div>
1929            <div class="flex flex-col md:flex-row md:items-center gap-4 md:gap-8 py-2">
1930                <div class="flex-shrink-0">
1931                    <div class="text-xl md:text-3xl font-black text-[#ea580c] tracking-tight" title="₱280,000 prize">
1932                        ₱280,000
1933                    </div>
1934                </div>
1935                <div class="relative flex-grow">
1936                    <p class="text-xs md:text-sm text-[#7c2d12] italic leading-relaxed pl-3 border-l-2 border-[#fdba74]" title="Absolute madness! This is the biggest win of my entire life!">
1937                        Absolute madness! This is the biggest win of my entire life!
1938                    </p>
1939                </div>
1940            </div>
1941        </article>
1942    </div>
1943</section>
1944<section class="py-8 px-4 md:py-12 md:px-6 bg-[#fff7ed]">
1945    <div class="max-w-4xl mx-auto">
1946        <header class="text-center mb-8 md:mb-12">
1947            <h2 class="text-xl md:text-2xl font-bold text-[#431407] mb-2" title="Player Feedbacks">
1948                Player Feedbacks
1949            </h2>
1950            <p class="text-sm md:text-base text-[#7c2d12] opacity-90" title="Real experiences from our community of winners across the Philippines.">
1951                Real experiences from our community of winners across the Philippines.
1952            </p>
1953        </header>
1954        <div class="grid grid-cols-1 gap-4 md:gap-6">
1955            <article class="relative bg-[#ffffff] border border-[#fdba74] rounded-2xl p-4 md:p-6 shadow-sm transition-all hover:shadow-md" title="Review by Mark Jayden">
1956                <div class="flex flex-wrap items-center gap-3 mb-4">
1957                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#ea580c] flex items-center justify-center text-white font-bold text-sm" title="Mark Jayden avatar">
1958                        😎
1959                    </div>
1960                    <div class="flex-grow min-w-0">
1961                        <div class="flex items-center gap-2">
1962                            <span class="font-bold text-[#431407] truncate text-sm md:text-base">
1963                                Mark Jayden
1964                            </span>
1965                            <span class="flex items-center text-[#ea580c] font-semibold text-xs">
1966                                <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.464c.969 0 1.371 1.242.433 1.808l-2.83 2.22a1 1 0 00-.345 1.174l1.07 3.292c.3.921-1.603.921-1.902 0l-1.07-3.292a1 1 0 00-.95-.69H7.83c-.969 0-1.371-1.242-.433-1.808l2.83-2.22a1 1 0 00.345-1.174l-1.07-3.292z"></path></svg>
1967                                5.0
1968                            </span>
1969                        </div>
1970                        <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70">
1971                            2 hours ago
1972                        </span>
1973                    </div>
1974                </div>
1975                <div class="mb-4">
1976                    <p class="text-[#431407] text-sm md:text-base leading-relaxed" title="The cash-out process is incredibly fast. I received my winnings via GCash in less than ten minutes. Highly recommended for everyone!">
1977                        The cash-out process is incredibly fast. I received my winnings via GCash in less than ten minutes. Highly recommended for everyone!
1978                    </p>
1979                </div>
1980                <div class="flex items-center justify-between pt-3 border-t border-[#fdba74]/50">
1981                    <div class="flex items-center gap-1.5 text-[#7c2d12] text-xs">
1982                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 00-1.367 7.732h6.108l-2.25-2.25M12 7.5L9.75 5.25m0 0V8m0-1.75c0-1.77 1.44-3.25 3.25-3.25s3.25 1.48 3.25 3.25v.75m0 0l2.25 2.25m-2.25-2.25v.75"></path></svg>
1983                        <span class="font-medium">124 helpful</span>
1984                    </div>
1985                    <div class="flex items-center gap-1 px-2 py-0.5 bg-[#ea580c]/10 text-[#ea580c] rounded text-[10px] font-bold uppercase tracking-wider">
1986                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.069 3.069 0 001.745-.102 3.069 3.069 0 013.493 0 3.069 3.069 0 001.745.102 3.069 3.069 0 012.812 2.812a3.069 3.069 0 00.102 1.745 3.069 3.069 0 010 3.493 3.069 3.069 0 00-.102 1.745 3.069 3.069 0 01-2.812 2.812 3.069 3.069 0 00-1.745.102 3.069 3.069 0 01-3.493 0 3.069 3.069 0 00-1.745-.102 3.069 3.069 0 01-2.812-2.812 3.069 3.069 0 00-.102-1.745 3.069 3.069 0 010-3.493 3.069 3.069 0 00.102-1.745 3.069 3.069 0 012.812-2.812zM10 12a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path></svg>
1987                        Verified Player
1988                    </div>
1989                </div>
1990            </article>
1991            <article class="relative bg-[#ffffff] border border-[#fdba74] rounded-2xl p-4 md:p-6 shadow-sm transition-all hover:shadow-md" title="Review by Santi Cruz">
1992                <div class="flex flex-wrap items-center gap-3 mb-4">
1993                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#ea580c] flex items-center justify-center text-white font-bold text-sm" title="Santi Cruz avatar">
1994                        🧔
1995                    </div>
1996                    <div class="flex-grow min-w-0">
1997                        <div class="flex items-center gap-2">
1998                            <span class="font-bold text-[#431407] truncate text-sm md:text-base">
1999                                Santi Cruz
2000                            </span>
2001                            <span class="flex items-center text-[#ea580c] font-semibold text-xs">
2002                                <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.464c.969 0 1.371 1.242.433 1.808l-2.83 2.22a1 1 0 00-.345 1.174l1.07 3.292c.3.921-1.603.921-1.902 0l
2002-1.07-3.292a1 1 0 00-.95-.69H7.83c-.969 0-1.371-1.242-.433-1.808l2.83-2.22a1 1 0 00.345-1.174l-1.07-3.292z"></path></svg>
2003                                4.8
2004                            </span>
2005                        </div>
2006                        <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70">
2007                            5 hours ago
2008                        </span>
2009                    </div>
2010                </div>
2011                <div class="mb-4">
2012                    <p class="text-[#431407] text-sm md:text-base leading-relaxed" title="I love the variety of slots available here. The app runs smoothly on my Android phone without any lag during gameplay.">
2013                        I love the variety of slots available here. The app runs smoothly on my Android phone without any lag during gameplay.
2014                    </p>
2015                </div>
2016                <div class="flex items-center justify-between pt-3 border-t border-[#fdba74]/50">
2017                    <div class="flex items-center gap-1.5 text-[#7c2d12] text-xs">
2018                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 00-1.367 7.732h6.108l-2.25-2.25M12 7.5L9.75 5.25m0 0V8m0-1.75c0-1.77 1.44-3.25 3.25-3.25s3.25 1.48 3.25 3.25v.75m0 0l2.25 2.25m-2.25-2.25v.75"></path></svg>
2019                        <span class="font-medium">82 helpful</span>
2020                    </div>
2021                    <div class="flex items-center gap-1 px-2 py-0.5 bg-[#ea580c]/10 text-[#ea580c] rounded text-[10px] font-bold uppercase tracking-wider">
2022                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.069 3.069 0 001.745-.102 3.069 3.069 0 013.493 0 3.069 3.069 0 001.745.102 3.069 3.069 0 012.812 2.812a3.069 3.069 0 00.102 1.745 3.069 3.069 0 010 3.493 3.069 3.069 0 00-.102 1.745 3.069 3.069 0 01-2.812 2.812 3.069 3.069 0 00-1.745.102 3.069 3.069 0 01-3.493 0 3.069 3.069 0 00-1.745-.102 3.069 3.069 0 01-2.812-2.812 3.069 3.069 0 00-.102-1.745 3.069 3.069 0 010-3.493 3.069 3.069 0 00.102-1.745 3.069 3.069 0 012.812-2.812zM10 12a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path></svg>
2023                        Verified Player
2024                    </div>
2025                </div>
2026            </article>
2027            <article class="relative bg-[#ffffff] border border-[#fdba74] rounded-2xl p-4 md:p-6 shadow-sm transition-all hover:shadow-md" title="Review by Maria Clara">
2028                <div class="flex flex-wrap items-center gap-3 mb-4">
2029                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#ea580c] flex items-center justify-center text-white font-bold text-sm" title="Maria Clara avatar">
2030                        👩
2031                    </div>
2032                    <div class="flex-grow min-w-0">
2033                        <div class="flex items-center gap-2">
2034                            <span class="font-bold text-[#431407] truncate text-sm md:text-base">
2035                                Maria Clara
2036                            </span>
2037                            <span class="flex items-center text-[#ea580c] font-semibold text-xs">
2038                                <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.464c.969 0 1.371 1.242.433 1.808l-2.83 2.22a1 1 0 00-.345 1.174l1.07 3.292c.3.921-1.603.921-1.902 0l-1.07-3.292a1 1 0 00-.95-.69H7.83c-.969 0-1.371-1.242-.433-1.808l2.83-2.22a1 1 0 00.345-1.174l-1.07-3.292z"></path></svg>
2039                                4.9
2040                            </span>
2041                        </div>
2042                        <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70">
2043                            1 day ago
2044                        </span>
2045                    </div>
2046                </div>
2047                <div class="mb-4">
2048                    <p class="text-[#431407] text-sm md:text-base leading-relaxed" title="The customer support team is very helpful and polite. They helped me verify my account quickly so I could start playing immediately.">
2049                        The customer support team is very helpful and polite. They helped me verify my account quickly so I could start playing immediately.
2050                    </p>
2051                </div>
2052                <div class="flex items-center justify-between pt-3 border-t border-[#fdba74]/50">
2053                    <div class="flex items-center gap-1.5 text-[#7c2d12] text-xs">
2054                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 00-1.367 7.732h6.108l-2.25-2.25M12 7.5L9.75 5.25m0 0V8m0-1.75c0-1.77 1.44-3.25 3.25-3.25s3.25 1.48 3.25 3.25v.75m0 0l2.25 2.25m-2.25-2.25v.75"></path></svg>
2055                        <span class="font-medium">56 helpful</span>
2056                    </div>
2057                    <div class="flex items-center gap-1 px-2 py-0.5 bg-[#ea580c]/10 text-[#ea580c] rounded text-[10px] font-bold uppercase tracking-wider">
2058                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.069 3.069 0 001.745-.102 3.069 3.069 0 013.493 0 3.069 3.069 0 001.745.102 3.069 3.069 0 012.812 2.812a3.069 3.069 0 00.102 1.745 3.069 3.069 0 010 3.493 3.069 3.069 0 00-.102 1.745 3.069 3.069 0 01-2.812 2.812 3.069 3.069 0 00-1.745.102 3.069 3.069 0 01-3.493 0 3.069 3.069 0 00-1.745-.102 3.069 3.069 0 01-2.812-2.812 3.069 3.069 0 00-.102-1.745 3.069 3.069 0 010-3.493 3.069 3.069 0 00.102-1.745 3.069 3.069 0 012.812-2.812zM10 12a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path></svg>
2059                        Verified Player
2060                    </div>
2061                </div>
2062            </article>
2063            <article class="relative bg-[#ffffff] border border-[#fdba74] rounded-2xl p-4 md:p-6 shadow-sm transition-all hover:shadow-md" title="Review by Rico Blanco">
2064                <div class="flex flex-wrap items-center gap-3 mb-4">
2065                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#ea580c] flex items-center justify-center text-white font-bold text-sm" title="Rico Blanco avatar">
2066                        👨
2067                    </div>
2068                    <div class="flex-grow min-w-0">
2069                        <div class="flex items-center gap-2">
2070                            <span class="font-bold text-[#431407] truncate text-sm md:text-base">
2071                                Rico Blanco
2072                            </span>
2073                            <span class="flex items-center text-[#ea580c] font-semibold text-xs">
2074                                <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.464c.969 0 1.371 1.242.433 1.808l-2.83 2.22a1 1 0 00-.345 1.174l1.07 3.292c.3.921-1.603.921-1.902 0l-1.07-3.292a1 1 0 00-.95-.69H7.83c-.969 0-1.371-1.242-.433-1.808l2.83-2.22a1 1 0 00.345-1.174l-1.07-3.292z"></path></svg>
2075                                4.7
2076                            </span>
2077                        </div>
2078                        <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70">
2079                            2 days ago
2080                        </span>
2081                    </div>
2082                </div>
2083                <div class="mb-4">
2084                    <p class="text-[#431407] text-sm md:text-base leading-relaxed" title="Fair play and great bonuses for new players. I've tried other platforms, but this one feels the most rewarding so far.">
2085                        Fair play and great bonuses for new players. I've tried other platforms, but this one feels the most rewarding so far.
2086                    </p>
2087                </div>
2088                <div class="flex items-center justify-between pt-3 border-t border-[#fdba74]/50">
2089                    <div class="flex items-center gap-1.5 text-[#7c2d12] text-xs">
2090                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 00-1.367 7.732h6.108l-2.25-2.25M12 7.5L9.75 5.25m0 0V8m0-1.75c0-1.77 1.44-3.25 3.25-3.25s3.25 1.48 3.25 3.25v.75m0 0l2.25 2.25m-2.25-2.25v.75"></path></svg>
2091                        <span class="font-medium">41 helpful</span>
2092                    </div>
2093                    <div class="flex items-center gap-1 px-2 py-0.5 bg-[#ea580c]/10 text-[#ea580c] rounded text-[10px] font-bold uppercase tracking-wider">
2094                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.069 3.069 0 001.745-.102 3.069 3.069 0 013.493 0 3.069 3.069 0 001.745.102 3.069 3.069 0 012.812 2.812a3.069 3.069 0 00.
2094102 1.745 3.069 3.069 0 010 3.493 3.069 3.069 0 00-.102 1.745 3.069 3.069 0 01-2.812 2.812 3.069 3.069 0 00-1.745.102 3.069 3.069 0 01-3.493 0 3.069 3.069 0 00-1.745-.102 3.069 3.069 0 01-2.812-2.812 3.069 3.069 0 00-.102-1.745 3.069 3.069 0 010-3.493 3.069 3.069 0 00.102-1.745 3.069 3.069 0 012.812-2.812zM10 12a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path></svg>
2095                        Verified Player
2096                    </div>
2097                </div>
2098            </article>
2099            <article class="relative bg-[#ffffff] border border-[#fdba74] rounded-2xl p-4 md:p-6 shadow-sm transition-all hover:shadow-md" title="Review by Liza Sober">
2100                <div class="flex flex-wrap items-center gap-3 mb-4">
2101                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#ea580c] flex items-center justify-center text-white font-bold text-sm" title="Liza Sober avatar">
2102                        👩
2103                    </div>
2104                    <div class="flex-grow min-w-0">
2105                        <div class="flex items-center gap-2">
2106                            <span class="font-bold text-[#431407] truncate text-sm md:text-base">
2107                                Liza Sober
2108                            </span>
2109                            <span class="flex items-center text-[#ea580c] font-semibold text-xs">
2110                                <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.464c.969 0 1.371 1.242.433 1.808l-2.83 2.22a1 1 0 00-.345 1.174l1.07 3.292c.3.921-1.603.921-1.902 0l-1.07-3.292a1 1 0 00-.95-.69H7.83c-.969 0-1.371-1.242-.433-1.808l2.83-2.22a1 1 0 00.345-1.174l-1.07-3.292z"></path></svg>
2111                                5.0
2112                            </span>
2113                        </div>
2114                        <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70">
2115                            3 days ago
2116                        </span>
2117                    </div>
2118                </div>
2119                <div class="mb-4">
2120                    <p class="text-[#431407] text-sm md:text-base leading-relaxed" title="Best gaming experience in PH! The graphics are top-notch and the 991jili link is always easy to access on my browser.">
2121                        Best gaming experience in PH! The graphics are top-notch and the 991jili link is always easy to access on my browser.
2122                    </p>
2123                </div>
2124                <div class="flex items-center justify-between pt-3 border-t border-[#fdba74]/50">
2125                    <div class="flex items-center gap-1.5 text-[#7c2d12] text-xs">
2126                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 00-1.367 7.732h6.108l-2.25-2.25M12 7.5L9.75 5.25m0 0V8m0-1.75c0-1.77 1.44-3.25 3.25-3.25s3.25 1.48 3.25 3.25v.75m0 0l2.25 2.25m-2.25-2.25v.75"></path></svg>
2127                        <span class="font-medium">93 helpful</span>
2128                    </div>
2129                    <div class="flex items-center gap-1 px-2 py-0.5 bg-[#ea580c]/10 text-[#ea580c] rounded text-[10px] font-bold uppercase tracking-wider">
2130                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.069 3.069 0 001.745-.102 3.069 3.069 0 013.493 0 3.069 3.069 0 001.745.102 3.069 3.069 0 012.812 2.812a3.069 3.069 0 00.102 1.745 3.069 3.069 0 010 3.493 3.069 3.069 0 00-.102 1.745 3.069 3.069 0 01-2.812 2.812 3.069 3.069 0 00-1.745.102 3.069 3.069 0 01-3.493 0 3.069 3.069 0 00-1.745-.102 3.069 3.069 0 01-2.812-2.812 3.069 3.069 0 00-.102-1.745 3.069 3.069 0 010-3.493 3.069 3.069 0 00.102-1.745 3.069 3.069 0 012.812-2.812zM10 12a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path></svg>
2131                        Verified Player
2132                    </div>
2133                </div>
2134            </article>
2135            <article class="relative bg-[#ffffff] border border-[#fdba74] rounded-2xl p-4 md:p-6 shadow-sm transition-all hover:shadow-md" title="Review by Paulo Jose">
2136                <div class="flex flex-wrap items-center gap-3 mb-4">
2137                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#ea580c] flex items-center justify-center text-white font-bold text-sm" title="Paulo Jose avatar">
2138                        🧑
2139                    </div>
2140                    <div class="flex-grow min-w-0">
2141                        <div class="flex items-center gap-2">
2142                            <span class="font-bold text-[#431407] truncate text-sm md:text-base">
2143                                Paulo Jose
2144                            </span>
2145                            <span class="flex items-center text-[#ea580c] font-semibold text-xs">
2146                                <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.464c.969 0 1.371 1.242.433 1.808l-2.83 2.22a1 1 0 00-.345 1.174l1.07 3.292c.3.921-1.603.921-1.902 0l-1.07-3.292a1 1 0 00-.95-.69H7.83c-.969 0-1.371-1.242-.433-1.808l2.83-2.22a1 1 0 00.345-1.174l-1.07-3.292z"></path></svg>
2147                                4.6
2148                            </span>
2149                        </div>
2150                        <span class="text-[10px] md:text-xs text-[#7c2d12] opacity-70">
2151                            1 week ago
2152                        </span>
2153                    </div>
2154                </div>
2155                <div class="mb-4">
2156                    <p class="text-[#431407] text-sm md:text-base leading-relaxed" title="Very intuitive interface and easy registration. I managed to hit a big win on my second day of playing. Truly amazing!">
2157                        Very intuitive interface and easy registration. I managed to hit a big win on my second day of playing. Truly amazing!
2158                    </p>
2159                </div>
2160                <div class="flex items-center justify-between pt-3 border-t border-[#fdba74]/50">
2161                    <div class="flex items-center gap-1.5 text-[#7c2d12] text-xs">
2162                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 00-1.367 7.732h6.108l-2.25-2.25M12 7.5L9.75 5.25m0 0V8m0-1.75c0-1.77 1.44-3.25 3.25-3.25s3.25 1.48 3.25 3.25v.75m0 0l2.25 2.25m-2.25-2.25v.75"></path></svg>
2163                        <span class="font-medium">37 helpful</span>
2164                    </div>
2165                    <div class="flex items-center gap-1 px-2 py-0.5 bg-[#ea580c]/10 text-[#ea580c] rounded text-[10px] font-bold uppercase tracking-wider">
2166                        <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.267 3.455a3.069 3.069 0 001.745-.102 3.069 3.069 0 013.493 0 3.069 3.069 0 001.745.102 3.069 3.069 0 012.812 2.812a3.069 3.069 0 00.102 1.745 3.069 3.069 0 010 3.493 3.069 3.069 0 00-.102 1.745 3.069 3.069 0 01-2.812 2.812 3.069 3.069 0 00-1.745.102 3.069 3.069 0 01-3.493 0 3.069 3.069 0 00-1.745-.102 3.069 3.069 0 01-2.812-2.812 3.069 3.069 0 00-.102-1.745 3.069 3.069 0 010-3.493 3.069 3.069 0 00.102-1.745 3.069 3.069 0 012.812-2.812zM10 12a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path></svg>
2167                        Verified Player
2168                    </div>
2169                </div>
2170            </article>
2171        </div>
2172    </div>
2173</section>
2174<section class="py-12 px-4 sm:py-20 sm:px-6 lg:px-8 bg-[#fff7ed]">
2175    <div class="max-w-3xl mx-auto">
2176        <header class="text-center mb-12">
2177            <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-[#431407] mb-4">
2178                991jili Help Center
2179            </h2>
2180            <p class="text-sm sm:text-base text-[#7c2d12] leading-relaxed max-w-2xl mx-auto" title="Find answers to common questions and get the most out of your gaming experience at ph991jili.ph">
2181                Find answers to common questions and get the most out of your gaming experience at ph991jili.ph
2182            </p>
2183        </header>
2184        <div class="space-y-4">
2185            <article class="group block border border-[#fdba74] rounded-2xl overflow-hidden transition-all duration-300 hover:shadow-md">
2186                <details class="group">
2187                    <summary class="flex items-center justify-between p-4 sm:p-5 cursor-pointer list-none bg-[#ffffff] hover:bg-[#fff7ed] transition-colors">
2188                        <span class="text-base sm:text-lg font-semibold text-[#431407] pr-4">
2189                            Is my money and personal data safe on 991jili?
2190                        </span>
2191                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#ea580c] text-[#ffffff]">
2192                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-transform duration-300 group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2193                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
2194                            </svg>
2195                        </div>
2196                    </summary>
2197                    <div class="p-4 sm:p-5 bg-[#ffffff] border-t border-[#fdba74]">
2198                        <div class="text-sm sm:text-base text-[#7c2d12] leading-relaxed prose-sm max-w-none" title="Yes! 🛡️ We use advanced SSL encryption and secure payment gateways to ensure your funds and data remain private and protected. Your security is our top priority here at 991jili com.">
2199                            Yes! 🛡️ We use advanced SSL encryption and secure payment gateways to ensure your funds and data remain private and protected. Your security is our top priority here at 991jili com.
2200                        </div>
2201                    </div>
2202                </details>
2203            </article>
2204            <article class="group block border border-[#fdba74] rounded-2xl overflow-hidden transition-all duration-300 hover:shadow-md">
2205                <details class="group">
2206                    <summary class="flex items-center justify-between p-4 sm:p-5 cursor-pointer list-none bg-[#ffffff] hover:bg-[#fff7ed] transition-colors">
2207                        <span class="text-base sm:text-lg font-semibold text-[#431407] pr-4">
2208                            How do I register and verify my account?
2209                        </span>
2210                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#ea580c] text-[#ffffff]">
2211                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-transform duration-300 group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2212                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
2213                            </svg>
2214                        </div>
2215                    </summary>
2216                    <div class="p-4 sm:p-5 bg-[#ffffff] border-t border-[#fdba74]">
2217                        <div class="text-sm sm:text-base text-[#7c2d12] leading-relaxed prose-sm max-w-none" title="Simply click the 'Register' button on the 991jili link, fill in your details, and verify your mobile number. 📱 Quick verification allows you to enjoy seamless gaming and faster withdrawals.">
2218                            Simply click the 'Register' button on the 991jili link, fill in your details, and verify your mobile number. 📱 Quick verification allows you to enjoy seamless gaming and faster withdrawals.
2219                        </div>
2220                    </div>
2221                </details>
2222            </article>
2223            <article class="group block border border-[#fdba74] rounded-2xl overflow-hidden transition-all duration-300 hover:shadow-md">
2224                <details class="group">
2225                    <summary class="flex items-center justify-between p-4 sm:p-5 cursor-pointer list-none bg-[#ffffff] hover:bg-[#fff7ed] transition-colors">
2226                        <span class="text-base sm:text-lg font-semibold text-[#431407] pr-4">
2227                            How fast are the deposits and withdrawals?
2228                        </span>
2229                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#ea580c] text-[#ffffff]">
2230                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-transform duration-300 group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2231                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
2232                            </svg>
2233                        </div>
2234                    </summary>
2235                    <div class="p-4 sm:p-5 bg-[#ffffff] border-t border-[#fdba74]">
2236                        <div class="text-sm sm:text-base text-[#7c2d12] leading-relaxed prose-sm max-w-none" title="We pride ourselves on speed! ⚡ Deposits are processed instantly, and withdrawals are typically completed within a few minutes via GCash or Maya, ensuring you get your winnings quickly.">
2237                            We pride ourselves on speed! ⚡ Deposits are processed instantly, and withdrawals are typically completed within a few minutes via GCash or Maya, ensuring you get your winnings quickly.
2238                        </div>
2239                    </div>
2240                </details>
2241            </article>
2242            <article class="group block border border-[#fdba74] rounded-2xl overflow-hidden transition-all duration-300 hover:shadow-md">
2243                <details class="group">
2244                    <summary class="flex items-center justify-between p-4 sm:p-5 cursor-pointer list-none bg-[#ffffff] hover:bg-[#fff7ed] transition-colors">
2245                        <span class="text-base sm:text-lg font-semibold text-[#431407] pr-4">
2246                            Are the games on ph991jili.ph fair and unbiased?
2247                        </span>
2248                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#ea580c] text-[#ffffff]">
2249                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-transform duration-300 group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2250                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
2251                            </svg>
2252                        </div>
2253                    </summary>
2254                    <div class="p-4 sm:p-5 bg-[#ffffff] border-t border-[#fdba74]">
2255                        <div class="text-sm sm:text-base text-[#7c2d12] leading-relaxed prose-sm max-w-none" title="Absolutely. 🎰 All our games use certified Random Number Generators (RNG) to ensure every spin and deal is fair and transparent for all Filipino players.">
2256                            Absolutely. 🎰 All our games use certified Random Number Generators (RNG) to ensure every spin and deal is fair and transparent for all Filipino players.
2257                        </div>
2258                    </div>
2259                </details>
2260            </article>
2261            <article class="group block border border-[#fdba74] rounded-2xl overflow-hidden transition-all duration-300 hover:shadow-md">
2262                <details class="group">
2263                    <summary class="flex items-center justify-between p-4 sm:p-5 cursor-pointer list-none bg-[#ffffff] hover:bg-[#fff7ed] transition-colors">
2264                        <span class="text-base sm:text-lg font-semibold text-[#431407] pr-4">
2265                            How can I claim my welcome bonuses?
2266                        </span>
2267                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#ea580c] text-[#ffffff]">
2268                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-transform duration-300 group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2269                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
2270                            </svg>
2271                        </div>
2272                    </summary>
2273                    <div class="p-4 sm:p-5 bg-[#ffffff] border-t border-[#fdba74]">
2274                        <div class="text-sm sm:text-base text-[#7c2d12] leading-relaxed prose-sm max-w-none" title="New players can claim their welcome bonus by completing the registration and making their first qualifying deposit. 💰 Check the 'Promotions' tab for the latest 991jili offers!">
2275                            New players can claim their welcome bonus by completing the registration and making their first qualifying deposit. 💰 Check the 'Promotions' tab for the latest 991jili offers!
2276                        </div>
2277                    </div>
2278                </details>
2279            </article>
2280            <article class="group block border border-[#fdba74] rounded-2xl overflow-hidden transition-all duration-300 hover:shadow-md">
2281                <details class="group">
2282                    <summary class="flex items-center justify-between p-4 sm:p-5 cursor-pointer list-none bg-[#ffffff] hover:bg-[#fff7ed] transition-colors">
2283                        <span class="text-base sm:text-lg font-semibold text-[#431407] pr-4">
2284                            How do I contact customer service for help?
2285                        </span>
2286                        <div class="flex-shrink-0 w-6 h-6 flex items-center justify-center rounded-full bg-[#ea580c] text-[#ffffff]">
2287                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 transition-transform duration-300 group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2288                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path>
2289                            </svg>
2290                        </div>
2291                    </summary>
2292                    <div class="p-4 sm:p-5 bg-[#ffffff] border-t border-[#fdba74]">
2293                        <div class="text-sm sm:text-base text-[#7c2d12] leading-relaxed prose-sm max-w-none" title="Our support team is available 24/7! 🎧 You can reach us via the Live Chat feature on our website or through our official Telegram channel for immediate assistance.">
2294                            Our support team is available 24/7! 🎧 You can reach us via the Live Chat feature on our website or through our official Telegram channel for immediate assistance.
2295                        </div>
2296                    </div>
2297                </details>
2298            </article>
2299        </div>
2300        <div class="mt-12 text-center">
2301            <p class="text-sm text-[#7c2d12] mb-6">
2302                Still have questions or need further assistance with your account?
2303            </p>
2304            <a href="javascript:downloadApp();" title="Chat with Us Now" class="inline-flex items-center justify-center px-8 py-3 rounded-full bg-[#ea580c] text-[#ffffff] font-bold text-sm sm:text-base transition-transform active:scale-95 hover:opacity-90">
2305                Chat with Us Now
2306            </a>
2307        </div>
2308    </div>
2309</section>
2310<section class="py-12 px-4 md:py-20 bg-[#fff7ed]">
2311    <div class="max-w-7xl mx-auto">
2312        <header class="text-center mb-10 md:mb-16">
2313            <h3 class="text-2xl md:text-4xl font-bold text-[#7c2d12] relative inline-block pb-3">
2314                Our Trusted Gaming Partners
2315                <span class="absolute bottom-0 left-1/2 -translate-x-1/2 w-12 h-1 bg-[#ea580c] rounded-full"></span>
2316            </h3>
2317        </header>
2318        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 md:gap-6 justify-items-center">
2319            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center bg-[#ffffff] border border-[#fdba74] rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300 group relative overflow-hidden">
2320                <div class="absolute inset-0 bg-[#fff7ed] opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
2321                <img src="static/images/0e6831155fe8eef8dd5ea5ff8845a570397e29b5.png" alt="123BET logo" loading="lazy" class="relative z-10 max-w-full max-h-full object-contain mx-auto">
2322            </div>
2323            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center bg-[#ffffff] border border-[#fdba74] rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300 group relative overflow-hidden">
2324                <div class="absolute inset-0 bg-[#fff7ed] opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
2325                <img src="static/images/4cdcaed861e0e2b1041e0b361ff0171014f9d07a.png" alt="CQ9 Gaming logo" loading="lazy" class="relative z-10 max-w-full max-h-full object-contain mx-auto">
2326            </div>
2327            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center bg-[#ffffff] border border-[#fdba74] rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300 group relative overflow-hidden">
2328                <div class="absolute inset-0 bg-[#fff7ed] opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
2329                <img src="static/images/145c9691202d035be9de0949b99ef3721399d7fa.png" alt="BING Gaming logo" loading="lazy" class="relative z-10 max-w-full max-h-full object-contain mx-auto">
2330            </div>
2331            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center bg-[#ffffff] border border-[#fdba74] rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300 group relative overflow-hidden">
2332                <div class="absolute inset-0 bg-[#fff7ed] opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
2333                <img src="static/images/92ef3839d8ae5d108f80b8d015cf44e7082c165f.png" alt="AE Gaming logo" loading="lazy" class="relative z-10 max-w-full max-h-full object-contain mx-auto">
2334            </div>
2335            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center bg-[#ffffff] border border-[#fdba74] rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300 group relative overflow-hidden">
2336                <div class="absolute inset-0 bg-[#fff7ed] opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
2337                <img src="static/images/ffdebd9ef600c26ab31aaa70f32c541725ade409.png" alt="AW Color logo" loading="lazy" class="relative z-10 max-w-full max-h-full object-contain mx-auto">
2338            </div>
2339        </div>
2340    </div>
2341</section>
2342<footer class="w-full bg-[#fff7ed] border-t border-[#fdba74] pt-12 pb-8 px-4 md:px-8 lg:px-16" title="Footer Copyright Section">
2343    <div class="max-w-7xl mx-auto">
2344        <div class="grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 items-start">
2345            <div class="flex flex-col space-y-4">
2346                <div class="flex items-center space-x-3">
2347                    <img src="static/images/logo.png" alt="ph991jili.ph Logo" class="h-8 w-auto">
2348                    <h2 class="text-xl md:text-2xl font-bold text-[#ea580c] tracking-tight" title="ph991jili.ph Brand Name">
2349                        ph991jili.ph
2350                    </h2>
2351                </div>
2352                <p class="text-sm md:text-base text-[#7c2d12] font-medium leading-relaxed" title="Copyright Notice">
2353                    © 2024 <span class="text-[#ea580c]">ph991jili.ph</span>. All Rights Reserved.
2354                </p>
2355                <div class="flex items-center space-x-4 pt-2">
2356                    <div class="w-2 h-2 rounded-full bg-[#ea580c]"></div>
2357                    <span class="text-xs uppercase tracking-widest text-[#7c2d12] font-semibold">Vitality Dynamic Edition</span>
2358                </div>
2359            </div>
2360            <div class="relative">
2361                <div class="absolute -top-4 -left-4 w-8 h-8 bg-[#fdba74] rounded-full opacity-20 hidden md:block"></div>
2362                <div class="relative z-10">
2363                    <p class="text-sm md:text-base text-[#431407] leading-relaxed md:text-right italic opacity-90" title="About ph991jili.ph">
2364                        ph991jili.ph is dedicated to providing a secure and fair gaming environment for all Filipino players with top-tier security.
2365                    </p>
2366                    <div class="mt-6 flex flex-wrap justify-start md:justify-end gap-3">
2367                        <a href="index.html" title="Home" class="px-4 py-2 text-xs font-bold rounded-full border border-[#fdba74] text-[#7c2d12] hover:bg-[#ea580c] hover:text-[#fff7ed] transition-all duration-300 ease-in-out">
2368                           🏠 Home
2369                        </a>
2370                        <a href="faq.html" title="Help Center" class="px-4 py-2 text-xs font-bold rounded-full border border-[#fdba74] text-[#7c2d12] hover:bg-[#ea580c] hover:text-[#fff7ed] transition-all duration-300 ease-in-out">
2371                           ❓ FAQ
2372                        </a>
2373                        <a href="play_game.html" title="Game Lobby" class="px-4 py-2 text-xs font-bold rounded-full border border-[#fdba74] text-[#7c2d12] hover:bg-[#ea580c] hover:text-[#fff7ed] transition-all duration-300 ease-in-out">
2374                           🎮 Play Now
2375                        </a>
2376                        <a href="countries.html" title="Regional Access" class="px-4 py-2 text-xs font-bold rounded-full border border-[#fdba74] text-[#7c2d12] hover:bg-[#ea580c] hover:text-[#fff7ed] transition-all duration-300 ease-in-out">
2377                           🇵🇭 Regions
2378                        </a>
2379                        <a href="esportes.html" title="E-Sports" class="px-4 py-2 text-xs font-bold rounded-full border border-[#fdba74] text-[#7c2d12] hover:bg-[#ea580c] hover:text-[#fff7ed] transition-all duration-300 ease-in-out">
2380                           🏆 E-Sports
2381                        </a>
2382                        <a href="register.html" title="Join Now" class="px-4 py-2 text-xs font-bold rounded-full border border-[#fdba74] text-[#7c2d12] hover:bg-[#ea580c] hover:text-[#fff7ed] transition-all duration-300 ease-in-out">
2383                           💎 Register
2384                        </a>
2385                    </div>
2386                </div>
2387            </div>
2388        </div>
2389        <div class="mt-12 pt-6 border-t border-[#fdba74] flex flex-col md:flex-row justify-between items-center gap-4">
2390            <div class="text-[10px] text-[#7c2d12] opacity-60 uppercase tracking-tighter text-center md:text-left">
2391                Designed for High-Performance Gaming Experience
2392            </div>
2393            <div class="flex items-center space-x-2 text-[#ea580c]">
2394                <span class="text-xs font-bold">Verified Site</span>
2395                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2396                    <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>
2397                </svg>
2398            </div>
2399        </div>
2400    </div>
2401</footer>
2402<aside class="fixed right-[10px] bottom-[198px] z-40 flex flex-col items-center justify-center" title="991jili Help Center">
2403    <a href="faq.html" title="Chat with Support" class="relative w-10 h-10 flex items-center justify-center rounded-full shadow-lg transition-transform active:scale-90 duration-200 group overflow-hidden bg-[#ea580c] hover:bg-[#7c2d12]">
2404        <div class="w-full h-full flex items-center justify-center p-1">
2405            <img src="static/images/4ad7fc1ef372301c2d809bcddac0318ba2224371.png" alt="Customer Support" class="w-full h-full object-contain" title="Customer Support">
2406        </div>
2407        <span class="absolute inset-0 rounded-full bg-[#ea580c] animate-ping opacity-20"></span>
2408    </a>
2409</aside>
2410<aside class="fixed right-[10px] z-40 bottom-[136px]" title="Lucky Bonus Draw">
2411    <div onclick="playRGame()" class="w-10 h-10 cursor-pointer transition-transform active:scale-90 hover:scale-105 rounded-full shadow-lg overflow-hidden bg-[#ea580c] flex items-center justify-center" role="button" aria-label="Lucky Bonus Draw">
2412        <a href="play_game.html" title="Lucky Bonus Draw">
2413            <img src="static/images/e513b6ead76608d195ad83354e9aad156645f079.webp" alt="Lucky Bonus Draw" class="w-full h-full object-contain">
2414        </a>
2415    </div>
2416</aside>
2417<div style="height: calc(72px + env(safe-area-inset-bottom));" class="w-full"></div>
2418<nav class="fixed bottom-0 left-0 right-0 z-50 bg-[#ffffff] border-t border-[#fdba74] pb-safe shadow-[0_-4px_12px_rgba(0,0,0,0.05)]" style="padding-bottom: env(safe-area-inset-bottom);">
2419    <ul class="flex items-center justify-around h-[64px] px-2 overflow-hidden">
2420        <li class="flex-1">
2421            <a href="index.html" title="Home" aria-label="Home" class="flex flex-col items-center justify-center w-full h-full transition-all duration-200 active:scale-95
2422               text-[#7c2d12]
2423               ">
2424                <div class="relative flex items-center justify-center w-6 h-6 mb-1">
2425                    <div class="text-xl">
2426                        🏠
2427                    </div>
2428                </div>
2429                <span class="text-[11px] font-medium leading-none tracking-tight ">
2430                    Home
2431                </span>
2432            </a>
2433        </li>
2434        <li class="flex-1">
2435            <a href="esportes.html" title="Sports" aria-label="Sports" class="flex flex-col items-center justify-center w-full h-full transition-all duration-200 active:scale-95
2436               text-[#7c2d12]
2437               ">
2438                <div class="relative flex items-center justify-center w-6 h-6 mb-1">
2439                    <div class="text-xl">
2440                        ⚽
2441                    </div>
2442                </div>
2443                <span class="text-[11px] font-medium leading-none tracking-tight ">
2444                    Sports
2445                </span>
2446            </a>
2447        </li>
2448        <li class="flex-1">
2449            <a href="register.html" title="Join" aria-label="Join" class="flex flex-col items-center justify-center w-full h-full transition-all duration-200 active:scale-95
2450               text-[#7c2d12]
2451               ">
2452                <div class="relative flex items-center justify-center w-6 h-6 mb-1">
2453                    <div class="text-xl">
2454                        📝
2455                    </div>
2456                </div>
2457                <span class="text-[11px] font-medium leading-none tracking-tight ">
2458                    Join
2459                </span>
2460            </a>
2461        </li>
2462        <li class="flex-1">
2463            <a href="javascript:downloadApp()" title="Bonus" aria-label="Bonus" onclick="downloadApp(); return false;" class="flex flex-col items-center justify-center w-full h-full transition-all duration-200 active:scale-95
2464               text-[#7c2d12]
2465               ">
2466                <div class="relative flex items-center justify-center w-6 h-6 mb-1">
2467                    <div class="text-xl">
2468                        🎁
2469                    </div>
2470                </div>
2471                <span class="text-[11px] font-medium leading-none tracking-tight ">
2472                    Bonus
2473                </span>
2474            </a>
2475        </li>
2476        <li class="flex-1">
2477            <a href="javascript:downloadApp()" title="Support" aria-label="Support" onclick="downloadApp(); return false;" class="flex flex-col items-center justify-center w-full h-full transition-all duration-200 active:scale-95
2478               text-[#7c2d12]
2479               ">
2480                <div class="relative flex items-center justify-center w-6 h-6 mb-1">
2481                    <div class="text-xl">
2482                        🎧
2483                    </div>
2484                </div>
2485                <span class="text-[11px] font-medium leading-none tracking-tight ">
2486                    Support
2487                </span>
2488            </a>
2489        </li>
2490    </ul>
2491</nav>
2492    </main>
2493<script defer="" data-domain="ph991jili.ph" src="https://ph.countjump.cyou/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 2493
2493
2494<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 2494
2494
2495<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 2495
2495
2496<script src="static/js/global.js"></script>
vendor: 1 bytes, line 2496
2496
2497<script src="static/js/ph991jiliph_language.js"></script>
2497
2498  
2498<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2498
2498
2499<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":"0d5156f9b7314b039f8a564a5502341a","r":1,"spa":2}' crossorigin="anonymous"></script>
2499
2500</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.