PageSourceSearch

https://ph888loginph.ph/index.html

html ph888loginph.ph collected 2026-10-07 21:09:59 UTC 157,488 bytes, 2,243 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>PH888LOGINPH - PLATAFORMA OFICIAL - ⭐️ - PH888LOGINPH.COM</title>
6    <meta name="description" content="Experience the best online gaming at PH888! Fast login, huge jackpots, and a wide variety of slots and casino games. Register now for big wins today!">
7    <meta name="keywords" content="ph888 login, ph888 app login, ph888 casino login, ph888 slot login, online casino Philippines, real money slots, online gambling PH, casino registration, ph888 app">
8    <meta name="author" content="PH888LOGINPH">
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="Manila">
13    <meta property="og:title" content="PH888LOGINPH - PLATAFORMA OFICIAL - ⭐️ - PH888LOGINPH.COM">
14    <meta property="og:description" content="Experience the best online gaming at PH888! Fast login, huge jackpots, and a wide variety of slots and casino games. Register now for big wins today!">
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://ph888loginph.ph/">
17    <meta property="og:locale" content="en_PH">
18    <link rel="alternate" hreflang="en-PH" href="https://ph888loginph.ph/">
19    <link rel="alternate" hreflang="x-default" href="https://ph888loginph.ph/">
20    <link rel="canonical" href="https://ph888loginph.ph/">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="PH888LOGINPH - PLATAFORMA OFICIAL - ⭐️ - PH888LOGINPH.COM">
23    <meta name="twitter:description" content="Experience the best online gaming at PH888! Fast login, huge jackpots, and a wide variety of slots and casino games. Register now for big wins 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@400;600;700;800&amp;display=swap" rel="stylesheet">
27    <style>
28  :root {
29    --theme-color: ;
30    --bg-color: ;
31    --surface-color: ;
32    --text-color: ;
33    --text-secondary: ;
34    --border-color: ;
35    --button-text-color: ;
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": "ph888loginph",
49      "url": "ph888loginph.ph",
50      "logo": "static/images/logo.png",
51      "description": "Experience the best online gaming at PH888! Fast login, huge jackpots, and a wide variety of slots and casino games. Register now for big wins today!"
52    },
53    {
54      "@context": "https://schema.org",
55      "@type": "WebPage",
56      "name": "PH888LOGINPH - PLATAFORMA OFICIAL - ⭐️ - PH888LOGINPH.COM",
57      "description": "Experience the best online gaming at PH888! Fast login, huge jackpots, and a wide variety of slots and casino games. Register now for big wins today!",
58      "url": "ph888loginph.ph",
59      "inLanguage": "en-PH",
60      "isPartOf": {
61        "@type": "WebSite",
62        "name": "ph888loginph",
63        "url": "ph888loginph.ph"
64      }
65    },
66    {
67      "@context": "https://schema.org",
68      "@type": "SoftwareApplication",
69      "name": "ph888loginph Mobile App",
70      "description": "Experience the best online gaming at PH888! Fast login, huge jackpots, and a wide variety of slots and casino games. Register now for big wins today!",
71      "operatingSystem": "Android, iOS",
72      "applicationCategory": "GameApplication",
73      "image": "static/images/logo.png",
74      "downloadUrl": "ph888loginph.ph/download-app.html",
75      "offers": {
76        "@type": "Offer",
77        "price": "0",
78        "priceCurrency": "PHP"
79      },
80      "aggregateRating": {
81        "@type": "AggregateRating",
82        "ratingValue": "4.8",
83        "ratingCount": "763",
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-[#fff0f5] text-[#831843] min-h-screen overflow-x-hidden antialiased selection:bg-[#db2777] selection:text-white flex flex-col">
96    <div class="fixed inset-0 z-0 bg-gradient-to-b from-[#fff0f5] via-[#ffffff] to-[#fff0f5] 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,#db277730,transparent_70%)] blur-[80px] opacity-40 pointer-events-none"></div>
98    <div class="fixed bottom-0 right-0 w-[300px] h-[300px] bg-[#db2777]/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-[#fff0f5]/95 shadow-[0_0_50px_rgba(0,0,0,0.5)] border-x border-[#fbcfe8]/20 flex flex-col">
101        <div class="absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-[#db2777] to-transparent opacity-50"></div>
102        <header class="sticky top-0 w-full z-50 h-9 bg-[#db2777] border-b border-white/10 shadow-sm flex items-center justify-between px-3">
103    <div class="flex items-center gap-2 overflow-hidden">
104        <h1 class="text-[#ffffff] text-sm font-bold truncate tracking-tight" title="ph888loginph.ph">
105            ph888loginph.ph
106        </h1>
107        <p class="hidden sm:block text-[#ffffff]/80 text-[11px] truncate font-medium" title="PH's Top Slot Win">
108            PH's Top Slot Win
109        </p>
110    </div>
111    <div class="flex items-center gap-3 shrink-0">
112        <button onclick="showLanguagePanel()" aria-label="Switch Language" class="p-1 rounded-full hover:bg-[#be185d] transition-colors duration-200 text-[#ffffff]" 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-[12px] font-semibold px-2 py-0.5 rounded-md bg-[#be185d]/30 border border-[#ffffff]/20 hover:bg-[#be185d]/50 transition-all duration-200 whitespace-nowrap" title="Visit Region/Language 🇵🇭">
118            Region/Language 🇵🇭
119        </a>
120    </div>
121</header>
122<header class="sticky top-9 z-40 w-full bg-[#db2777]/95 backdrop-blur-md border-b border-[#fbcfe8] px-3 py-2.5 shadow-sm">
123    <nav class="max-w-7xl mx-auto flex items-center justify-between gap-3">
124        <a href="index.html" class="flex-shrink-0 transition-transform active:scale-95" title="ph888 Home">
125            <img src="static/images/logo.png" alt="ph888 Logo" class="h-8 w-auto object-contain">
126        </a>
127        <div class="flex items-center gap-2 flex-shrink-0">
128            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-medium text-[#fff0f5] hover:text-[#ffffff] transition-colors duration-200 rounded-full border border-[#fbcfe8]/50" title="Login to ph888">
129                Log In
130            </button>
131            <button onclick="downloadApp()" class="px-4 py-1.5 text-sm font-bold text-[#db2777] bg-[#ffffff] hover:bg-[#fff0f5] transition-all duration-200 rounded-full shadow-sm active:scale-95" title="Register an account on ph888">
132                Join Now
133            </button>
134        </div>
135    </nav>
136</header>
137<div class="w-full max-w-full overflow-hidden px-3 py-2">
138    <div class="swiper banner-swiper w-full relative overflow-hidden rounded-xl shadow-lg aspect-[2/1]">
139        <div class="swiper-wrapper">
140            <div class="swiper-slide relative w-full h-full">
141                <a href="javascript:downloadApp();" title="Join Now for Huge Wins!" class="block w-full h-full">
142                    <img src="static/images/46589151c00f67e3578b598b18427c70b1a69e85.png" alt="Join Now for Huge Wins!" loading="lazy" class="w-full h-full object-cover block">
143                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#831843]/80 to-transparent">
144                        <p class="text-[#ffffff] text-sm font-bold truncate" title="Join Now for Huge Wins!">
145                            Join Now for Huge Wins!
146                        </p>
147                    </div>
148                </a>
149            </div>
150            <div class="swiper-slide relative w-full h-full">
151                <a href="javascript:downloadApp();" title="Get Your Welcome Bonus Today" class="block w-full h-full">
152                    <img src="static/images/8f716235063325547907e9a809a868067b38f2dd.png" alt="Get Your Welcome Bonus Today" loading="lazy" class="w-full h-full object-cover block">
153                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#831843]/80 to-transparent">
154                        <p class="text-[#ffffff] text-sm font-bold truncate" title="Get Your Welcome Bonus Today">
155                            Get Your Welcome Bonus Today
156                        </p>
157                    </div>
158                </a>
159            </div>
160            <div class="swiper-slide relative w-full h-full">
161                <a href="javascript:downloadApp();" title="Spin and Win Big Prizes" class="block w-full h-full">
162                    <img src="static/images/4c5504f269dca6d8742d1df4ef452d8b11637ae9.png" alt="Spin and Win Big Prizes" loading="lazy" class="w-full h-full object-cover block">
163                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#831843]/80 to-transparent">
164                        <p class="text-[#ffffff] text-sm font-bold truncate" title="Spin and Win Big Prizes">
165                            Spin and Win Big Prizes
166                        </p>
167                    </div>
168                </a>
169            </div>
170            <div class="swiper-slide relative w-full h-full">
171                <a href="javascript:downloadApp();" title="Experience Top Slots Action" class="block w-full h-full">
172                    <img src="static/images/50919f737134c21bf1a11e0b2707737485826752.png" alt="Experience Top Slots Action" loading="lazy" class="w-full h-full object-cover block">
173                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#831843]/80 to-transparent">
174                        <p class="text-[#ffffff] text-sm font-bold truncate" title="Experience Top Slots Action">
175                            Experience Top Slots 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="Fast Payouts, More Fun!" class="block w-full h-full">
182                    <img src="static/images/6a5fa5c8605f3457fdaf9471e5392bfb48a67ed4.png" alt="Fast Payouts, More Fun!" loading="lazy" class="w-full h-full object-cover block">
183                    <div class="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-[#831843]/80 to-transparent">
184                        <p class="text-[#ffffff] text-sm font-bold truncate" title="Fast Payouts, More Fun!">
185                            Fast Payouts, More Fun!
186                        </p>
187                    </div>
188                </a>
189            </div>
190        </div>
191        <div class="swiper-pagination"></div>
192    </div>
193</div>
194<script>
195    document.addEventListener('DOMContentLoaded', function() {
196        new Swiper('.banner-swiper', {
197            autoplay: {
198                delay: 3000,
199                disableOnInteraction: false,
200            },
201            loop: true,
202            pagination: {
203                el: '.swiper-pagination',
204                clickable: true,
205            },
206            effect: 'slide',
207            speed: 600,
208        });
209    });
210</script>
210
211<div id="notify-data" class="hidden" aria-hidden="true">
212    <div>Jun** won 1,200 PHP</div>
213    <div>Ma** withdrawal successful 5,000 PHP</div>
214    <div>Ric** just deposited 2,000 PHP</div>
215    <div>An** received bonus 500 PHP</div>
216    <div>Jo** won 15,000 PHP</div>
217    <div>Kr** withdrawal successful 1,500 PHP</div>
218    <div>El** just deposited 1,000 PHP</div>
219    <div>Gl** won 3,400 PHP</div>
220    <div>Pa** received bonus 200 PHP</div>
221    <div>Ma** won 8,888 PHP</div>
222    <div>Ro** withdrawal successful 10,000 PHP</div>
223    <div>Lu** just deposited 500 PHP</div>
224    <div>Fe** won 2,100 PHP</div>
225    <div>Al** received bonus 1,000 PHP</div>
226    <div>Je** won 450 PHP</div>
227    <div>Mi** withdrawal successful 2,500 PHP</div>
228    <div>Ka** just deposited 3,000 PHP</div>
229    <div>St** won 12,000 PHP</div>
230    <div>Ny** received bonus 300 PHP</div>
231    <div>De** won 7,200 PHP</div>
232    <div>Ra** withdrawal successful 800 PHP</div>
233    <div>Ch** just deposited 1,500 PHP</div>
234    <div>Ga** won 5,600 PHP</div>
235    <div>Li** received bonus 150 PHP</div>
236    <div>Jo** won 20,000 PHP</div>
237    <div>Vi** withdrawal successful 4,000 PHP</div>
238    <div>Ma** just deposited 2,500 PHP</div>
239    <div>Er** won 1,800 PHP</div>
240    <div>Pi** received bonus 600 PHP</div>
241    <div>No** won 9,000 PHP</div>
242    <div>Ry** withdrawal successful 1,200 PHP</div>
243    <div>Be** just deposited 1,000 PHP</div>
244    <div>Ja** won 3,300 PHP</div>
245    <div>Ti** received bonus 100 PHP</div>
246    <div>Le** won 11,000 PHP</div>
247    <div>Am** withdrawal successful 6,000 PHP</div>
248    <div>Ke** just deposited 4,000 PHP</div>
249    <div>Si** won 2,700 PHP</div>
250    <div>Da** received bonus 500 PHP</div>
251    <div>Hy** won 1,500 PHP</div>
252    <div>Mo** withdrawal successful 3,000 PHP</div>
253    <div>Na** just deposited 800 PHP</div>
254    <div>Re** won 18,000 PHP</div>
255    <div>Za** received bonus 200 PHP</div>
256    <div>Wy** won 6,400 PHP</div>
257    <div>Is** withdrawal successful 2,000 PHP</div>
258    <div>Lo** just deposited 1,200 PHP</div>
259    <div>Cy** won 4,100 PHP</div>
260    <div>Hu** received bonus 400 PHP</div>
261    <div>Ra** won 10,500 PHP</div>
262</div>
263<div class="w-full max-w-[100vw] overflow-hidden relative block py-6 px-4 rounded-2xl shadow-lg bg-gradient-to-br from-[#db2777]/10 to-[#db2777]/30 backdrop-blur-sm">
264  <div class="absolute inset-0 opacity-10 pointer-events-none">
265    <div class="w-full h-full flex items-center justify-center text-2xl">🎰 🃏 🎲 💰 🏆</div>
266  </div>
267  <div class="relative flex flex-col items-center justify-center text-center">
268    <div id="jackpot-value" class="text-4xl font-black text-[#db2777] drop-shadow-lg tracking-wider">12,588,742.50</div>
269    <div class="text-lg font-semibold text-[#831843]/90 mb-1">MEGA JACKPOT</div>
270    <div class="h-1 w-24 mx-auto bg-[#831843]/20 my-2 rounded"></div>
271    <div class="text-xl font-bold text-[#831843]/90 mt-1">PHP</div>
272  </div>
273</div>
274<section class="relative py-12 px-4 overflow-hidden bg-[#fff0f5] sm:py-20 lg:px-8">
275    <div class="absolute top-0 right-0 -translate-y-1/2 translate-x-1/4 w-64 h-64 bg-[#fbcfe8] rounded-full blur-3xl op
275acity-50 pointer-events-none"></div>
276    <div class="absolute bottom-0 left-0 translate-y-1/2 -translate-x-1/4 w-64 h-64 bg-[#fbcfe8] rounded-full blur-3xl opacity-50 pointer-events-none"></div>
277    <div class="relative max-w-6xl mx-auto">
278        <header class="text-center mb-10 md:mb-16">
279            <h2 class="text-2xl md:text-4xl font-extrabold text-[#be185d] mb-4 tracking-tight leading-tight">
280                Experience Premium Gaming at ph888loginph.ph
281            </h2>
282            <p class="text-sm md:text-base text-[#831843] max-w-2xl mx-auto leading-relaxed opacity-90" title="The most trusted gaming destination in the Philippines, offering secure transactions, high win rates, and exclusive 24/7 VIP support to ensure a prestigious and seamless experience for every player.">
283                The most trusted gaming destination in the Philippines, offering secure transactions, high win rates, and exclusive 24/7 VIP support to ensure a prestigious and seamless experience for every player.
284            </p>
285        </header>
286        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12 md:mb-20">
287            <article class="group flex flex-col p-6 bg-[#ffffff] border border-[#fbcfe8] rounded-3xl shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-1">
288                <div class="flex items-center gap-3 mb-3">
289                    <span class="flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-xl bg-[#fff0f5] text-[#db2777] text-xl">
290                        🛡️
291                    </span>
292                    <h3 class="text-lg font-bold text-[#be185d] group-hover:text-[#db2777] transition-colors">
293                        Secure Encryption
294                    </h3>
295                </div>
296                <p class="text-sm text-[#831843] leading-relaxed" title="Your data is protected by advanced security protocols, ensuring that every transaction and personal detail remains private and fully encrypted.">
297                    Your data is protected by advanced security protocols, ensuring that every transaction and personal detail remains private and fully encrypted.
298                </p>
299            </article>
300            <article class="group flex flex-col p-6 bg-[#ffffff] border border-[#fbcfe8] rounded-3xl shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-1">
301                <div class="flex items-center gap-3 mb-3">
302                    <span class="flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-xl bg-[#fff0f5] text-[#db2777] text-xl">
303                        ⚡
304                    </span>
305                    <h3 class="text-lg font-bold text-[#be185d] group-hover:text-[#db2777] transition-colors">
306                        Fast Payouts
307                    </h3>
308                </div>
309                <p class="text-sm text-[#831843] leading-relaxed" title="Enjoy rapid withdrawals via local Philippine gateways, allowing you to access your winnings quickly without unnecessary delays or complications.">
310                    Enjoy rapid withdrawals via local Philippine gateways, allowing you to access your winnings quickly without unnecessary delays or complications.
311                </p>
312            </article>
313            <article class="group flex flex-col p-6 bg-[#ffffff] border border-[#fbcfe8] rounded-3xl shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-1">
314                <div class="flex items-center gap-3 mb-3">
315                    <span class="flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-xl bg-[#fff0f5] text-[#db2777] text-xl">
316                        🎰
317                    </span>
318                    <h3 class="text-lg font-bold text-[#be185d] group-hover:text-[#db2777] transition-colors">
319                        Diverse Games
320                    </h3>
321                </div>
322                <p class="text-sm text-[#831843] leading-relaxed" title="Access a curated selection of high-RTP slots and live tables designed to provide maximum entertainment and better winning opportunities.">
323                    Access a curated selection of high-RTP slots and live tables designed to provide maximum entertainment and better winning opportunities.
324                </p>
325            </article>
326            <article class="group flex flex-col p-6 bg-[#ffffff] border border-[#fbcfe8] rounded-3xl shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-1">
327                <div class="flex items-center gap-3 mb-3">
328                    <span class="flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-xl bg-[#fff0f5] text-[#db2777] text-xl">
329                        💎
330                    </span>
331                    <h3 class="text-lg font-bold text-[#be185d] group-hover:text-[#db2777] transition-colors">
332                        VIP Treatment
333                    </h3>
334                </div>
335                <p class="text-sm text-[#831843] leading-relaxed" title="Our dedicated Filipino support team is available around the clock to provide personalized assistance and exclusive rewards for loyal members.">
336                    Our dedicated Filipino support team is available around the clock to provide personalized assistance and exclusive rewards for loyal members.
337                </p>
338            </article>
339        </div>
340        <div class="relative max-w-3xl mx-auto p-8 md:p-12 rounded-[2.5rem] bg-gradient-to-br from-[#db2777] to-[#be185d] text-center shadow-xl">
341            <div class="relative z-10">
342                <h3 class="text-xl md:text-2xl font-bold text-[#ffffff] mb-3">
343                    Start Your Winning Journey Today
344                </h3>
345                <p class="text-sm md:text-base text-[#fff0f5] mb-8 opacity-90 max-w-md mx-auto" title="Register now to claim your welcome bonus and get immediate access to our premium game suite.">
346                    Register now to claim your welcome bonus and get immediate access to our premium game suite.
347                </p>
348                <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
349                    <button onclick="downloadApp()" class="w-full sm:w-auto px-8 py-4 bg-[#ffffff] text-[#db2777] font-bold rounded-full shadow-lg hover:bg-[#fff0f5] active:scale-95 transition-all text-base" title="Download App">
350                        Download App
351                    </button>
352                    <button onclick="downloadApp()" class="w-full sm:w-auto px-8 py-4 bg-transparent border-2 border-[#ffffff] text-[#ffffff] font-bold rounded-full hover:bg-[#ffffff] hover:text-[#db2777] active:scale-95 transition-all text-base" title="Join Now">
353                        Join Now
354                    </button>
355                </div>
356            </div>
357            <div class="absolute top-0 left-0 w-24 h-24 bg-[#ffffff] opacity-10 rounded-full -translate-x-1/2 -translate-y-1/2"></div>
358            <div class="absolute bottom-0 right-0 w-32 h-32 bg-[#ffffff] opacity-10 rounded-full translate-x-1/4 translate-y-1/4"></div>
359        </div>
360    </div>
361</section>
362<nav class="sticky top-[88px] z-30 w-full bg-[#ffffff]/95 backdrop-blur-md border-b border-[#fbcfe8] shadow-lg">
363    <div class="max-w-screen-xl mx-auto">
364        <div class="overflow-x-auto overflow-y-hidden no-scrollbar snap-x snap-mandatory flex items-center">
365            <ul id="category-tabs" class="flex flex-nowrap px-4 py-3 gap-2 md:gap-4 w-max">
366                <li class="snap-start">
367                    <a href="#cat-slots" title="Browse Online Slots games" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 active:scale-95 bg-[#fff0f5] text-[#db2777] border border-[#fbcfe8] hover:bg-[#db2777] hover:text-[#ffffff] group">
368                        <span class="text-lg leading-none group-hover:scale-110 transition-transform duration-200" aria-hidden="true">
369                            🎰
370                        </span>
371                        <span class="text-sm md:text-base font-bold whitespace-nowrap tracking-wide">
372                            Online Slots
373                        </span>
374                    </a>
375                </li>
376                <li class="snap-start">
377                    <a href="#cat-live-casino" title="Browse Live Casino games" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 active:scale-95 bg-[#fff0f5] text-[#db2777] border border-[#fbcfe8] hover:bg-[#db2777] hover:text-[#ffffff] group">
378                        <span class="text-lg leading-none group-hover:scale-110 transition-transform duration-200" aria-hidden="true">
379                            🃏
380                        </span>
381                        <span class="text-sm md:text-base font-bold whitespace-nowrap tracking-wide">
382                            Live Casino
383                        </span>
384                    </a>
385                </li>
386                <li class="snap-start">
387                    <a href="#cat-sports" title="Browse Sports Betting games" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 active:scale-95 bg-[#fff0f5] text-[#db2777] border border-[#fbcfe8] hover:bg-[#db2777] hover:text-[#ffffff] group">
388                        <span class="text-lg leading-none group-hover:scale-110 transition-transform duration-200" aria-hidden="true">
389                            🏀
390                        </span>
391                        <span class="text-sm md:text-base font-bold whitespace-nowrap tracking-wide">
392                            Sports Betting
393                        </span>
394                    </a>
395                </li>
396                <li class="snap-start">
397                    <a href="#cat-fishing" title="Browse Fishing Games games" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 active:scale-95 bg-[#fff0f5] text-[#db2777] border border-[#fbcfe8] hover:bg-[#db2777] hover:text-[#ffffff] group">
398                        <span class="text-lg leading-none group-hover:scale-110 transition-transform duration-200" aria-hidden="true">
399                            🎣
400                        </span>
401                        <span class="text-sm md:text-base font-bold whitespace-nowrap tracking-wide">
402                            Fishing Games
403                        </span>
404                    </a>
405                </li>
406                <li class="snap-start">
407                    <a href="#cat-jackpot" title="Browse Mega Jackpot games" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 active:scale-95 bg-[#fff0f5] text-[#db2777] border border-[#fbcfe8] hover:bg-[#db2777] hover:text-[#ffffff] group">
408                        <span class="text-lg leading-none group-hover:scale-110 transition-transform duration-200" aria-hidden="true">
409                            💰
410                        </span>
411                        <span class="text-sm md:text-base font-bold whitespace-nowrap tracking-wide">
412                            Mega Jackpot
413                        </span>
414                    </a>
415                </li>
416                <li class="snap-start">
417                    <a href="#cat-poker" title="Browse Online Poker games" class="flex items-center gap-2 px-4 py-2 rounded-full transition-all duration-300 active:scale-95 bg-[#fff0f5] text-[#db2777] border border-[#fbcfe8] hover:bg-[#db2777] hover:text-[#ffffff] group">
418                        <span class="text-lg leading-none group-hover:scale-110 transition-transform duration-200" aria-hidden="true">
419                            ♠️
420                        </span>
421                        <span class="text-sm md:text-base font-bold whitespace-nowrap tracking-wide">
422                            Online Poker
423                        </span>
424                    </a>
425                </li>
426            </ul>
427        </div>
428    </div>
429    <style>
430        .no-scrollbar::-webkit-scrollbar {
431            display: none;
432        }
433        .no-scrollbar {
434            -ms-overflow-style: none;
435            scrollbar-width: none;
436        }
437    </style>
438</nav>
439<section id="cat-slots" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff0f5]">
440    <header class="mb-6 flex items-center gap-3">
441        <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#fbcfe8] text-[#db2777] text-xl shadow-sm">
442            🎰
443        </div>
444        <h2 class="text-xl md:text-2xl font-bold text-[#831843] tracking-tight">
445            Online Slots
446        </h2>
447    </header>
448    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-5">
449        <article class="group relative flex flex-col">
450            <a href="eternal-dragon.html" title="Play Eternal Dragon" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
451                <img src="static/images/26f7adab67220af37aaa9ebb6eb43a6e0b039365.webp" alt="Eternal Dragon screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
452                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
453                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
454                        Eternal Dragon
455                    </p>
456                </div>
457            </a>
458            <div class="mt-1.5 px-1">
459                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
460                    Pragmatic Play
461                </span>
462            </div>
463        </article>
464        <article class="group relative flex flex-col">
465            <a href="wild-ape.html" title="Play Wild Ape#3258" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
466                <img src="static/images/8240a69fcd1525eee54171379dfe10a41822ddfc.heif" alt="Wild Ape#3258 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
467                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
468                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
469                        Wild Ape#3258
470                    </p>
471                </div>
472            </a>
473            <div class="mt-1.5 px-1">
474                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
475                    PG Soft
476                </span>
477            </div>
478        </article>
479        <article class="group relative flex flex-col">
480            <a href="aviabet.html" title="Play Aviabet" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
481                <img src="static/images/ae3940d8e6f75be3c67e7aeb2b65b9af779ad073.heif" alt="Aviabet screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
482                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
483                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
484                        Aviabet
485                    </p>
486                </div>
487            </a>
488            <div class="mt-1.5 px-1">
489                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
490                    Evolution
491                </span>
492            </div>
493        </article>
494    </div>
495    <footer class="mt-8 flex justify-center">
496        <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-[#db2777] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#be185d] active:scale-95 shadow-md">
497            View More
498        </a>
499    </footer>
500</section>
501<section id="cat-live-casino" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff0f5]">
502    <header class="mb-6 flex items-center gap-3">
503        <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#fbcfe8] text-[#db2777] text-xl shadow-sm">
504            🃏
505        </div>
506        <h2 class="text-xl md:text-2xl font-bold text-[#831843] tracking-tight">
507            Live Casino
508        </h2>
509    </header>
510    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-5">
511        <article class="group relative flex flex-col">
512            <a href="africa.html" title="Play Africa" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
513                <img src="static/images/8c00e655fd57a3915b951508b0a745b5b9f7f055.webp" alt="Africa screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
514                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
515                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
516                        Africa
517                    </p>
518                </div>
519            </a>
520            <div class="mt-1.5 px-1">
521                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
522                    Evolution
523                </span>
524            </div>
525        </article>
526        <article class="group relative flex flex-col">
527            <a href="buffalo.html" title="Play Buffalo" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
528                <img src="static/images/1db0271c46ddc5e664cd09c9e30b7b1b9e90d109.heif" alt="Buffalo screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
529                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
530                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
531                        Buffalo
532                    </p>
533                </div>
534            </a>
535            <div class="mt-1.5 px-1">
536                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
537                    Pragmatic Play
538                </span>
539            </div>
540        </article>
541        <article class="group relative flex flex-col">
542            <a href="football-studio.html" title="Play Football Studio" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
543                <img src="static/images/5b597717993622c9280e663f5bc1ba667f42ddd8.png" alt="Football Studio screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
544                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
545                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
546                        Football Studio
547                    </p>
548                </div>
549            </a>
550            <div class="mt-1.5 px-1">
551                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
552                    Evolution
553                </span>
554            </div>
555        </article>
556    </div>
557    <footer class="mt-8 flex justify-center">
558        <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-[#db2777] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#be185d] active:scale-95 shadow-md">
559            View More
560        </a>
561    </footer>
562</section>
563<section id="cat-sports" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff0f5]">
564    <header class="mb-6 flex items-center gap-3">
565        <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#fbcfe8] text-[#db2777] text-xl shadow-sm">
566            🏀
567        </div>
568        <h2 class="text-xl md:text-2xl font-bold text-[#831843] tracking-tight">
569            Sports Betting
570        </h2>
571    </header>
572    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-5">
573        <article class="group relative flex flex-col">
574            <a href="salon-prive-baccarat-l.html" title="Play Salon Privé Baccarat L" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
575                <img src="static/images/b039c0a3fd788f677a87a2a9c6f302f1733e56b1.png" alt="Salon Privé Baccarat L screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
576                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
577                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
578                        Salon Privé Baccarat L
579                    </p>
580                </div>
581            </a>
582            <div class="mt-1.5 px-1">
583                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
584                    Evolution
585                </span>
586            </div>
587        </article>
588        <article class="group relative flex flex-col">
589            <a href="mexomax-2-wildenergy-multimax.html" title="Play MexoMax 2 WildEnergy MultiMax" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
590                <img src="static/images/cb01f3e6062fac93e21c01d4a908e9ca529fd33f.heif" alt="MexoMax 2 WildEnergy MultiMax screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
591                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
592                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
593                        MexoMax 2 WildEnergy MultiMax
594                    </p>
595                </div>
596            </a>
597            <div class="mt-1.5 px-1">
598                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
599                    Pragmatic Play
600                </span>
601            </div>
602        </article>
603        <article class="group relative flex flex-col">
604            <a href="bmq-hall.html" title="Play BMQ hall" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
605                <img src="static/images/76a4e21ce17ce185b2b8b9169a2e672a89cf6e59.webp" alt="BMQ hall screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
606                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
607                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
608                        BMQ hall
609                    </p>
610                </div>
611            </a>
612            <div class="mt-1.5 px-1">
613                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
614                    BGaming
615                </span>
616            </div>
617        </article>
618    </div>
619    <footer class="mt-8 flex justify-center">
620        <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-[#db2777] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#be185d] active:scale-95 shadow-md">
621            View More
622        </a>
623    </footer>
624</section>
625<section id="cat-fishing" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff0f5]">
626    <header class="mb-6 flex items-center gap-3">
627        <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#fbcfe8] text-[#db2777] text-xl shadow-sm">
628            🎣
629        </div>
630        <h2 class="text-xl md:text-2xl font-bold text-[#831843] tracking-tight">
631            Fishing Games
632        </h2>
633    </header>
634    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-5">
635        <article class="group relative flex flex-col">
636            <a href="drop-ball.html" title="Play Drop Ball" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
637                <img src="static/images/79d96f86aac2d87cf17d3091fab6042590e6a8fb.heif" alt="Drop Ball screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
638                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
639                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
640                        Drop Ball
641                    </p>
642                </div>
643            </a>
644            <div class="mt-1.5 px-1">
645                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
646                    Pragmatic Play
647                </span>
648            </div>
649        </article>
650        <article class="group relative flex flex-col">
651            <a href="yamang-pangingisda.html" title="Play Yamang Pangingisda" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
652                <img src="static/images/eb070c04db740ecf3b5151fe1a6a0bd5196a3e95.heif" alt="Yamang Pangingisda screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
653                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
654                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
655                        Yamang Pangingisda
656                    </p>
657                </div>
658            </a>
659            <div class="mt-1.5 px-1">
660                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
661                    PG Soft
662                </span>
663            </div>
664        </article>
665        <article class="group relative flex flex-col">
666            <a href="wild-cats-fire.html" title="Play Wild Cats Fire" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
667                <img src="static/images/0416ffa1411f68955ef8026dd9322d0d344a2305.heif" alt="Wild Cats Fire screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
668                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
669                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
670                        Wild Cats Fire
671                    </p>
672                </div>
673            </a>
674            <div class="mt-1.5 px-1">
675                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
676                    BGaming
677                </span>
678            </div>
679        </article>
680        <article class="group relative flex flex-col">
681            <a href="hindi-speed-baccarat-b.html" title="Play Hindi Speed Baccarat B" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
682                <img src="static/images/ee5f6b6f29fef00a4af03f51e36c5c81914585f5.png" alt="Hindi Speed Baccarat B screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
683                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
684                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
685                        Hindi Speed Baccarat B
686                    </p>
687                </div>
688            </a>
689            <div class="mt-1.5 px-1">
690                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
691                    Evolution
692                </span>
693            </div>
694        </article>
695        <article class="group relative flex flex-col">
696            <a href="book-of-the-sun.html" title="Play Book of the Sun" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
697                <img src="static/images/0b484b7c6381f6a4ff092caa2556ad4a59a75b37.webp" alt="Book of the Sun screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
698                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
699                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
700                        Book of the Sun
701                    </p>
702                </div>
703            </a>
704            <div class="mt-1.5 px-1">
705                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
706                    Pragmatic Play
707                </span>
708            </div>
709        </article>
710        <article class="group relative flex flex-col">
711            <a href="blackjackx-21-ruby.html" title="Play BlackjackX 21 - Ruby" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
712                <img src="static/images/b5c5ca3024534dc0dab155c29df0f0d5aa905c2c.heif" alt="BlackjackX 21 - Ruby screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
713                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
714                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
715                        BlackjackX 21 - Ruby
716                    </p>
717                </div>
718            </a>
719            <div class="mt-1.5 px-1">
720                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
721                    Ezugi
722                </span>
723            </div>
724        </article>
725        <article class="group relative flex flex-col">
726            <a href="20-blazing-clover.html" title="Play 20 Blazing Clover" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
727                <img src="static/images/a8917cb2e7326a5492f5c14840217436c3c371c0.webp" alt="20 Blazing Clover screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
728                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
729                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
730                        20 Blazing Clover
731                    </p>
732                </div>
733            </a>
734            <div class="mt-1.5 px-1">
735                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
736                    PG Soft
737                </span>
738            </div>
739        </article>
740        <article class="group relative flex flex-col">
741            <a href="fierce-fishing.html" title="Play Fierce Fishing" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
742                <img src="static/images/b27cd387a34b6cd005cd5d011875fc3665848261.heif" alt="Fierce Fishing screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
743                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
744                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
745                        Fierce Fishing
746                    </p>
747                </div>
748            </a>
749            <div class="mt-1.5 px-1">
750                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
751                    Jili Games
752                </span>
753            </div>
754        </article>
755        <article class="group relative flex flex-col">
756            <a href="salon-prive-blackjack-d.html" title="Play Salon Privé Blackjack D" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
757                <img src="static/images/63919873577624f101a0100e7bd577a50636af9a.png" alt="Salon Privé Blackjack D screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
758                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
759                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
760                        Salon Privé Blackjack D
761                    </p>
762                </div>
763            </a>
764            <div class="mt-1.5 px-1">
765                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
766                    Evolution
767                </span>
768            </div>
769        </article>
770    </div>
771    <footer class="mt-8 flex justify-center">
772        <a href="javascript:downloadApp();" title="View all games in Fishing Games" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#db2777] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#be185d] active:scale-95 shadow-md">
773            View More
774        </a>
775    </footer>
776</section>
777<section id="cat-jackpot" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff0f5]">
778    <header class="mb-6 flex items-center gap-3">
779        <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#fbcfe8] text-[#db2777] text-xl shadow-sm">
780            💰
781        </div>
782        <h2 class="text-xl md:text-2xl font-bold text-[#831843] tracking-tight">
783            Mega Jackpot
784        </h2>
785    </header>
786    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-5">
787        <article class="group relative flex flex-col">
788            <a href="elf-bingo.html" title="Play Elf Bingo" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
789                <img src="static/images/ee567f1597e5e8bf4b54ea5ffd35a35cfad31f1e.webp" alt="Elf Bingo screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
790                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
791                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
792                        Elf Bingo
793                    </p>
794                </div>
795            </a>
796            <div class="mt-1.5 px-1">
797                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
798                    Pragmatic Play
799                </span>
800            </div>
801        </article>
802        <article class="group relative flex flex-col">
803            <a href="golden-city-8.html" title="Play Golden City 8" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
804                <img src="static/images/484d191655bf67261ef3114f4e4dddf7ed0b11b1.webp" alt="Golden City 8 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
805                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
806                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
807                        Golden City 8
808                    </p>
809                </div>
810            </a>
811            <div class="mt-1.5 px-1">
812                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
813                    PG Soft
814                </span>
815            </div>
816        </article>
817        <article class="group relative flex flex-col">
818            <a href="ouija-secrets.html" title="Play Ouija Secrets" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
819                <img src="static/images/124066fc7a8977e12f6aeadf5ef41f030d0e8df9.heif" alt="Ouija Secrets screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
820                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
821                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
822                        Ouija Secrets
823                    </p>
824                </div>
825            </a>
826            <div class="mt-1.5 px-1">
827                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
828                    Evolution
829                </span>
830            </div>
831        </article>
832        <article class="group relative flex flex-col">
833            <a href="lucky-fortunes.html" title="Play LUCKY FORTUNES" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
834                <img src="static/images/1be1e40d4cea0373ab84a98106e86b9e16fd7ed1.heif" alt="LUCKY FORTUNES screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
835                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
836                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
837                        LUCKY FORTUNES
838                    </p>
839                </div>
840            </a>
841            <div class="mt-1.5 px-1">
842                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
843                    BGaming
844                </span>
845            </div>
846        </article>
847        <article class="group relative flex flex-col">
848            <a href="more-turkey.html" title="Play More Turkey" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
849                <img src="static/images/4ab393167e7bbc677beef3eef8167f6ba89450f6.heif" alt="More Turkey screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
850                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
851                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
852                        More Turkey
853                    </p>
854                </div>
855            </a>
856            <div class="mt-1.5 px-1">
857                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
858                    Ezugi
859                </span>
860            </div>
861        </article>
862        <article class="group relative flex flex-col">
863            <a href="lucky-lager-x9990.html" title="Play Lucky Lager x9990" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
864                <img src="static/images/d4c96fac58d35b1b523aba1bc47783455a539086.heif" alt="Lucky Lager x9990 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
865                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
866                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
867                        Lucky Lager x9990
868                    </p>
869                </div>
870            </a>
871            <div class="mt-1.5 px-1">
872                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
873                    Pragmatic Play
874                </span>
875            </div>
876        </article>
877    </div>
878    <footer class="mt-8 flex justify-center">
879        <a href="javascript:downloadApp();" title="View all games in Mega Jackpot" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#db2777] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#be185d] active:scale-95 shadow-md">
880            View More
881        </a>
882    </footer>
883</section>
884<section id="cat-poker" class="py-8 px-4 md:py-12 md:px-6 bg-[#fff0f5]">
885    <header class="mb-6 flex items-center gap-3">
886        <div class="flex items-center justify-center w-10 h-10 rounded-full bg-[#fbcfe8] text-[#db2777] text-xl shadow-sm">
887            ♠️
888        </div>
889        <h2 class="text-xl md:text-2xl font-bold text-[#831843] tracking-tight">
890            Online Poker
891        </h2>
892    </header>
893    <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-5">
894        <article class="group relative flex flex-col">
895            <a href="x7-hot.html" title="Play X7 HOT" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
896                <img src="static/images/1e5052b312396e75dcbd28e78be90c62387e5ab0.heif" alt="X7 HOT screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
897                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
898                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
899                        X7 HOT
900                    </p>
901                </div>
902            </a>
903            <div class="mt-1.5 px-1">
904                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
905                    Pragmatic Play
906                </span>
907            </div>
908        </article>
909        <article class="group relative flex flex-col">
910            <a href="deep-fishing.html" title="Play Deep Fishing" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
911                <img src="static/images/8a57511165685f28be25608774b06b9890f32df6.heif" alt="Deep Fishing screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
912                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
913                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
914                        Deep Fishing
915                    </p>
916                </div>
917            </a>
918            <div class="mt-1.5 px-1">
919                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
920                    PG Soft
921                </span>
922            </div>
923        </article>
924        <article class="group relative flex flex-col">
925            <a href="fortune-pig.html" title="Play Fortune Pig" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
926                <img src="static/images/73ed02616b317ca76928e1b1a2ebe1069f3241d7.webp" alt="Fortune Pig screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
927                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
928                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
929                        Fortune Pig
930                    </p>
931                </div>
932            </a>
933            <div class="mt-1.5 px-1">
934                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
935                    PG Soft
936                </span>
937            </div>
938        </article>
939        <article class="group relative flex flex-col">
940            <a href="lucky-lager-x9990.html" title="Play Lucky Lager x9990" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
941                <img src="static/images/d4c96fac58d35b1b523aba1bc47783455a539086.heif" alt="Lucky Lager x9990 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
942                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
943                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
944                        Lucky Lager x9990
945                    </p>
946                </div>
947            </a>
948            <div class="mt-1.5 px-1">
949                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
950                    BGaming
951                </span>
952            </div>
953        </article>
954        <article class="group relative flex flex-col">
955            <a href="speed-baccarat-1-korean.html" title="Play Speed Baccarat 1 - Korean" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
956                <img src="static/images/ad6518aee3aeb2ce19f1554a555d606739aeb48c.heif" alt="Speed Baccarat 1 - Korean screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
957                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
958                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
959                        Speed Baccarat 1 - Korean
960                    </p>
961                </div>
962            </a>
963            <div class="mt-1.5 px-1">
964                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
965                    Evolution
966                </span>
967            </div>
968        </article>
969        <article class="group relative flex flex-col">
970            <a href="wild-skullz.html" title="Play Wild Skullz" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
971                <img src="static/images/6c019c23fff30b2a166205a933d46409f4a8dc0d.webp" alt="Wild Skullz screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
972                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
973                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
974                        Wild Skullz
975                    </p>
976                </div>
977            </a>
978            <div class="mt-1.5 px-1">
979                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
980                    Pragmatic Play
981                </span>
982            </div>
983        </article>
984        <article class="group relative flex flex-col">
985            <a href="badugi.html" title="Play Badugi" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
986                <img src="static/images/c1af6e9d9797b3b89b9769184b023b9397b488b4.webp" alt="Badugi screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
987                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
988                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
989                        Badugi
990                    </p>
991                </div>
992            </a>
993            <div class="mt-1.5 px-1">
994                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
995                    Ezugi
996                </span>
997            </div>
998        </article>
999        <article class="group relative flex flex-col">
1000            <a href="fa-fa-fa.html" title="Play Fa Fa Fa" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
1001                <img src="static/images/dc4d784933b677fd38ef0f8558a309a49c76af56.webp" alt="Fa Fa Fa screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1002                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
1003                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
1004                        Fa Fa Fa
1005                    </p>
1006                </div>
1007            </a>
1008            <div class="mt-1.5 px-1">
1009                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
1010                    PG Soft
1011                </span>
1012            </div>
1013        </article>
1014        <article class="group relative flex flex-col">
1015            <a href="pile-of-gold-3.html" title="Play Pile of Gold 3" class="relative aspect-[3/4] overflow-hidden rounded-2xl bg-[#ffffff] border-2 border-[#fbcfe8] transition-all duration-300 hover:border-[#db2777] hover:shadow-lg hover:-translate-y-1">
1016                <img src="static/images/746f11d63dd5a6ebe0c35c6a3b33ee0fc5773269.webp" alt="Pile of Gold 3 screenshot" loading="lazy" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
1017                <div class="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-[#831843]/90 to-transparent">
1018                    <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate text-center">
1019                        Pile of Gold 3
1020                    </p>
1021                </div>
1022            </a>
1023            <div class="mt-1.5 px-1">
1024                <span class="text-[9px] md:text-[11px] font-semibold text-[#be185d] uppercase tracking-wider truncate block text-center">
1025                    Pragmatic Play
1026                </span>
1027            </div>
1028        </article>
1029    </div>
1030    <footer class="mt-8 flex justify-center">
1031        <a href="javascript:downloadApp();" title="View all games in Online Poker" class="inline-flex items-center justify-center px-6 py-2 rounded-full bg-[#db2777] text-[#ffffff] text-sm font-bold transition-all hover:bg-[#be185d] active:scale-95 shadow-md">
1032            View More
1033        </a>
1034    </footer>
1035</section>
1036<section class="py-8 px-4 md:py-12 md:px-6 bg-[#fff0f5]">
1037    <header class="mb-8 max-w-2xl mx-auto text-left">
1038        <h2 class="text-2xl md:text-3xl font-bold text-[#831843] leading-tight mb-2">
1039            Exclusive PH888 Casino Bonuses &amp; Promotions 🎰
1040        </h2>
1041        <p class="text-sm md:text-base text-[#be185d] opacity-90" title="Maximize your winnings with the best casino offers in the Philippines! From massive welcome bonuses to daily slot rebates, ph888loginph.ph gives you more ways to hit the jackpot today.">
1042            Maximize your winnings with the best casino offers in the Philippines! From massive welcome bonuses to daily slot rebates, ph888loginph.ph gives you more ways to hit the jackpot today.
1043        </p>
1044    </header>
1045    <div class="flex flex-col gap-6 max-w-xl mx-auto">
1046        <article class="bg-[#ffffff] rounded-2xl overflow-hidden border border-[#fbcfe8] shadow-sm hover:shadow-md transition-shadow duration-300">
1047            <div class="relative w-full">
1048                <img src="static/images/ccb3468cc5c3409a5b046295298c86f4587c492a.jpg" alt="100% First Deposit Match Bonus promotion" loading="lazy" class="block w-full h-auto">
1049                <span class="absolute top-3 left-3 bg-[#db2777] text-[#ffffff] text-xs font-bold px-2 py-1 rounded-full shadow-sm">
1050                    HOT
1051                </span>
1052            </div>
1053            <div class="p-5">
1054                <h3 class="text-lg md:text-xl font-bold text-[#831843] mb-2 leading-snug">
1055                    100% First Deposit Match Bonus
1056                </h3>
1057                <div class="mb-3">
1058                    <div class="inline-block bg-[#fff0f5] border border-[#fbcfe8] px-3 py-1 rounded-lg">
1059                        <span class="text-[#db2777] font-extrabold text-lg">
1060                            💰 ₱5,000 Bonus
1061                        </span>
1062                    </div>
1063                </div>
1064                <p class="text-sm text-[#be185d] mb-5 leading-relaxed" title="Start your winning streak today! Get a 100% match on your first deposit to play all top slots.">
1065                    Start your winning streak today! Get a 100% match on your first deposit to play all top slots.
1066                </p>
1067                <div class="mb-6">
1068                    <div class="flex justify-between items-center mb-2">
1069                        <span class="text-xs font-medium text-[#831843]">
1070                            Claimed: <span class="font-bold">72%</span>
1071                        </span>
1072                        <span class="text-xs font-medium text-[#be185d]">
1073                            Ends in: <span class="font-bold">12h 30m</span>
1074                        </span>
1075                    </div>
1076                    <div class="w-full bg-[#fbcfe8] h-2 rounded-full overflow-hidden">
1077                        <div class="bg-[#db2777] h-full rounded-full transition-all duration-500" style="width: 72%"></div>
1078                    </div>
1079                </div>
1080                <button onclick="downloadApp()" title="Claim 100% First Deposit Match Bonus reward" class="w-full bg-[#db2777] text-[#ffffff] font-bold py-3 px-4 rounded-xl hover:bg-[#be185d] active:scale-[0.98] transition-all duration-200 text-center shadow-lg shadow-[#db2777]/20">
1081                    Claim Now
1082                </button>
1083            </div>
1084        </article>
1085        <article class="bg-[#ffffff] rounded-2xl overflow-hidden border border-[#fbcfe8] shadow-sm hover:shadow-md transition-shadow duration-300">
1086            <div class="relative w-full">
1087                <img src="static/images/8ca1f0d085d626d9e18022404a3f284ec71980e0.png" alt="Weekly VIP 
1087Cashback Rebate promotion" loading="lazy" class="block w-full h-auto">
1088                <span class="absolute top-3 left-3 bg-[#db2777] text-[#ffffff] text-xs font-bold px-2 py-1 rounded-full shadow-sm">
1089                    EXCLUSIVE
1090                </span>
1091            </div>
1092            <div class="p-5">
1093                <h3 class="text-lg md:text-xl font-bold text-[#831843] mb-2 leading-snug">
1094                    Weekly VIP Cashback Rebate
1095                </h3>
1096                <div class="mb-3">
1097                    <div class="inline-block bg-[#fff0f5] border border-[#fbcfe8] px-3 py-1 rounded-lg">
1098                        <span class="text-[#db2777] font-extrabold text-lg">
1099                            💰 Up to 10% Back
1100                        </span>
1101                    </div>
1102                </div>
1103                <p class="text-sm text-[#be185d] mb-5 leading-relaxed" title="Play without worries! We return a percentage of your weekly losses directly to your PH888 account.">
1104                    Play without worries! We return a percentage of your weekly losses directly to your PH888 account.
1105                </p>
1106                <div class="mb-6">
1107                    <div class="flex justify-between items-center mb-2">
1108                        <span class="text-xs font-medium text-[#831843]">
1109                            Claimed: <span class="font-bold">48%</span>
1110                        </span>
1111                        <span class="text-xs font-medium text-[#be185d]">
1112                            Ends in: <span class="font-bold">3 Days Left</span>
1113                        </span>
1114                    </div>
1115                    <div class="w-full bg-[#fbcfe8] h-2 rounded-full overflow-hidden">
1116                        <div class="bg-[#db2777] h-full rounded-full transition-all duration-500" style="width: 48%"></div>
1117                    </div>
1118                </div>
1119                <button onclick="downloadApp()" title="Claim Weekly VIP Cashback Rebate reward" class="w-full bg-[#db2777] text-[#ffffff] font-bold py-3 px-4 rounded-xl hover:bg-[#be185d] active:scale-[0.98] transition-all duration-200 text-center shadow-lg shadow-[#db2777]/20">
1120                    Get Rebate
1121                </button>
1122            </div>
1123        </article>
1124        <article class="bg-[#ffffff] rounded-2xl overflow-hidden border border-[#fbcfe8] shadow-sm hover:shadow-md transition-shadow duration-300">
1125            <div class="relative w-full">
1126                <img src="static/images/fff7d3bcd1dcbcfa9c7fb56e5adfca00b08c67c6.png" alt="Refer-a-Friend Jackpot Bonus promotion" loading="lazy" class="block w-full h-auto">
1127                <span class="absolute top-3 left-3 bg-[#db2777] text-[#ffffff] text-xs font-bold px-2 py-1 rounded-full shadow-sm">
1128                    NEW
1129                </span>
1130            </div>
1131            <div class="p-5">
1132                <h3 class="text-lg md:text-xl font-bold text-[#831843] mb-2 leading-snug">
1133                    Refer-a-Friend Jackpot Bonus
1134                </h3>
1135                <div class="mb-3">
1136                    <div class="inline-block bg-[#fff0f5] border border-[#fbcfe8] px-3 py-1 rounded-lg">
1137                        <span class="text-[#db2777] font-extrabold text-lg">
1138                            💰 ₱1,000 Per Friend
1139                        </span>
1140                    </div>
1141                </div>
1142                <p class="text-sm text-[#be185d] mb-5 leading-relaxed" title="Invite your barkada to join PH888 and earn huge referral rewards for every successful sign-up.">
1143                    Invite your barkada to join PH888 and earn huge referral rewards for every successful sign-up.
1144                </p>
1145                <div class="mb-6">
1146                    <div class="flex justify-between items-center mb-2">
1147                        <span class="text-xs font-medium text-[#831843]">
1148                            Claimed: <span class="font-bold">65%</span>
1149                        </span>
1150                        <span class="text-xs font-medium text-[#be185d]">
1151                            Ends in: <span class="font-bold">05:59:00</span>
1152                        </span>
1153                    </div>
1154                    <div class="w-full bg-[#fbcfe8] h-2 rounded-full overflow-hidden">
1155                        <div class="bg-[#db2777] h-full rounded-full transition-all duration-500" style="width: 65%"></div>
1156                    </div>
1157                </div>
1158                <button onclick="downloadApp()" title="Claim Refer-a-Friend Jackpot Bonus reward" class="w-full bg-[#db2777] text-[#ffffff] font-bold py-3 px-4 roun
1158ded-xl hover:bg-[#be185d] active:scale-[0.98] transition-all duration-200 text-center shadow-lg shadow-[#db2777]/20">
1159                    Invite Now
1160                </button>
1161            </div>
1162        </article>
1163        <article class="bg-[#ffffff] rounded-2xl overflow-hidden border border-[#fbcfe8] shadow-sm hover:shadow-md transition-shadow duration-300">
1164            <div class="relative w-full">
1165                <img src="static/images/b5d70ddd56dec286026e6bf713983bab3fbff3f7.jpg" alt="Daily Slot Spin Extravaganza promotion" loading="lazy" class="block w-full h-auto">
1166                <span class="absolute top-3 left-3 bg-[#db2777] text-[#ffffff] text-xs font-bold px-2 py-1 rounded-full shadow-sm">
1167                    LIMITED
1168                </span>
1169            </div>
1170            <div class="p-5">
1171                <h3 class="text-lg md:text-xl font-bold text-[#831843] mb-2 leading-snug">
1172                    Daily Slot Spin Extravaganza
1173                </h3>
1174                <div class="mb-3">
1175                    <div class="inline-block bg-[#fff0f5] border border-[#fbcfe8] px-3 py-1 rounded-lg">
1176                        <span class="text-[#db2777] font-extrabold text-lg">
1177                            💰 200 Free Spins
1178                        </span>
1179                    </div>
1180                </div>
1181                <p class="text-sm text-[#be185d] mb-5 leading-relaxed" title="Spin and win big! Claim your daily free spins on the hottest slot games and hit the mega jackpot.">
1182                    Spin and win big! Claim your daily free spins on the hottest slot games and hit the mega jackpot.
1183                </p>
1184                <div class="mb-6">
1185                    <div class="flex justify-between items-center mb-2">
1186                        <span class="text-xs font-medium text-[#831843]">
1187                            Claimed: <span class="font-bold">91%</span>
1188                        </span>
1189                        <span class="text-xs font-medium text-[#be185d]">
1190                            Ends in: <span class="font-bold">8h 15m</span>
1191                        </span>
1192                    </div>
1193                    <div class="w-full bg-[#fbcfe8] h-2 rounded-full overflow-hidden">
1194                        <div class="bg-[#db2777] h-full rounded-full transition-all duration-500" style="width: 91%"></div>
1195                    </div>
1196                </div>
1197                <button onclick="downloadApp()" title="Claim Daily Slot Spin Extravaganza reward" class="w-full bg-[#db2777] text-[#ffffff] font-bold py-3 px-4 rounded-xl hover:bg-[#be185d] active:scale-[0.98] transition-all duration-200 text-center shadow-lg shadow-[#db2777]/20">
1198                    Spin Now
1199                </button>
1200            </div>
1201        </article>
1202    </div>
1203</section>
1204<section class="py-8 px-4 md:py-12 md:px-6 bg-[#fff0f5]">
1205    <div class="max-w-4xl mx-auto space-y-8">
1206        <article class="relative overflow-hidden rounded-3xl border-2 border-[#fbcfe8] bg-[#ffffff] p-5 md:p-8 shadow-sm transition-transform duration-300 hover:scale-[1.01]">
1207            <div class="flex flex-col sm:flex-row items-center sm:items-start gap-4 mb-6 text-center sm:text-left">
1208                <div class="flex-shrink-0 w-16 h-16 md:w-20 md:h-20 rounded-2xl bg-[#fff0f5] flex items-center justify-center text-3xl md:text-4xl shadow-inner border border-[#fbcfe8]">
1209                    <span class="inline-block leading-none">🎰</span>
1210                </div>
1211                <div class="flex-1 min-w-0">
1212                    <h2 class="text-xl md:text-2xl font-bold text-[#be185d] leading-tight break-words mb-1">
1213                        Super Peso Slots
1214                    </h2>
1215                    <p class="text-sm md:text-base font-medium text-[#db2777] opacity-90 break-words">
1216                        Spin and win big prizes daily
1217                    </p>
1218                </div>
1219            </div>
1220            <div class="space-y-6">
1221                <div class="prose prose-sm md:prose-base max-w-none">
1222                    <div class="text-[#831843] leading-relaxed" title="Super Peso Slots introduction">
1223                        <p>
1223Experience the thrill of high-stakes slots with a Pinoy twist. Get a chance to hit the massive jackpot with every spin.</p>
1224                    </div>
1225                </div>
1226                <div class="bg-[#fff0f5] rounded-2xl p-4 md:p-5 border-l-4 border-[#db2777]">
1227                    <h3 class="text-sm font-bold uppercase tracking-wider text-[#be185d] mb-2 flex items-center gap-2">
1228                        <span class="w-1.5 h-1.5 rounded-full bg-[#db2777]"></span>
1229                        How to Play
1230                    </h3>
1231                    <div class="text-sm md:text-base text-[#831843] leading-relaxed" title="Super Peso Slots gameplay rules">
1232                        <ul><li>Select your bet amount per spin.</li><li>Match three or more symbols to win.</li><li>Land the scatter symbol to trigger free spins.</li></ul>
1233                    </div>
1234                </div>
1235            </div>
1236            <div class="mt-8 flex justify-center sm:justify-end">
1237                <button onclick="playGame('Super Peso Slots')" title="Play Super Peso Slots now" class="group relative inline-flex items-center justify-center px-8 py-3 font-bold text-[#ffffff] bg-[#db2777] rounded-full transition-all duration-300 hover:bg-[#be185d] hover:shadow-lg active:scale-95">
1238                    <span class="relative z-10">PLAY NOW</span>
1239                    <div class="absolute inset-0 rounded-full bg-[#db2777] blur opacity-20 group-hover:blur-md transition-all"></div>
1240                </button>
1241            </div>
1242        </article>
1243        <article class="relative overflow-hidden rounded-3xl border-2 border-[#fbcfe8] bg-[#ffffff] p-5 md:p-8 shadow-sm transition-transform duration-300 hover:scale-[1.01]">
1244            <div class="flex flex-col sm:flex-row items-center sm:items-start gap-4 mb-6 text-center sm:text-left">
1245                <div class="flex-shrink-0 w-16 h-16 md:w-20 md:h-20 rounded-2xl bg-[#fff0f5] flex items-center justify-center text-3xl md:text-4xl shadow-inner border border-[#fbcfe8]">
1246                    <span class="inline-block leading-none">🃏</span>
1247                </div>
1248                <div class="flex-1 min-w-0">
1249                    <h2 class="text-xl md:text-2xl font-bold text-[#be185d] leading-tight break-words mb-1">
1250                        PH888 Live Baccarat
1251                    </h2>
1252                    <p class="text-sm md:text-base font-medium text-[#db2777] opacity-90 break-words">
1253                        Real-time dealers, real-time wins
1254                    </p>
1255                </div>
1256            </div>
1257            <div class="space-y-6">
1258                <div class="prose prose-sm md:prose-base max-w-none">
1259                    <div class="text-[#831843] leading-relaxed" title="PH888 Live Baccarat introduction">
1260                        <p>Join our professional live dealers in a high-end casino setting. Bet on the Banker, Player, or a Tie.</p>
1261                    </div>
1262                </div>
1263                <div class="bg-[#fff0f5] rounded-2xl p-4 md:p-5 border-l-4 border-[#db2777]">
1264                    <h3 class="text-sm font-bold uppercase tracking-wider text-[#be185d] mb-2 flex items-center gap-2">
1265                        <span class="w-1.5 h-1.5 rounded-full bg-[#db2777]"></span>
1266                        How to Play
1267                    </h3>
1268                    <div class="text-sm md:text-base text-[#831843] leading-relaxed" title="PH888 Live Baccarat gameplay rules">
1269                        <ul><li>Place your bets on the Banker or Player.</li><li>The hand closest to 9 points wins the round.</li><li>A Tie results in a payout for tie bets.</li></ul>
1270                    </div>
1271                </div>
1272            </div>
1273            <div class="mt-8 flex justify-center sm:justify-end">
1274                <button onclick="playGame('PH888 Live Baccarat')" title="Play PH888 Live Baccarat now" class="group relative inline-flex items-center justify-center px-8 py-3 font-bold text-[#ffffff] bg-[#db2777] rounded-full transition-all duration-300 hover:bg-[#be185d] hover:shadow-lg active:scale-95">
1275                    <span class="relative z-10">PLAY NOW</span>
1276                    <div class="absolute inset-0 rounded-full bg-[#db2777] blur opacity-20 group-hover:blur-md transition-all"></div>
1277                </button>
1278            </div>
1279        </article>
1280        <article class="relative overflow-hidden rounded-3xl border-2 border-[#fbcfe8] bg-[#ffffff] p-5 md:p-8 shadow-sm transition-transform duration-300 hover:scale-[1.01]">
1281            <div class="flex flex-col sm:flex-row items-center sm:items-start gap-4 mb-6 text-center sm:text-left">
1282                <div class="flex-shrink-0 w-16 h-16 md:w-20 md:h-20 rounded-2xl bg-[#fff0f5] flex items-center justify-center text-3xl md:text-4xl shadow-inner border border-[#fbcfe8]">
1283                    <span class="inline-block leading-none">🐟</span>
1284                </div>
1285                <div class="flex-1 min-w-0">
1286                    <h2 class="text-xl md:text-2xl font-bold text-[#be185d] leading-tight break-words mb-1">
1287                        Golden Dragon Fishing
1288                    </h2>
1289                    <p class="text-sm md:text-base font-medium text-[#db2777] opacity-90 break-words">
1290                        Shoot and collect gold coins
1291                    </p>
1292                </div>
1293            </div>
1294            <div class="space-y-6">
1295                <div class="prose prose-sm md:prose-base max-w-none">
1296                    <div class="text-[#831843] leading-relaxed" title="Golden Dragon Fishing introduction">
1297                        <p>An arcade-style shooting game where you hunt for legendary sea creatures to earn huge rewards.</p>
1298                    </div>
1299                </div>
1300                <div class="bg-[#fff0f5] rounded-2xl p-4 md:p-5 border-l-4 border-[#db2777]">
1301                    <h3 class="text-sm font-bold uppercase tracking-wider text-[#be185d] mb-2 flex items-center gap-2">
1302                        <span class="w-1.5 h-1.5 rounded-full bg-[#db2777]"></span>
1303                        How to Play
1304                    </h3>
1305                    <div class="text-sm md:text-base text-[#831843] leading-relaxed" title="Golden Dragon Fishing gameplay rules">
1306                        <ul><li>Choose your weapon and target a fish.</li><li>Shoot successfully to collect coins.</li><li>Defeat the Golden Dragon for the grand prize.</li></ul>
1307                    </div>
1308                </div>
1309            </div>
1310            <div class="mt-8 flex justify-center sm:justify-end">
1311                <button onclick="playGame('Golden Dragon Fishing')" title="Play Golden Dragon Fishing now" class="group relative inline-flex items-center justify-center px-8 py-3 font-bold text-[#ffffff] bg-[#db2777] rounded-full transition-all duration-300 hover:bg-[#be185d] hover:shadow-lg active:scale-95">
1312                    <span class="relative z-10">PLAY NOW</span>
1313                    <div class="absolute inset-0 rounded-full bg-[#db2777] blur opacity-20 group-hover:blur-md transition-all"></div>
1314                </button>
1315            </div>
1316        </article>
1317        <article class="relative overflow-hidden rounded-3xl border-2 border-[#fbcfe8] bg-[#ffffff] p-5 md:p-8 shadow-sm transition-transform duration-300 hover:scale-[1.01]">
1318            <div class="flex flex-col sm:flex-row items-center sm:items-start gap-4 mb-6 text-center sm:text-left">
1319                <div class="flex-shrink-0 w-16 h-16 md:w-20 md:h-20 rounded-2xl bg-[#fff0f5] flex items-center justify-center text-3xl md:text-4xl shadow-inner border border-[#fbcfe8]">
1320                    <span class="inline-block leading-none">♠️</span>
1321                </div>
1322                <div class="flex-1 min-w-0">
1323                    <h2 class="text-xl md:text-2xl font-bold text-[#be185d] leading-tight break-words mb-1">
1324                        VIP Poker Room
1325                    </h2>
1326                    <p class="text-sm md:text-base font-medium text-[#db2777] opacity-90 break-words">
1327                        Challenge the best players in PH
1328                    </p>
1329                </div>
1330            </div>
1331            <div class="space-y-6">
1332                <div class="prose prose-sm md:prose-base max-w-none">
1333                    <div class="text-[#831843] leading-relaxed" title="VIP Poker Room introduction">
1334                        <p>Test your strategy and bluffing skills in our exclusive poker rooms. Available for all skill levels.</p>
1335                    </div>
1336                </div>
1337                <div class="bg-[#fff0f5] rounded-2xl p-4 md:p-5 border-l-4 border-[#db2777]">
1338                    <h3 class="text-sm font-bold uppercase tracking-wider text-[#be185d] mb-2 flex items-center gap-2">
1339                        <span class="w-1.5 h-1.5 rounded-full bg-[#db2777]"></span>
1340                        How to Play
1341                    </h3>
1342                    <div class="text-sm md:text-base text-[#831843] leading-relaxed" title="VIP Poker Room gameplay rules">
1343                        <ul><li>
1343Receive two private hole cards.</li><li>Combine cards with community cards to make a hand.</li><li>The highest ranking hand wins the pot.</li></ul>
1344                    </div>
1345                </div>
1346            </div>
1347            <div class="mt-8 flex justify-center sm:justify-end">
1348                <button onclick="playGame('VIP Poker Room')" title="Play VIP Poker Room now" class="group relative inline-flex items-center justify-center px-8 py-3 font-bold text-[#ffffff] bg-[#db2777] rounded-full transition-all duration-300 hover:bg-[#be185d] hover:shadow-lg active:scale-95">
1349                    <span class="relative z-10">PLAY NOW</span>
1350                    <div class="absolute inset-0 rounded-full bg-[#db2777] blur opacity-20 group-hover:blur-md transition-all"></div>
1351                </button>
1352            </div>
1353        </article>
1354    </div>
1355</section>
1356<section class="py-12 px-4 md:py-20 md:px-8 bg-[#fff0f5]">
1357    <div class="max-w-4xl mx-auto">
1358        <header class="text-center mb-12">
1359            <h2 class="text-3xl md:text-4xl font-extrabold text-[#be185d] mb-4 leading-tight">
1360                Start Winning on ph888loginph.ph in 6 Steps
1361            </h2>
1362            <p class="text-base md:text-lg text-[#831843] max-w-2xl mx-auto leading-relaxed" title="Join thousands of Filipino winners on ph888loginph.ph today. Experience a fast, safe, and easy way to enjoy your favorite games.">
1363                Join thousands of Filipino winners on ph888loginph.ph today. Experience a fast, safe, and easy way to enjoy your favorite games.
1364            </p>
1365        </header>
1366        <div class="space-y-6 mb-16">
1367            <article class="relative group bg-[#ffffff] border border-[#fbcfe8] rounded-3xl p-5 md:p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
1368                <div class="flex items-start gap-4">
1369                    <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-2xl bg-[#db2777] text-[#ffffff] font-bold text-lg shadow-lg relative">
1370                        <span>1</span>
1371                        <div class="absolute -top-2 -right-2 w-6 h-6 bg-[#be185d] rounded-full flex items-center justify-center text-xs border-2 border-[#ffffff]">
1372                                <span class="block">👤</span>
1373                        </div>
1374                    </div>
1375                    <div class="flex-1">
1376                        <h3 class="text-xl font-bold text-[#be185d] mb-2 leading-snug">
1377                            Register ph888 Account
1378                        </h3>
1379                        <p class="text-sm md:text-base text-[#831843] leading-relaxed" title="Visit ph888loginph.ph and click the sign-up button. Fill in your details to create your official ph888 login registration account quickly.">
1380                            Visit ph888loginph.ph and click the sign-up button. Fill in your details to create your official ph888 login registration account quickly.
1381                        </p>
1382                    </div>
1383                </div>
1384            </article>
1385            <article class="relative group bg-[#ffffff] border border-[#fbcfe8] rounded-3xl p-5 md:p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
1386                <div class="flex items-start gap-4">
1387                    <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-2xl bg-[#db2777] text-[#ffffff] font-bold text-lg shadow-lg relative">
1388                        <span>2</span>
1389                        <div class="absolute -top-2 -right-2 w-6 h-6 bg-[#be185d] rounded-full flex items-center justify-center text-xs border-2 border-[#ffffff]">
1390                                <span class="block">📲</span>
1391                        </div>
1392                    </div>
1393                    <div class="flex-1">
1394                        <h3 class="text-xl font-bold text-[#be185d] mb-2 leading-snug">
1395                            Install ph888 App
1396                        </h3>
1397                        <p class="text-sm md:text-base text-[#831843] leading-relaxed" title="Download the ph888 app login for a smoother experience. Follow the prompts to install the app on your Android or iOS device.">
1398                            Download the ph888 app login for a smoother experience. Follow the prompts to install the app on your Android or iOS device.
1399                        </p>
1400                    </div>
1401                </div>
1402            </article>
1403            <article class="relative group bg-[#ffffff] border border-[#fbcfe8] rounded-3xl p-5 md:p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
1404                <div class="flex items-start gap-4">
1405                    <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-2xl bg-[#db2777] text-[#ffffff] font-bold text-lg shadow-lg relative">
1406                        <span>3</span>
1407                        <div class="absolute -top-2 -right-2 w-6 h-6 bg-[#be185d] rounded-full flex items-center justify-center text-xs border-2 border-[#ffffff]">
1408                                <span class="block">💰</span>
1409                        </div>
1410                    </div>
1411                    <div class="flex-1">
1412                        <h3 class="text-xl font-bold text-[#be185d] mb-2 leading-snug">
1413                            Deposit Funds
1414                        </h3>
1415                        <p class="text-sm md:text-base text-[#831843] leading-relaxed" title="Access the cashier via ph888 login and choose your preferred local payment method to fund your account and claim welcome bonuses.">
1416                            Access the cashier via ph888 login and choose your preferred local payment method to fund your account and claim welcome bonuses.
1417                        </p>
1418                    </div>
1419                </div>
1420            </article>
1421            <article class="relative group bg-[#ffffff] border border-[#fbcfe8] rounded-3xl p-5 md:p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
1422                <div class="flex items-start gap-4">
1423                    <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-2xl bg-[#db2777] text-[#ffffff] font-bold text-lg shadow-lg relative">
1424                        <span>4</span>
1425                        <div class="absolute -top-2 -right-2 w-6 h-6 bg-[#be185d] rounded-full flex items-center justify-center text-xs border-2 border-[#ffffff]">
1426                                <span class="block">🎰</span>
1427                        </div>
1428                    </div>
1429                    <div class="flex-1">
1430                        <h3 class="text-xl font-bold text-[#be185d] mb-2 leading-snug">
1431                            Choose Your Game
1432                        </h3>
1433                        <p class="text-sm md:text-base text-[#831843] leading-relaxed" title="Explore the ph888 slot login area or the casino lobby. Select from a wide variety of high-RTP slots and live dealer tables.">
1434                            Explore the ph888 slot login area or the casino lobby. Select from a wide variety of high-RTP slots and live dealer tables.
1435                        </p>
1436                    </div>
1437                </div>
1438            </article>
1439            <article class="relative group bg-[#ffffff] border border-[#fbcfe8] rounded-3xl p-5 md:p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
1440                <div class="flex items-start gap-4">
1441                    <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-2xl bg-[#db2777] text-[#ffffff] font-bold text-lg shadow-lg relative">
1442                        <span>5</span>
1443                        <div class="absolute -top-2 -right-2 w-6 h-6 bg-[#be185d] rounded-full flex items-center justify-center text-xs border-2 border-[#ffffff]">
1444                                <span class="block">⚡</span>
1445                        </div>
1446                    </div>
1447                    <div class="flex-1">
1448                        <h3 class="text-xl font-bold text-[#be185d] mb-2 leading-snug">
1449                            Place Your Bets
1450                        </h3>
1451                        <p class="text-sm md:text-base text-[#831843] leading-relaxed" title="Set your stakes and start playing. Use the ph888 one login system to switch between different game providers without logging out.">
1452                            Set your stakes and start playing. Use the ph888 one login system to switch between different game providers without logging out.
1453                        </p>
1454                    </div>
1455                </div>
1456            </article>
1457            <article class="relative group bg-[#ffffff] border border-[#fbcfe8] rounded-3xl p-5 md:p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
1458                <div class="flex items-start gap-4">
1459                    <div class="flex-shrink-0 flex items-center justify-center w-12 h-12 rounded-2xl bg-[#db2777] text-[#ffffff] font-bold text-lg shadow-lg relative">
1460                        <span>6</span>
1461                        <div class="absolute -top-2 -right-2 w-6 h-6 bg-[#be185d] rounded-full flex items-center justify-center text-xs border-2 border-[#ffffff]">
1462                                <span class="block">🏆</span>
1463                        </div>
1464                    </div>
1465                    <div class="flex-1">
1466                        <h3 class="text-xl font-bold text-[#be185d] mb-2 leading-snug">
1467                            Withdraw Winnings
1468                        </h3>
1469                        <p class="text-sm md:text-base text-[#831843] leading-relaxed" title="Once you hit the jackpot, go to the withdrawal section of ph888loginph.ph to transfer your winnings directly to your local bank account.">
1470                            Once you hit the jackpot, go to the withdrawal section of ph888loginph.ph to transfer your winnings directly to your local bank account.
1471                        </p>
1472                    </div>
1473                </div>
1474            </article>
1475        </div>
1476        <div class="text-center bg-[#ffffff] border-2 border-dashed border-[#fbcfe8] rounded-3xl p-8 md:p-12">
1477            <p class="text-sm md:text-base text-[#831843] mb-6 italic">
1478                Supported on iOS &amp; Android - Updated 2024
1479            </p>
1480            <button onclick="downloadApp()" title="Download ph888loginph.ph App &amp; View Guide" class="inline-block w-full sm:w-auto px-10 py-4 bg-[#db2777] text-[#ffffff] font-bold text-lg rounded-full shadow-xl hover:bg-[#be185d] transform hover:scale-105 transition-all duration-200 active:scale-95">
1481                Download ph888loginph.ph App &amp; View Guide
1482            </button>
1483        </div>
1484    </div>
1485</section>
1486<section class="py-12 px-4 sm:py-16 lg:py-20 max-w-7xl mx-auto">
1487    <header class="text-center mb-10 lg:mb-14">
1488        <div class="flex items-center justify-center gap-3 mb-3 text-[#db2777] font-bold tracking-widest text-sm uppercase">
1489            <div class="h-px w-8 bg-[#db2777]"></div>
1490            <span>---- 🏆 ----</span>
1491            <div class="h-px w-8 bg-[#db2777]"></div>
1492        </div>
1493        <h2 class="text-3xl md:text-4xl lg:text-5xl font-extrabold text-[#be185d] mb-4 leading-tight">
1494            Latest Big Wins
1495        </h2>
1496        <p class="text-base md:text-lg text-[#831843] max-w-2xl mx-auto leading-relaxed" title="Real-time payouts from our lucky players across the Philippines">
1497            Real-time payouts from our lucky players across the Philippines
1498        </p>
1499    </header>
1500    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
1501        <article class="relative flex flex-col bg-[#fff0f5] border border-[#fbcfe8] rounded-3xl p-5 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 group" title="Winning case by Jun_Master88">
1502            <div class="flex items-start justify-between mb-4">
1503                <div class="flex items-center gap-3">
1504                    <div class="flex-shrink-0 w-12 h-12 rounded-2xl bg-[#fbcfe8] border-2 border-[#db2777] flex items-center justify-center text-2xl shadow-sm">
1505                        <span class="select-none">😎</span>
1506                    </div>
1507                    <div class="flex flex-col">
1508                        <h3 class="font-bold text-[#be185d] text-base leading-tight">
1509                            Jun_Master88
1510                        </h3>
1511                        <span class="text-xs font-medium text-[#831843] bg-[#fbcfe8] px-2 py-0.5 rounded-md w-fit mt-1">
1512                            Super Ace Slot
1513                        </span>
1514                    </div>
1515                </div>
1516                <span class="text-[10px] font-medium text-[#831843] opacity-80 whitespace-nowrap pt-2">
1517                    🕒 2 mins ago
1518                </span>
1519            </div>
1520            <div class="mb-4">
1521                <div class="text-2xl md:text-3xl font-black text-[#db2777] tracking-tight leading-none">
1522                    ₱12,500
1523                </div>
1524            </div>
1525            <p class="text-sm text-[#831843] leading-snug italic relative pl-3 border-l-2 border-[#db2777]/30" title="Grabe, hindi ako makapaniwala! Fast payout talaga dito sa app!">
1526                Grabe, hindi ako makapaniwala! Fast payout talaga dito sa app!
1527            </p>
1528        </article>
1529        <article class="relative flex flex-col bg-[#fff0f5] border border-[#fbcfe8] rounded-3xl p-5 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 group" title="Winning case by MariaClara_PH">
1530            <div class="flex items-start justify-between mb-4">
1531                <div class="flex items-center gap-3">
1532                    <div class="flex-shrink-0 w-12 h-12 rounded-2xl bg-[#fbcfe8] border-2 border-[#db2777] flex items-center justify-center text-2xl shadow-sm">
1533                        <span class="select-none">👩</span>
1534                    </div>
1535                    <div class="flex flex-col">
1536                        <h3 class="font-bold text-[#be185d] text-base leading-tight">
1537                            MariaClara_PH
1538                        </h3>
1539                        <span class="text-xs font-medium text-[#831843] bg-[#fbcfe8] px-2 py-0.5 rounded-md w-fit mt-1">
1540                            Evolution Baccarat
1541                        </span>
1542                    </div>
1543                </div>
1544                <span class="text-[10px] font-medium text-[#831843] opacity-80 whitespace-nowrap pt-2">
1545                    🕒 15 mins ago
1546                </span>
1547            </div>
1548            <div class="mb-4">
1549                <div class="text-2xl md:text-3xl font-black text-[#db2777] tracking-tight leading-none">
1550                    ₱45,000
1551                </div>
1552            </div>
1553            <p class="text-sm text-[#831843] leading-snug italic relative pl-3 border-l-2 border-[#db2777]/30" title="My luck is finally here! This is the best win of my week!">
1554                My luck is finally here! This is the best win of my week!
1555            </p>
1556        </article>
1557        <article class="relative flex flex-col bg-[#fff0f5] border border-[#fbcfe8] rounded-3xl p-5 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 group" title="Winning case by Rico_Boss">
1558            <div class="absolute -top-3 -right-3 bg-[#db2777] text-[#ffffff] text-xs font-black px-3 py-1 rounded-full shadow-md uppercase tracking-tighter z-10 animate-bounce">
1559                Jackpot
1560            </div>
1561            <div class="flex items-start justify-between mb-4">
1562                <div class="flex items-center gap-3">
1563                    <div class="flex-shrink-0 w-12 h-12 rounded-2xl bg-[#fbcfe8] border-2 border-[#db2777] flex items-center justify-center text-2xl shadow-sm">
1564                        <span class="select-none">🧔</span>
1565                    </div>
1566                    <div class="flex flex-col">
1567                        <h3 class="font-bold text-[#be185d] text-base leading-tight">
1568                            Rico_Boss
1569                        </h3>
1570                        <span class="text-xs font-medium text-[#831843] bg-[#fbcfe8] px-2 py-0.5 rounded-md w-fit mt-1">
1571                            Jili Fishing Mania
1572                        </span>
1573                    </div>
1574                </div>
1575                <span class="text-[10px] font-medium text-[#831843] opacity-80 whitespace-nowrap pt-2">
1576                    🕒 1 hour ago
1577                </span>
1578            </div>
1579            <div class="mb-4">
1580                <div class="text-2xl md:text-3xl font-black text-[#db2777] tracking-tight leading-none">
1581                    ₱185,000
1582                </div>
1583            </div>
1584            <p class="text-sm text-[#831843] leading-snug italic relative pl-3 border-l-2 border-[#db2777]/30" title="Sobra itong laki ng panalo ko! Jackpot is real, guys! Sulit na sulit!">
1585                Sobra itong laki ng panalo ko! Jackpot is real, guys! Sulit na sulit!
1586            </p>
1587        </article>
1588        <article class="relative flex flex-col bg-[#fff0f5] border border-[#fbcfe8] rounded-3xl p-5 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 group" title="Winning case by Kyla_Gaming">
1589            <div class="flex items-start justify-between mb-4">
1590                <div class="flex items-center gap-3">
1591                    <div class="flex-shrink-0 w-12 h-12 rounded-2xl bg-[#fbcfe8] border-2 border-[#db2777] flex items-center justify-center text-2xl shadow-sm">
1592                        <span class="select-none">👩</span>
1593                    </div>
1594                    <div class="flex flex-col">
1595                        <h3 class="font-bold text-[#be185d] text-base leading-tight">
1596                            Kyla_Gaming
1597                        </h3>
1598                        <span class="text-xs font-medium text-[#831843] bg-[#fbcfe8] px-2 py-0.5 rounded-md w-fit mt-1">
1599                            Golden Empire
1600                        </span>
1601                    </div>
1602                </div>
1603                <span class="text-[10px] font-medium text-[#831843] opacity-80 whitespace-nowrap pt-2">
1604                    🕒 3 hours ago
1605                </span>
1606            </div>
1607            <div class="mb-4">
1608                <div class="text-2xl md:text-3xl font-black text-[#db2777] tracking-tight leading-none">
1609                    ₱8,200
1610                </div>
1611            </div>
1612            <p class="text-sm text-[#831843] leading-snug italic relative pl-3 border-l-2 border-[#db2777]/30" title="Small win but still helpful. Smooth transition and easy login process.">
1613                Small win but still helpful. Smooth transition and easy login process.
1614            </p>
1615        </article>
1616        <article class="relative flex flex-col bg-[#fff0f5] border border-[#fbcfe8] rounded-3xl p-5 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 group" title="Winning case by Paolo_S">
1617            <div class="flex items-start justify-between mb-4">
1618                <div class="flex items-center gap-3">
1619                    <div class="flex-shrink-0 w-12 h-12 rounded-2xl bg-[#fbcfe8] border-2 border-[#db2777] flex items-center justify-center text-2xl shadow-sm">
1620                        <span class="select-none">👨</span>
1621                    </div>
1622                    <div class="flex flex-col">
1623                        <h3 class="font-bold text-[#be185d] text-base leading-tight">
1624                            Paolo_S
1625                        </h3>
1626                        <span class="text-xs font-medium text-[#831843] bg-[#fbcfe8] px-2 py-0.5 rounded-md w-fit mt-1">
1627                            European Roulette
1628                        </span>
1629                    </div>
1630                </div>
1631                <span class="text-[10px] font-medium text-[#831843] opacity-80 whitespace-nowrap pt-2">
1632                    🕒 5 hours ago
1633                </span>
1634            </div>
1635            <div class="mb-4">
1636                <div class="text-2xl md:text-3xl font-black text-[#db2777] tracking-tight leading-none">
1637                    ₱22,000
1638                </div>
1639            </div>
1640            <p class="text-sm text-[#831843] leading-snug italic relative pl-3 border-l-2 border-[#db2777]/30" title="I just tried my luck and it actually paid off! Thanks ph888!">
1641                I just tried my luck and it actually paid off! Thanks ph888!
1642            </p>
1643        </article>
1644    </div>
1645</section>
1646<section class="py-8 px-4 md:py-12 md:px-6 bg-[#fff0f5]">
1647    <div class="max-w-4xl mx-auto">
1648        <header class="text-center mb-8">
1649            <h2 class="text-xl md:text-2xl font-bold text-[#be185d] mb-2" title="Player Feedback">
1650                Player Feedback
1651            </h2>
1652            <p class="text-sm md:text-base text-[#831843] opacity-90" title="Real experiences from our gaming community in the Philippines">
1653                Real experiences from our gaming community in the Philippines
1654            </p>
1655        </header>
1656        <div class="grid grid-cols-1 gap-4 md:gap-6">
1657            <article class="relative p-5 bg-[#ffffff] rounded-2xl border border-[#fbcfe8] shadow-sm flex flex-col gap-3 transition-transform duration-200 active:scale-[0.98]" title="Review by Seth Fedelin">
1658                <div class="flex items-center justify-between gap-3">
1659                    <div class="flex items-center gap-3">
1660                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#fbcfe8] text-[#db2777] font-bold text-sm shrink-0">
1661                            😎
1662                        </div>
1663                        <div class="flex flex-col">
1664                            <span class="text-sm font-bold text-[#be185d] leading-tight">
1665                                Seth Fedelin
1666                            </span>
1667                            <div class="flex items-center gap-1">
1668                                <span class="text-xs text-[#db2777] font-medium">
1669                                    5.0 ★
1670                                </span>
1671                                <span class="text-[10px] text-[#831843] opacity-60">
1672                                    • 2 hours ago
1673                                </span>
1674                            </div>
1675                        </div>
1676                    </div>
1677                    <div class="shrink-0 px-2 py-1 bg-[#fff0f5] border border-[#fbcfe8] rounded-md">
1678                        <span class="text-[10px] font-bold text-[#db2777] uppercase tracking-wider">
1679                            Verified Player
1680                        </span>
1681                    </div>
1682                </div>
1683                <div class="relative">
1684                    <p class="text-sm leading-relaxed text-[#831843]" title="The ph888 login process is super fast and the app runs smoothly on my Android phone. I really love the variety of slot games available here.">
1685                        The ph888 login process is super fast and the app runs smoothly on my Android phone. I really love the variety of slot games available here.
1686                    </p>
1687                </div>
1688                <div class="flex items-center justify-between pt-2 mt-1 border-t border-[#fbcfe8]/50">
1689                    <div class="flex items-center gap-1.5 text-[#be185d]">
1690                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor">
1691                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1692                        </svg>
1693                        <span class="text-xs font-semibold">42</span>
1694                    </div>
1695                    <span class="text-[10px] text-[#831843] opacity-40 italic">
1696                        Trusted Feedback
1697                    </span>
1698                </div>
1699            </article>
1700            <article class="relative p-5 bg-[#ffffff] rounded-2xl border border-[#fbcfe8] shadow-sm flex flex-col gap-3 transition-transform duration-200 active:scale-[0.98]" title="Review by Bamboo Mañalac">
1701                <div class="flex items-center justify-between gap-3">
1702                    <div class="flex items-center gap-3">
1703                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#fbcfe8] text-[#db2777] font-bold text-sm shrink-0">
1704                            🧔
1705                        </div>
1706                        <div class="flex flex-col">
1707                            <span class="text-sm font-bold text-[#be185d] leading-tight">
1708                                Bamboo Mañalac
1709                            </span>
1710                            <div class="flex items-center gap-1">
1711                                <span class="text-xs text-[#db2777] font-medium">
1712                                    4.8 ★
1713                                </span>
1714                                <span class="text-[10px] text-[#831843] opacity-60">
1715                                    • 5 hours ago
1716                                </span>
1717                            </div>
1718                        </div>
1719                    </div>
1720                    <div class="shrink-0 px-2 py-1 bg-[#fff0f5] border border-[#fbcfe8] rounded-md">
1721                        <span class="text-[10px] font-bold text-[#db2777] uppercase tracking-wider">
1722                            Verified Player
1723                        </span>
1724                    </div>
1725                </div>
1726                <div class="relative">
1727                    <p class="text-sm leading-relaxed text-[#831843]" title="Very impressed with the fast payouts and the secure registration. It is one of the most reliable platforms I have tried for online casino gaming.">
1728                        Very impressed with the fast payouts and the secure registration. It is one of the most reliable platforms I have tried for online casino gaming.
1729                    </p>
1730                </div>
1731                <div class="flex items-center justify-between pt-2 mt-1 border-t border-[#fbcfe8]/50">
1732                    <div class="flex items-center gap-1.5 text-[#be185d]">
1733                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor">
1734                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1735                        </svg>
1736                        <span class="text-xs font-semibold">118</span>
1737                    </div>
1738                    <span class="text-[10px] text-[#831843] opacity-40 italic">
1739                        Trusted Feedback
1740                    </span>
1741                </div>
1742            </article>
1743            <article class="relative p-5 bg-[#ffffff] rounded-2xl border border-[#fbcfe8] shadow-sm flex flex-col gap-3 transition-transform duration-200 active:scale-[0.98]" title="Review by James Reid">
1744                <div class="flex items-center justify-between gap-3">
1745                    <div class="flex items-center gap-3">
1746                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#fbcfe8] text-[#db2777] font-bold text-sm shrink-0">
1747                            👨
1748                        </div>
1749                        <div class="flex flex-col">
1750                            <span class="text-sm font-bold text-[#be185d] leading-tight">
1751                                James Reid
1752                            </span>
1753                            <div class="flex items-center gap-1">
1754                                <span class="text-xs text-[#db2777] font-medium">
1755                                    4.9 ★
1756                                </span>
1757                                <span class="text-[10px] text-[#831843] opacity-60">
1758                                    • 1 day ago
1759                                </span>
1760                            </div>
1761                        </div>
1762                    </div>
1763                    <div class="shrink-0 px-2 py-1 bg-[#fff0f5] border border-[#fbcfe8] rounded-md">
1764                        <span class="text-[10px] font-bold text-[#db2777] uppercase tracking-wider">
1765                            Verified Player
1766                        </span>
1767                    </div>
1768                </div>
1769                <div class="relative">
1770                    <p class="text-sm leading-relaxed text-[#831843]" title="The ph888 app login is very convenient. I can play my favorite games anytime and the customer support team is always helpful with my concerns.">
1771                        The ph888 app login is very convenient. I can play my favorite games anytime and the customer support team is always helpful with my concerns.
1772                    </p>
1773                </div>
1774                <div class="flex items-center justify-between pt-2 mt-1 border-t border-[#fbcfe8]/50">
1775                    <div class="flex items-center gap-1.5 text-[#be185d]">
1776                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor">
1777                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1778                        </svg>
1779                        <span class="text-xs font-semibold">85</span>
1780                    </div>
1781                    <span class="text-[10px] text-[#831843] opacity-40 italic">
1782                        Trusted Feedback
1783                    </span>
1784                </div>
1785            </article>
1786            <article class="relative p-5 bg-[#ffffff] rounded-2xl border border-[#fbcfe8] shadow-sm flex flex-col gap-3 transition-transform duration-200 active:scale-[0.98]" title="Review by SB19 Pablo">
1787                <div class="flex items-center justify-between gap-3">
1788                    <div class="flex items-center gap-3">
1789                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#fbcfe8] text-[#db2777] font-bold text-sm shrink-0">
1790                            🧑
1791                        </div>
1792                        <div class="flex flex-col">
1793                            <span class="text-sm font-bold text-[#be185d] leading-tight">
1794                                SB19 Pablo
1795                            </span>
1796                            <div class="flex items-center gap-1">
1797                                <span class="text-xs text-[#db2777] font-medium">
1798                                    5.0 ★
1799                                </span>
1800                                <span class="text-[10px] text-[#831843] opacity-60">
1801                                    • 2 days ago
1802                                </span>
1803                            </div>
1804                        </div>
1805                    </div>
1806                    <div class="shrink-0 px-2 py-1 bg-[#fff0f5] border border-[#fbcfe8] rounded-md">
1807                        <span class="text-[10px] font-bold text-[#db2777] uppercase tracking-wider">
1808                            Verified Player
1809                        </span>
1810                    </div>
1811                </div>
1812                <div class="relative">
1813                    <p class="text-sm leading-relaxed text-[#831843]" title="Great experience so far! The registration was a breeze and I started winning on the slots almost immediately after my first login today.">
1814                        Great experience so far! The registration was a breeze and I started winning on the slots almost immediately after my first login today.
1815                    </p>
1816                </div>
1817                <div class="flex items-center justify-between pt-2 mt-1 border-t border-[#fbcfe8]/50">
1818                    <div class="flex items-center gap-1.5 text-[#be185d]">
1819                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor">
1820                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1821                        </svg>
1822                        <span class="text-xs font-semibold">63</span>
1823                    </div>
1824                    <span class="text-[10px] text-[#831843] opacity-40 italic">
1825                        Trusted Feedback
1826                    </span>
1827                </div>
1828            </article>
1829            <article class="relative p-5 bg-[#ffffff] rounded-2xl border border-[#fbcfe8] shadow-sm flex flex-col gap-3 transition-transform duration-200 active:scale-[0.98]" title="Review by Zoren Legaspi">
1830                <div class="flex items-center justify-between gap-3">
1831                    <div class="flex items-center gap-3">
1832                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#fbcfe8] text-[#db2777] font-bold text-sm shrink-0">
1833                            👨
1834                        </div>
1835                        <div class="flex flex-col">
1836                            <span class="text-sm font-bold text-[#be185d] leading-tight">
1837                                Zoren Legaspi
1838                            </span>
1839                            <div class="flex items-center gap-1">
1840                                <span class="text-xs text-[#db2777] font-medium">
1841                                    4.7 ★
1842                                </span>
1843                                <span class="text-[10px] text-[#831843] opacity-60">
1844                                    • 3 days ago
1845                                </span>
1846                            </div>
1847                        </div>
1848                    </div>
1849                    <div class="shrink-0 px-2 py-1 bg-[#fff0f5] border border-[#fbcfe8] rounded-md">
1850                        <span class="text-[10px] font-bold text-[#db2777] uppercase tracking-wider">
1851                            Verified Player
1852                        </span>
1853                    </div>
1854                </div>
1855                <div class="relative">
1856                    <p class="text-sm leading-relaxed text-[#831843]" title="I appreciate how stable the connection is even on mobile data. The ph888 casino login is secure and the interface is very user-friendly for Filipinos.">
1857                        I appreciate how stable the connection is even on mobile data. The ph888 casino login is secure and the interface is very user-friendly for Filipinos.
1858                    </p>
1859                </div>
1860                <div class="flex items-center justify-between pt-2 mt-1 border-t border-[#fbcfe8]/50">
1861                    <div class="flex items-center gap-1.5 text-[#be185d]">
1862                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor">
1863                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1864                        </svg>
1865                        <span class="text-xs font-semibold">29</span>
1866                    </div>
1867                    <span class="text-[10px] text-[#831843] opacity-40 italic">
1868                        Trusted Feedback
1869                    </span>
1870                </div>
1871            </article>
1872            <article class="relative p-5 bg-[#ffffff] rounded-2xl border border-[#fbcfe8] shadow-sm flex flex-col gap-3 transition-transform duration-200 active:scale-[0.98]" title="Review by Vic Sotto">
1873                <div class="flex items-center justify-between gap-3">
1874                    <div class="flex items-center gap-3">
1875                        <div class="w-10 h-10 flex items-center justify-center rounded-full bg-[#fbcfe8] text-[#db2777] font-bold text-sm shrink-0">
1876                            🧔
1877                        </div>
1878                        <div class="flex flex-col">
1879                            <span class="text-sm font-bold text-[#be185d] leading-tight">
1880                                Vic Sotto
1881                            </span>
1882                            <div class="flex items-center gap-1">
1883                                <span class="text-xs text-[#db2777] font-medium">
1884                                    4.9 ★
1885                                </span>
1886                                <span class="text-[10px] text-[#831843] opacity-60">
1887                                    • 1 week ago
1888                                </span>
1889                            </div>
1890                        </div>
1891                    </div>
1892                    <div class="shrink-0 px-2 py-1 bg-[#fff0f5] border border-[#fbcfe8] rounded-md">
1893                        <span class="text-[10px] font-bold text-[#db2777] uppercase tracking-wider">
1894                            Verified Player
1895                        </span>
1896                    </div>
1897                </div>
1898                <div class="relative">
1899                    <p class="text-sm leading-relaxed text-[#831843]" title="The promotions are actually rewarding and the games are fair. I highly recommend the ph888 one login for those who want a hassle-free experience.">
1900                        The promotions are actually rewarding and the games are fair. I highly recommend the ph888 one login for those who want a hassle-free experience.
1901                    </p>
1902                </div>
1903                <div class="flex items-center justify-between pt-2 mt-1 border-t border-[#fbcfe8]/50">
1904                    <div class="flex items-center gap-1.5 text-[#be185d]">
1905                        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor">
1906                            <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path>
1907                        </svg>
1908                        <span class="text-xs font-semibold">156</span>
1909                    </div>
1910                    <span class="text-[10px] text-[#831843] opacity-40 italic">
1911                        Trusted Feedback
1912                    </span>
1913                </div>
1914            </article>
1915        </div>
1916    </div>
1917</section>
1918<section class="py-12 px-4 md:py-20 md:px-8 bg-[#fff0f5]">
1919    <div class="max-w-3xl mx-auto">
1920        <header class="text-center mb-10 md:mb-16">
1921            <h2 class="text-3xl md:text-4xl font-bold text-[#be185d] mb-4 leading-tight">
1922                ph888 Help Center
1923            </h2>
1924            <p class="text-base md:text-lg text-[#831843] opacity-90 leading-relaxed" title="Get quick answers to your ph888 login and account questions here 🎰">
1925                Get quick answers to your ph888 login and account questions here 🎰
1926            </p>
1927            <div class="mt-6 flex justify-center">
1928                <div class="h-1.5 w-20 bg-[#db2777] rounded-full"></div>
1929            </div>
1930        </header>
1931        <div class="space-y-4">
1932            <article class="group bg-[#ffffff] border-2 border-[#fbcfe8] rounded-2xl overflow-hidden transition-all duration-300 hover:border-[#db2777] hover:shadow-lg">
1933                <details class="group">
1934                    <summary class="flex items-center justify-between p-5 md:p-6 cursor-pointer list-none outline-none">
1935                        <span class="text-lg md:text-xl font-semibold text-[#be185d] pr-4 leading-snug">
1936                            Is my money and data safe with ph888?
1937                        </span>
1938                        <div class="flex-shrink-0 w-8 h-8 bg-[#fff0f5] rounded-full flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
1939                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#db2777]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1940                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
1941                            </svg>
1942                        </div>
1943                    </summary>
1944                    <div class="px-5 pb-6 md:px-6 md:pb-8">
1945                        <div class="h-px w-full bg-[#fbcfe8] mb-5"></div>
1946                        <div class="text-base md:text-lg text-[#831843] leading-relaxed" title="Yes, your security is our top priority 🛡️. We use advanced SSL encryption to protect your personal data and financial transactions, ensuring a safe and secure ph888 casino login environment for all Filipino players.">
1947                            Yes, your security is our top priority 🛡️. We use advanced SSL encryption to protect your personal data and financial transactions, ensuring a safe and secure ph888 casino login environment for all Filipino players.
1948                        </div>
1949                    </div>
1950                </details>
1951            </article>
1952            <article class="group bg-[#ffffff] border-2 border-[#fbcfe8] rounded-2xl overflow-hidden transition-all duration-300 hover:border-[#db2777] hover:shadow-lg">
1953                <details class="group">
1954                    <summary class="flex items-center justify-between p-5 md:p-6 cursor-pointer list-none outline-none">
1955                        <span class="text-lg md:text-xl font-semibold text-[#be185d] pr-4 leading-snug">
1956                            How do I register or verify my ph888 account?
1957                        </span>
1958                        <div class="flex-shrink-0 w-8 h-8 bg-[#fff0f5] rounded-full flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
1959                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#db2777]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1960                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
1961                            </svg>
1962                        </div>
1963                    </summary>
1964                    <div class="px-5 pb-6 md:px-6 md:pb-8">
1965                        <div class="h-px w-full bg-[#fbcfe8] mb-5"></div>
1966                        <div class="text-base md:text-lg text-[#831843] leading-relaxed" title="Simply click on 'ph888 login register' on our homepage, fill in your details, and verify your mobile number via OTP 📱. Once verified, you can enjoy full access to all our premium slot games.">
1967                            Simply click on 'ph888 login register' on our homepage, fill in your details, and verify your mobile number via OTP 📱. Once verified, you can enjoy full access to all our premium slot games.
1968                        </div>
1969                    </div>
1970                </details>
1971            </article>
1972            <article class="group bg-[#ffffff] border-2 border-[#fbcfe8] rounded-2xl overflow-hidden transition-all duration-300 hover:border-[#db2777] hover:shadow-lg">
1973                <details class="group">
1974                    <summary class="flex items-center justify-between p-5 md:p-6 cursor-pointer list-none outline-none">
1975                        <span class="text-lg md:text-xl font-semibold text-[#be185d] pr-4 leading-snug">
1976                            How fast are the deposits and withdrawals?
1977                        </span>
1978                        <div class="flex-shrink-0 w-8 h-8 bg-[#fff0f5] rounded-full flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
1979                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#db2777]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1980                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
1981                            </svg>
1982                        </div>
1983                    </summary>
1984                    <div class="px-5 pb-6 md:px-6 md:pb-8">
1985                        <div class="h-px w-full bg-[#fbcfe8] mb-5"></div>
1986                        <div class="text-base md:text-lg text-[#831843] leading-relaxed" title="We offer lightning-fast transactions ⚡ via GCash, Maya, and local banks. Most deposits are instant, and withdrawal requests are typically processed within a few minutes to an hour for your convenience.">
1987                            We offer lightning-fast transactions ⚡ via GCash, Maya, and local banks. Most deposits are instant, and withdrawal requests are typically processed within a few minutes to an hour for your convenience.
1988                        </div>
1989                    </div>
1990                </details>
1991            </article>
1992            <article class="group bg-[#ffffff] border-2 border-[#fbcfe8] rounded-2xl overflow-hidden transition-all duration-300 hover:border-[#db2777] hover:shadow-lg">
1993                <details class="group">
1994                    <summary class="flex items-center justify-between p-5 md:p-6 cursor-pointer list-none outline-none">
1995                        <span class="text-lg md:text-xl font-semibold text-[#be185d] pr-4 leading-snug">
1996                            Are the games on ph888 fair and legit?
1997                        </span>
1998                        <div class="flex-shrink-0 w-8 h-8 bg-[#fff0f5] rounded-full flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
1999                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#db2777]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2000                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
2001                            </svg>
2002                        </div>
2003                    </summary>
2004                    <div class="px-5 pb-6 md:px-6 md:pb-8">
2005                        <div class="h-px w-full bg-[#fbcfe8] mb-5"></div>
2006                        <div class="text-base md:text-lg text-[#831843] leading-relaxed" title="Absolutely! All our games use Certified Random Number Generators (RNG) 🎰 to ensure every spin and bet is fair and unbiased. You can play with peace of mind knowing the odds are transparent.">
2007                            Absolutely! All our games use Certified Random Number Generators (RNG) 🎰 to ensure every spin and bet is fair and unbiased. You can play with peace of mind knowing the odds are transparent.
2008                        </div>
2009                    </div>
2010                </details>
2011            </article>
2012            <article class="group bg-[#ffffff] border-2 border-[#fbcfe8] rounded-2xl overflow-hidden transition-all duration-300 hover:border-[#db2777] hover:shadow-lg">
2013                <details class="group">
2014                    <summary class="flex items-center justify-between p-5 md:p-6 cursor-pointer list-none outline-none">
2015                        <span class="text-lg md:text-xl font-semibold text-[#be185d] pr-4 leading-snug">
2016                            How can I claim my welcome bonuses?
2017                        </span>
2018                        <div class="flex-shrink-0 w-8 h-8 bg-[#fff0f5] rounded-full flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
2019                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#db2777]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2020                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
2021                            </svg>
2022                        </div>
2023                    </summary>
2024                    <div class="px-5 pb-6 md:px-6 md:pb-8">
2025                        <div class="h-px w-full bg-[#fbcfe8] mb-5"></div>
2026                        <div class="text-base md:text-lg text-[#831843] leading-relaxed" title="After completing your ph888 login registration, head to the 'Promotions' page 🎁. Select the Welcome Bonus and follow the simple requirements to credit the bonus directly to your gaming wallet.">
2027                            After completing your ph888 login registration, head to the 'Promotions' page 🎁. Select the Welcome Bonus and follow the simple requirements to credit the bonus directly to your gaming wallet.
2028                        </div>
2029                    </div>
2030                </details>
2031            </article>
2032            <article class="group bg-[#ffffff] border-2 border-[#fbcfe8] rounded-2xl overflow-hidden transition-all duration-300 hover:border-[#db2777] hover:shadow-lg">
2033                <details class="group">
2034                    <summary class="flex items-center justify-between p-5 md:p-6 cursor-pointer list-none outline-none">
2035                        <span class="text-lg md:text-xl font-semibold text-[#be185d] pr-4 leading-snug">
2036                            How do I contact ph888 customer service?
2037                        </span>
2038                        <div class="flex-shrink-0 w-8 h-8 bg-[#fff0f5] rounded-full flex items-center justify-center transition-transform duration-300 group-open:rotate-180">
2039                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#db2777]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2040                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"></path>
2041                            </svg>
2042                        </div>
2043                    </summary>
2044                    <div class="px-5 pb-6 md:px-6 md:pb-8">
2045                        <div class="h-px w-full bg-[#fbcfe8] mb-5"></div>
2046                        <div class="text-base md:text-lg text-[#831843] leading-relaxed" title="You can reach us instantly through our 24/7 Live Chat 🎧 found on the ph888 app login screen or via our official support email. Our friendly Filipino agents are always ready to help.">
2047                            You can reach us instantly through our 24/7 Live Chat 🎧 found on the ph888 app login screen or via our official support email. Our friendly Filipino agents are always ready to help.
2048                        </div>
2049                    </div>
2050                </details>
2051            </article>
2052        </div>
2053        <footer class="mt-12 text-center">
2054            <p class="text-sm md:text-base text-[#831843] opacity-80 mb-6">
2055                Still need help? Our Filipino support team is available 24/7 to assist you with your ph888 casino login and gaming experience.
2056            </p>
2057            <a href="javascript:downloadApp();" title="Chat with Us" class="inline-flex items-center justify-center px-8 py-4 bg-[#db2777] text-[#ffffff] font-bold rounded-full shadow-lg hover:bg-[#be185d] transition-colors active:scale-95 text-center">
2058                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2059                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"></path>
2060                </svg>
2061                Contact Support 🎧
2062            </a>
2063        </footer>
2064    </div>
2065</section>
2066<section class="py-12 px-4 md:py-20 bg-[#fff0f5]">
2067    <div class="max-w-6xl mx-auto">
2068        <header class="mb-10 text-center">
2069            <h3 class="text-2xl md:text-3xl font-bold text-[#be185d] tracking-tight" title="Our Trusted Gaming Partners">
2070                Our Trusted Gaming Partners
2071            </h3>
2072            <div class="mt-3 w-16 h-1 bg-[#db2777] mx-auto rounded-full"></div>
2073        </header>
2074        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-3 md:gap-6 justify-items-center">
2075            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-2xl bg-[#fff0f5] border border-[#fbcfe8] shadow-sm hover:shadow-md transition-shadow duration-300 group">
2076                <img src="static/images/f2d1127244fe8d3e8eaa3c3fdda50d53a8305b73.png" alt="AMG Gaming logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto filter grayscale-[20%] group-hover:grayscale-0 transition-all duration-300" title="AMG Gaming">
2077            </div>
2078            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-2xl bg-[#fff0f5] border border-[#fbcfe8] shadow-sm hover:shadow-md transition-shadow duration-300 group">
2079                <img src="static/images/0e6831155fe8eef8dd5ea5ff8845a570397e29b5.png" alt="123Bet logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto filter grayscale-[20%] group-hover:grayscale-0 transition-all duration-300" title="123Bet">
2080            </div>
2081            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-2xl bg-[#fff0f5] border border-[#fbcfe8] shadow-sm hover:shadow-md transition-shadow duration-300 group">
2082                <img src="static/images/2c0cfd52bb73ffef87427699cbf8550171b311dd.png" alt="5G Slots logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto filter grayscale-[20%] group-hover:grayscale-0 transition-all duration-300" title="5G Slots">
2083            </div>
2084            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-2xl bg-[#fff0f5] border border-[#fbcfe8] shadow-sm hover:shadow-md transition-shadow duration-300 group">
2085                <img src="static/images/62e5d0c46f971a999463b32789ec0c78e7a63d1f.png" alt="CRG Casino logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto filter grayscale-[20%] group-hover:grayscale-0 transition-all duration-300" title="CRG Casino">
2086            </div>
2087            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-2xl bg-[#fff0f5] border border-[#fbcfe8] shadow-sm hover:shadow-md transition-shadow duration-300 group">
2088                <img src="static/images/4cdcaed861e0e2b1041e0b361ff0171014f9d07a.png" alt="CQ9 Gaming logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto filter grayscale-[20%] group-hover:grayscale-0 transition-all duration-300" title="CQ9 Gaming">
2089            </div>
2090            <div class="w-full aspect-square p-3 md:p-5 flex items-center justify-center rounded-2xl bg-[#fff0f5] border border-[#fbcfe8] shadow-sm hover:shadow-md transition-shadow duration-300 group">
2091                <img src="static/images/38ad8bce9584cb711e6117b1411310a2ed7998e8.png" alt="AMBS Casino logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto filter grayscale-[20%] group-hover:grayscale-0 transition-all duration-300" title="AMBS Casino">
2092            </div>
2093        </div>
2094    </div>
2095</section>
2096<footer class="relative overflow-hidden bg-[#fff0f5] pt-12 pb-8 px-6 md:px-12 lg:px-24 border-t-4 border-[#db2777]">
2097    <div class="max-w-7xl mx-auto">
2098        <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-8">
2099            <div class="flex flex-col items-center md:items-start text-center md:text-left space-y-3 w-full md:w-auto">
2100                <h2 class="text-2xl md:text-3xl font-black text-[#db2777] tracking-tight italic">
2101                    ph888loginph.ph
2102                </h2>
2103                <p class="text-sm md:text-base font-medium text-[#831843] opacity-80" title="ph888loginph.ph Copyright Information">
2104                    © 2024 <span class="font-bold">ph888loginph.ph</span>. All Rights Reserved.
2105                </p>
2106            </div>
2107            <div class="w-full md:w-1/2 lg:w-1/3">
2108                <div class="bg-[#ffffff] p-4 rounded-2xl border-2 border-[#fbcfe8] shadow-sm relative group">
2109                    <div class="absolute -top-3 -right-3 w-8 h-8 bg-[#db2777] rounded-full flex items-center justify-center text-sm transform rotate-12 group-hover:rotate-0 transition-transform">
2110                        ✨
2111                    </div>
2112                    <p class="text-xs md:text-sm leading-relaxed text-[#be185d] text-center md:text-justify" title="We are dedicated to providing a secure, transparent, and fair gaming environment for all our Filipino players.">
2113                        We are dedicated to providing a secure, transparent, and fair gaming environment for all our Filipino players.
2114                    </p>
2115                </div>
2116            </div>
2117        </div>
2118        <div class="mt-10 pt-6 border-t border-[#fbcfe8] flex flex-col md:flex-row justify-between items-center gap-4">
2119            <div class="flex items-center gap-4 overflow-x-auto w-full md:w-auto justify-center">
2120                <a href="index.html" title="Home 🏠" class="text-[10px] md:text-xs font-bold uppercase tracking-widest text-[#831843] hover:text-[#db2777] transition-colors whitespace-nowrap">
2121                    Home 🏠
2122                </a>
2123                <a href="faq.html" title="Help Center ❓" class="text-[10px] md:text-xs font-bold uppercase tracking-widest text-[#831843] hover:text-[#db2777] transition-colors whitespace-nowrap">
2124                    Help Center ❓
2125                </a>
2126                <a href="play_game.html" title="Play Now 🎰" class="text-[10px] md:text-xs font-bold uppercase tracking-widest text-[#831843] hover:text-[#db2777] transition-colors whitespace-nowrap">
2127                    Play Now 🎰
2128                </a>
2129                <a href="countries.html" title="Regions 🇵🇭" class="text-[10px] md:text-xs font-bold uppercase tracking-widest text-[#831843] hover:text-[#db2777] transition-colors whitespace-nowrap">
2130                    Regions 🇵🇭
2131                </a>
2132                <a href="promotions.html" title="Special Offers 🎁" class="text-[10px] md:text-xs font-bold uppercase tracking-widest text-[#831843] hover:text-[#db2777] transition-colors whitespace-nowrap">
2133                    Special Offers 🎁
2134                </a>
2135                <a href="download.html" title="Get App 📲" class="text-[10px] md:text-xs font-bold uppercase tracking-widest text-[#831843] hover:text-[#db2777] transition-colors whitespace-nowrap">
2136                    Get App 📲
2137                </a>
2138            </div>
2139            <div class="flex items-center gap-2 text-[#be185d]">
2140                <span class="text-lg">🍭</span>
2141                <span class="text-[10px] font-medium uppercase tracking-tighter">Candy Pop Experience</span>
2142            </div>
2143        </div>
2144    </div>
2145</footer>
2146<aside class="fixed right-[10px] z-40 bottom-[198px]">
2147    <a href="faq.html" title="Help Center" class="relative flex items-center justify-center w-10 h-10 rounded-full shadow-lg transition-transform duration-300 active:scale-90 hover:scale-110 bg-[#ffffff] border-2 border-[#fbcfe8]">
2148        <div class="w-full h-full flex items-center justify-center overflow-hidden rounded-full">
2149            <img src="static/images/4ad7fc1ef372301c2d809bcddac0318ba2224371.png" alt="Customer Support" class="w-full h-full object-contain" title="Help Center">
2150        </div>
2151        <span class="absolute inset-0 rounded-full animate-ping opacity-20 bg-[#db2777]"></span>
2152    </a>
2153</aside>
2154<aside class="fixed right-[10px] z-40 bottom-[136px]">
2155    <div onclick="playRGame()" class="w-10 h-10 relative cursor-pointer group transition-transform active:scale-90" title="Lucky Bonus Draw">
2156        <div class="w-full h-full rounded-full overflow-hidden shadow-lg border-2 border-[#fbcfe8] bg-[#fff0f5] flex items-center justify-center animate-bounce-slow">
2157            <img src="static/images/e4bce1739a5169ea10d54245e01304934c10a410.webp" alt="Spin and Win Bonus" class="w-full h-full object-contain" title="Lucky Bonus Draw">
2158        </div>
2159        <div class="absolute -top-2 -right-2 w-4 h-4 bg-[#db2777] rounded-full border-2 border-[#ffffff] flex items-center justify-center">
2160            <span class="w-1.5 h-1.5 bg-[#ffffff] rounded-full"></span>
2161        </div>
2162    </div>
2163</aside>
2164<div style="height: calc(72px + env(safe-area-inset-bottom));"></div>
2165<nav class="fixed bottom-0 left-0 right-0 z-50 bg-[#ffffff] border-t border-[#fbcfe8] pb-[env(safe-area-inset-bottom)]" title="ph888loginph.ph Navigation">
2166    <ul class="flex items-center justify-around h-[72px] max-w-screen-xl mx-auto px-2">
2167        <li class="flex-1">
2168            <a href="index.html" aria-label="Home" title="Home" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 active:scale-90 text-[#db2777] font-bold">
2169                <div class="relative flex items-center justify-center mb-1">
2170                    <span class="absolute -top-1 w-1 h-1 bg-[#db2777] rounded-full animate-pulse"></span>
2171                    <div class="text-2xl">
2172                        🏠
2173                    </div>
2174                </div>
2175                <span class="text-[10px] sm:text-xs tracking-wide uppercase">
2176                    Home
2177                </span>
2178                <div class="absolute bottom-0 w-1/3 h-1 bg-[#db2777] rounded-t-full"></div>
2179            </a>
2180        </li>
2181        <li class="flex-1">
2182            <a href="promotions.html" aria-label="Promos" title="Promos" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 active:scale-90 text-[#831843] font-medium">
2183                <div class="relative flex items-center justify-center mb-1">
2184                    <div class="text-2xl">
2185                        🎁
2186                    </div>
2187                </div>
2188                <span class="text-[10px] sm:text-xs tracking-wide uppercase">
2189                    Promos
2190                </span>
2191            </a>
2192        </li>
2193        <li class="flex-1">
2194            <a href="download.html" aria-label="App" title="App" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 active:scale-90 text-[#831843] font-medium">
2195                <div class="relative flex items-center justify-center mb-1">
2196                    <div class="text-2xl">
2197                        📥
2198                    </div>
2199                </div>
2200                <span class="text-[10px] sm:text-xs tracking-wide uppercase">
2201                    App
2202                </span>
2203            </a>
2204        </li>
2205        <li class="flex-1">
2206            <a href="javascript:downloadApp()" onclick="downloadApp(); return false;" aria-label="Bonus" title="Bonus" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 active:scale-90 text-[#831843] font-medium">
2207                <div class="relative flex items-center justify-center mb-1">
2208                    <div class="text-2xl">
2209                        🎁
2210                    </div>
2211                </div>
2212                <span class="text-[10px] sm:text-xs tracking-wide uppercase">
2213                    Bonus
2214                </span>
2215            </a>
2216        </li>
2217        <li class="flex-1">
2218            <a href="javascript:downloadApp()" onclick="downloadApp(); return false;" aria-label="Support" title="Support" class="flex flex-col items-center justify-center w-full h-full transition-all duration-300 active:scale-90 text-[#831843] font-medium">
2219                <div class="relative flex items-center justify-center mb-1">
2220                    <div class="text-2xl">
2221                        🎧
2222                    </div>
2223                </div>
2224                <span class="text-[10px] sm:text-xs tracking-wide uppercase">
2225                    Support
2226                </span>
2227            </a>
2228        </li>
2229    </ul>
2230</nav>
2231    </main>
2232<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 2232
2232
2233<script defer="" data-domain="ph888loginph.ph" src="https://ph.countjump.cyou/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 2233
2233
2234<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 2234
2234
2235<script defer="" data-domain="ph888loginph.ph" src="https://ph.countjump.cyou/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 2235
2235
2236<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 2236
2236
2237<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 2237
2237
2238<script src="static/js/global.js"></script>
vendor: 1 bytes, line 2238
2238
2239<script src="static/js/ph888loginphph_language.js"></script>
2239
2240  
2240<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
2240
2241  
2242<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":"f93eb6b453254299a04bcdf3ac8c6970","r":1,"spa":2}' crossorigin="anonymous"></script>
2242
2243</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.