PageSourceSearch

https://phokplayapp.com/index.html

html phokplayapp.com collected 2026-10-08 03:25:35 UTC 180,348 bytes, 2,439 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>PHOKPLAYAPP - PLATAFORMA OFICIAL - 💎 - PHOKPLAYAPP.COM</title>
6    <meta name="description" content="Download the OKPlay app today! Experience the best online slots, fast GCash login, and huge jackpots. Join PHOKPLAYAPP for a premium gaming experience now.">
7    <meta name="keywords" content="okplay app, okplay app download apk, okplay slot app, okplay login gcash app, online casino Philippines, best slot games app, GCash casino, real money gambling, online casino bonus, download gambling app">
8    <meta name="author" content="PHOKPLAYAPP">
9    <meta http-equiv="content-language" content="en-PH">
10    <meta name="geo.region" content="en-PH">
11    <meta name="geo.country" content="en-PH">
12    <meta name="geo.placename" content="Quezon City">
13    <meta property="og:title" content="PHOKPLAYAPP - PLATAFORMA OFICIAL - 💎 - PHOKPLAYAPP.COM">
14    <meta property="og:description" content="Download the OKPlay app today! Experience the best online slots, fast GCash login, and huge jackpots. Join PHOKPLAYAPP for a premium gaming experience now.">
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://phokplayapp.com/">
17    <meta property="og:locale" content="en_PH">
18    <link rel="alternate" hreflang="en-PH" href="https://phokplayapp.com/">
19    <link rel="alternate" hreflang="x-default" href="https://phokplayapp.com/">
20    <link rel="canonical" href="https://phokplayapp.com/">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="PHOKPLAYAPP - PLATAFORMA OFICIAL - 💎 - PHOKPLAYAPP.COM">
23    <meta name="twitter:description" content="Download the OKPlay app today! Experience the best online slots, fast GCash login, and huge jackpots. Join PHOKPLAYAPP for a premium gaming experience now.">
24    <link rel="icon" href="static/images/ico.png" type="image/x-icon">
25    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
26    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&amp;display=swap" rel="stylesheet">
27    <style>
28  :root {
29    --theme-color: #ffffff;
30    --bg-color: #0a0a0a;
31    --surface-color: #262626;
32    --text-color: #ffffff;
33    --text-secondary: #e5e5e5;
34    --border-color: #525252;
35    --button-text-color: #000000;
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": "phokplayapp",
49      "url": "phokplayapp.com",
50      "logo": "static/images/logo.png",
51      "description": "Download the OKPlay app today! Experience the best online slots, fast GCash login, and huge jackpots. Join PHOKPLAYAPP for a premium gaming experience now."
52    },
53    {
54      "@context": "https://schema.org",
55      "@type": "WebPage",
56      "name": "PHOKPLAYAPP - PLATAFORMA OFICIAL - 💎 - PHOKPLAYAPP.COM",
57      "description": "Download the OKPlay app today! Experience the best online slots, fast GCash login, and huge jackpots. Join PHOKPLAYAPP for a premium gaming experience now.",
58      "url": "phokplayapp.com",
59      "inLanguage": "en-PH",
60      "isPartOf": {
61        "@type": "WebSite",
62        "name": "phokplayapp",
63        "url": "phokplayapp.com"
64      }
65    },
66    {
67      "@context": "https://schema.org",
68      "@type": "SoftwareApplication",
69      "name": "phokplayapp Mobile App",
70      "description": "Download the OKPlay app today! Experience the best online slots, fast GCash login, and huge jackpots. Join PHOKPLAYAPP for a premium gaming experience now.",
71      "operatingSystem": "Android, iOS",
72      "applicationCategory": "GameApplication",
73      "image": "static/images/logo.png",
74      "downloadUrl": "phokplayapp.com/download-app.html",
75      "offers": {
76        "@type": "Offer",
77        "price": "0",
78        "priceCurrency": "PHP"
79      },
80      "aggregateRating": {
81        "@type": "AggregateRating",
82        "ratingValue": "4.5",
83        "ratingCount": "295",
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-[#0a0a0a] text-[#ffffff] min-h-screen overflow-x-hidden antialiased selection:bg-[#ffffff] selection:text-white flex flex-col">
96    <div class="fixed inset-0 z-0 bg-gradient-to-b from-[#0a0a0a] via-[#262626] to-[#0a0a0a] 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,#ffffff30,transparent_70%)] blur-[80px] opacity-40 pointer-events-none"></div>
98    <div class="fixed bottom-0 right-0 w-[300px] h-[300px] bg-[#ffffff]/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    <div class="film-grain"></div>
101    <div class="cinematic-vignette"></div>
102    <main id="app" class="relative z-10 w-full max-w-[540px] mx-auto min-h-screen bg-[#0a0a0a]/95 shadow-[0_0_50px_rgba(0,0,0,0.5)] border-x border-[#525252]/20 flex flex-col">
103        <div class="absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-[#ffffff] to-transparent opacity-50"></div>
104        <header class="sticky top-0 w-full z-50 h-9 bg-[#ffffff] border-b border-[#525252] shadow-sm flex items-center justify-between px-3">
105    <div class="flex items-center gap-2 overflow-hidden">
106        <h1 class="text-[#0a0a0a] font-bold text-sm truncate" title="phokplayapp.com">
107            phokplayapp.com
108        </h1>
109        <p class="hidden sm:block text-[#e5e5e5] text-[10px] truncate" title="Top Slot Wins PH 🎰">
110            Top Slot Wins PH 🎰
111        </p>
112    </div>
113    <div class="flex items-center gap-3 shrink-0">
114        <button onclick="showLanguagePanel()" aria-label="Switch Language" class="p-1.5 rounded-full hover:bg-[#262626] transition-colors duration-200" title="Change Language Settings">
115            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-[#0a0a0a]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
116                <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>
117            </svg>
118        </button>
119        <a href="countries.html" data-link-fixed="true" title="Explore regions and countries" class="text-[#0a0a0a] text-[11px] font-medium px-2 py-1 rounded bg-[#262626]/10 border border-[#525252]/30 hover:bg-[#262626]/20 transition-all">
120            Region: Philippines 🇵🇭
121        </a>
122    </div>
123</header>
124<header class="sticky top-9 z-40 w-full bg-[#ffffff]/95 backdrop-blur-md border-b border-[#525252] px-3 py-2.5 shadow-sm">
125    <div class="max-w-screen-2xl mx-auto flex items-center justify-between gap-x-4">
126        <a href="index.html" class="flex-shrink-0 transition-opacity hover:opacity-80" title="phokplayapp.com Home">
127            <img src="static/images/logo.png" alt="phokplayapp.com Logo" class="h-8 w-auto object-contain">
128        </a>
129        <div class="flex items-center gap-2 sm:gap-3">
130            <button onclick="downloadApp()" class="px-3 py-1.5 text-sm font-medium text-[#525252] hover:text-[#0a0a0a] transition-colors rounded-md" title="Log In">
131                Log In
132            </button>
133            <button onclick="downloadApp()" class="px-4 py-1.5 text-sm font-semibold bg-[#0a0a0a] text-[#ffffff] hover:bg-[#262626] transition-all rounded-md shadow-sm active:scale-95" title="Join Now">
134                Join Now
135            </button>
136        </div>
137    </div>
138</header>
139<section class="w-full max-w-full overflow-hidden px-3 py-2 sm:px-4">
140    <div class="swiper banner-swiper w-full relative overflow-hidden rounded-2xl shadow-2xl aspect-[2/1]">
141        <div class="swiper-wrapper">
142            <div class="swiper-slide relative w-full h-full overflow-hidden group">
143                <a href="javascript:downloadApp();" title="Explore Get Your OKPlay App Now!" class="block w-full h-full">
144                    <img src="static/images/60f80a044d1f8018753f9ed3fc029bbb58002e86.webp" alt="Get Your OKPlay App Now!" loading="lazy" class="w-full h-full object-cover block transition-transform duration-700 group-hover:scale-105">
145                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a]/80 via-trans
145parent to-transparent"></div>
146                    <div class="absolute bottom-0 left-0 right-0 p-4">
147                        <p class="text-[#ffffff] text-sm font-medium truncate opacity-90" title="Get Your OKPlay App Now!">
148                            Get Your OKPlay App Now!
149                        </p>
150                    </div>
151                </a>
152            </div>
153            <div class="swiper-slide relative w-full h-full overflow-hidden group">
154                <a href="javascript:downloadApp();" title="Explore Fast GCash Cash-in &amp; Out" class="block w-full h-full">
155                    <img src="static/images/0e8299738472af4c4d7aa67f5c5d5cc9954fc97a.png" alt="Fast GCash Cash-in &amp; Out" loading="lazy" class="w-full h-full object-cover block transition-transform duration-700 group-hover:scale-105">
156                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a]/80 via-transparent to-transparent"></div>
157                    <div class="absolute bottom-0 left-0 right-0 p-4">
158                        <p class="text-[#ffffff] text-sm font-medium truncate opacity-90" title="Fast GCash Cash-in &amp; Out">
159                            Fast GCash Cash-in &amp; Out
160                        </p>
161                    </div>
162                </a>
163            </div>
164            <div class="swiper-slide relative w-full h-full overflow-hidden group">
165                <a href="javascript:downloadApp();" title="Explore Win Big at OKPlay Slots!" class="block w-full h-full">
166                    <img src="static/images/36611e57e78d4ca06964cec249708d4edb441a21.png" alt="Win Big at OKPlay Slots!" loading="lazy" class="w-full h-full object-cover block transition-transform duration-700 group-hover:scale-105">
167                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a]/80 via-transparent to-transparent"></div>
168                    <div class="absolute bottom-0 left-0 right-0 p-4">
169                        <p class="text-[#ffffff] text-sm font-medium truncate opacity-90" title="Win Big at OKPlay Slots!">
170                            Win Big at OKPlay Slots!
171                        </p>
172                    </div>
173                </a>
174            </div>
175            <div class="swiper-slide relative w-full h-full overflow-hidden group">
176                <a href="javascript:downloadApp();" title="Explore Download OKPlay APK Today" class="block w-full h-full">
177                    <img src="static/images/2cdfc7d08d72ffa1b018f495a7e52440e19342d5.png" alt="Download OKPlay APK Today" loading="lazy" class="w-full h-full object-cover block transition-transform duration-700 group-hover:scale-105">
178                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a]/80 via-transparent to-transparent"></div>
179                    <div class="absolute bottom-0 left-0 right-0 p-4">
180                        <p class="text-[#ffffff] text-sm font-medium truncate opacity-90" title="Download OKPlay APK Today">
181                            Download OKPlay APK Today
182                        </p>
183                    </div>
184                </a>
185            </div>
186            <div class="swiper-slide relative w-full h-full overflow-hidden group">
187                <a href="javascript:downloadApp();" title="Explore Secure Login via GCash App" class="block w-full h-full">
188                    <img src="static/images/71b06e68fba6ad8c97776fbb74ee5192206abf36.png" alt="Secure Login via GCash App" loading="lazy" class="w-full h-full object-cover block transition-transform duration-700 group-hover:scale-105">
189                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a]/80 via-transparent to-transparent"></div>
190                    <div class="absolute bottom-0 left-0 right-0 p-4">
191                        <p class="text-[#ffffff] text-sm font-medium truncate opacity-90" title="Secure Login via GCash App">
192                            Secure Login via GCash App
193                        </p>
194                    </div>
195                </a>
196            </div>
197        </div>
198        <div class="swiper-pagination"></div>
199    </div>
200    
200<script>
201        document.addEventListener('DOMContentLoaded', function() {
202            new Swiper('.banner-swiper', {
203                autoplay: {
204                    delay: 3000,
205                    disableOnInteraction: false,
206                },
207                loop: true,
208                effect: 'slide',
209                pagination: {
210                    el: '.swiper-pagination',
211                    clickable: true,
212                },
213                slidesPerView: 1,
214                spaceBetween: 0,
215            });
216        });
217    </script>
217
218    <style>
219        .banner-swiper .swiper-pagination-bullet {
220            background: #ffffff !important;
221            opacity: 0.5;
222        }
223        .banner-swiper .swiper-pagination-bullet-active {
224            background: #ffffff !important;
225            opacity: 1;
226            width: 20px !important;
227            border-radius: 4px !important;
228            transition: all 0.3s ease;
229        }
230    </style>
231</section>
232<div id="notify-data" class="hidden" aria-hidden="true">
233    <div>Ma** won ₱1,200 via OKPlay Slot</div>
234    <div>Ju** withdrawal successful ₱5,000</div>
235    <div>An** received bonus ₱150</div>
236    <div>Ro** just withdrew ₱2,500 via GCash</div>
237    <div>Ch** won ₱8,800 in Jili Slot</div>
238    <div>Ka** deposited ₱500</div>
239    <div>Ma** withdrawal successful ₱12,000</div>
240    <div>Je** won ₱3,200 via OKPlay App</div>
241    <div>Gl** received bonus ₱200</div>
242    <div>Pa** just withdrew ₱1,800 via GCash</div>
243    <div>Ri** won ₱15,000 in Mega Reel</div>
244    <div>Lu** deposited ₱1,000</div>
245    <div>St** withdrawal successful ₱4,500</div>
246    <div>Fe** won ₱600 via OKPlay Slot</div>
247    <div>Mi** received bonus ₱100</div>
248    <div>Jo** just withdrew ₱3,000 via GCash</div>
249    <div>Al** won ₱22,000 in Golden Empire</div>
250    <div>Be** deposited ₱2,000</div>
251    <div>Cr** withdrawal successful ₱7,200</div>
252    <div>Da** won ₱1,100 via OKPlay App</div>
253    <div>Ed** received bonus ₱300</div>
254    <div>Fl** just withdrew ₱5,500 via GCash</div>
255    <div>Ga** won ₱9,000 in Jili Slot</div>
256    <div>Ha** deposited ₱1,500</div>
257    <div>Is** withdrawal successful ₱3,800</div>
258    <div>Ja** won ₱4,400 via OKPlay Slot</div>
259    <div>Ky** received bonus ₱150</div>
260    <div>Le** just withdrew ₱10,000 via GCash</div>
261    <div>Mo** won ₱2,100 in Mega Reel</div>
262    <div>Ni** deposited ₱800</div>
263    <div>Ol** withdrawal successful ₱6,000</div>
264    <div>Pi** won ₱12,500 via OKPlay App</div>
265    <div>Qu** received bonus ₱500</div>
266    <div>Ra** just withdrew ₱2,200 via GCash</div>
267    <div>Sa** won ₱7,700 in Golden Empire</div>
268    <div>Ti** deposited ₱3,000</div>
269    <div>Ul** withdrawal successful ₱1,500</div>
270    <div>Vi** won ₱3,600 via OKPlay Slot</div>
271    <div>Wy** received bonus ₱100</div>
272    <div>Xa** just withdrew ₱4,000 via GCash</div>
273    <div>Ye** won ₱18,000 in Jili Slot</div>
274    <div>Zo** deposited ₱500</div>
275    <div>Ab** withdrawal successful ₱2,800</div>
276    <div>Br** won ₱5,200 via OKPlay App</div>
277    <div>Ce** received bonus ₱200</div>
278    <div>Di** just withdrew ₱6,600 via GCash</div>
279    <div>El** won ₱11,000 in Mega Reel</div>
280    <div>Fi** deposited ₱1,200</div>
281    <div>Ge** withdrawal successful ₱9,500</div>
282    <div>Hi** won ₱1,300 via OKPlay Slot</div>
283</div>
284<div class="w-full max-w-[100vw] overflow-hidden relative block py-6 px-4 rounded-2xl shadow-lg bg-gradient-to-br from-[#ffffff]/10 to-[#ffffff]/30 backdrop-blur-sm">
285  <div class="absolute inset-0 opacity-10 pointer-events-none">
286    <div class="w-full h-full flex items-center justify-center text-2xl">🎰 🃏 🎲 💰 🏆</div>
287  </div>
288  <div class="relative flex flex-col items-center justify-center text-center">
289    <div id="jackpot-value" class="text-4xl font-black text-[#ffffff] drop-shadow-lg tracking-wider">12,500,000</div>
290    <div class="text-lg font-semibold text-[#ffffff]/90 mb-1">MEGA JACKPOT</div>
291    <div class="h-1 w-24 mx-auto bg-[#ffffff]/20 my-2 rounded"></div>
292    <div class="text-xl font-bold text-[#ffffff]/90 mt-1">PHP</div>
293  </div>
294</div>
295<section class="relative overflow-hidden bg-[#0a0a0a] py-12 px-4 md:py-20 md:px-8 font-sans">
296    <div class="absolute top-0 left-0 w-full h-full opacity-20 pointer-events-none" style="background-image: radial-gradient(circle at 2px 2px, #525252 1px, transparent 0); background-size: 40px 40px;"></div>
297    <div class="relative max-w-6xl mx-auto">
298        <header class="mb-10 md:mb-16 text-center md:text-left">
299            <h2 class="text-2xl md:text-4xl font-bold text-[#ffffff] leading-tight tracking-tight mb-4" title="Experience Premium Gaming at phokplayapp.com">
300                Experience Premium Gaming at phokplayapp.com
301            </h2>
302            <p class="text-sm md:text-base text-[#e5e5e5] max-w-2xl mx-auto md:mx-0 leading-relaxed" title="The most trusted okplay app in the Philippines, offering secure GCash integration, high win rates, and exclusive 24/7 VIP support for a prestige gaming experience tailored for Filipino players.">
303                The most trusted okplay app in the Philippines, offering secure GCash integration, high win rates, and exclusive 24/7 VIP support for a prestige gaming experience tailored for Filipino players.
304            </p>
305        </header>
306        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-12 md:mb-20">
307            <article class="group relative p-5 bg-[#262626] border border-[#525252] transition-all duration-300 hover:border-[#ffffff] flex flex-col">
308                <div class="flex items-center gap-3 mb-3">
309                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center bg-[#0a0a0a] border border-[#525252] text-lg rounded-md" aria-hidden="true">
310                        🛡️
311                    </span>
312                    <h3 class="text-base md:text-lg font-semibold text-[#ffffff] tracking-wide" title="Secure GCash Access">
313                        Secure GCash Access
314                    </h3>
315                </div>
316                <p class="text-xs md:text-sm text-[#e5e5e5] leading-normal opacity-90" title="Enjoy seamless and safe transactions with okplay login gcash app integration, ensuring your funds and withdrawals are processed instantly and securely.">
317                    Enjoy seamless and safe transactions with okplay login gcash app integration, ensuring your funds and withdrawals are processed instantly and securely.
318                </p>
319            </article>
320            <article class="group relative p-5 bg-[#262626] border border-[#525252] transition-all duration-300 hover:border-[#ffffff] flex flex-col">
321                <div class="flex items-center gap-3 mb-3">
322                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center bg-[#0a0a0a] border border-[#525252] text-lg rounded-md" aria-hidden="true">
323                        🎰
324                    </span>
325                    <h3 class="text-base md:text-lg font-semibold text-[#ffffff] tracking-wide" title="Premium Slot Library">
326                        Premium Slot Library
327                    </h3>
328                </div>
329                <p class="text-xs md:text-sm text-[#e5e5e5] leading-normal opacity-90" title="Access a vast collection via the okplay slot app, featuring the highest RTP games designed to give you a competitive edge.">
330                    Access a vast collection via the okplay slot app, featuring the highest RTP games designed to give you a competitive edge.
331                </p>
332            </article>
333            <article class="group relative p-5 bg-[#262626] border border-[#525252] transition-all duration-300 hover:border-[#ffffff] flex flex-col">
334                <div class="flex items-center gap-3 mb-3">
335                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center bg-[#0a0a0a] border border-[#525252] text-lg rounded-md" aria-hidden="true">
336                        ⚡
337                    </span>
338                    <h3 class="text-base md:text-lg font-semibold text-[#ffffff] tracking-wide" title="Fast APK Installation">
339                        Fast APK Installation
340                    </h3>
341                </div>
342                <p class="text-xs md:text-sm text-[#e5e5e5] leading-normal opacity-90" title="Get started quickly with the okplay app download apk, optimized for all Android devices to ensure a lag-free gaming session.">
343                    Get started quickly with the okplay app download apk, optimized for all Android devices to ensure a lag-free gaming session.
344                </p>
345            </article>
346            <article class="group relative p-5 bg-[#262626] border border-[#525252] transition-all duration-300 hover:border-[#ffffff] flex flex-col">
347                <div class="flex items-center gap-3 mb-3">
348                    <span class="flex-shrink-0 w-8 h-8 flex items-center justify-center bg-[#0a0a0a] border border-[#525252] text-lg rounded-md" aria-hidden="true">
349                        💎
350                    </span>
351                    <h3 class="text-base md:text-lg font-semibold text-[#ffffff] tracking-wide" title="VIP Member Perks">
352                        VIP Member Perks
353                    </h3>
354                </div>
355                <p class="text-xs md:text-sm text-[#e5e5e5] leading-normal opacity-90" title="Gain access to exclusive rewards and priority customer service, providing a high-end experience for our most loyal Filipino gaming community.">
356                    Gain access to exclusive rewards and priority customer service, providing a high-end experience for our most loyal Filipino gaming community.
357                </p>
358            </article>
359        </div>
360        <div class="relative p-6 md:p-10 bg-[#262626] border-t-4 border-[#ffffff] shadow-2xl text-center md:text-left rounded-b-lg">
361            <div class="flex flex-col md:flex-row md:items-center justify-between gap-8">
362                <div class="flex-1">
363                    <h4 class="text-xl md:text-2xl font-bold text-[#ffffff] mb-2" title="Start Your Winning Journey Today">
364                        Start Your Winning Journey Today
365                    </h4>
366                    <p class="text-xs md:text-sm text-[#e5e5e5] opacity-80" title="Join now to claim your welcome bonus and explore the top-rated slots available on our platform.">
367                        Join now to claim your welcome bonus and explore the top-rated slots available on our platform.
368                    </p>
369                </div>
370                <div class="flex flex-col sm:flex-row gap-3 justify-center md:justify-end">
371                    <button onclick="downloadApp()" class="px-6 py-3 bg-[#ffffff] text-[#0a0a0a] font-bold text-sm rounded-sm transition-transform active:scale-95 hover:bg-gray-200" title="Download App">
372                        Download App
373                    </button>
374                    <button onclick="downloadApp()" class="px-6 py-3 bg-transparent text-[#ffffff] border border-[#525252] font-medium text-sm rounded-sm transition-all active:scale-95 hover:bg-[#525252]" title="Login Now">
375                        Login Now
376                    </button>
377                </div>
378            </div>
379        </div>
380    </div>
381</section>
382<nav class="sticky top-[88px] z-30 w-full bg-[#262626]/95 backdrop-blur-md border-b border-[#525252] shadow-lg">
383    <div class="max-w-screen-xl mx-auto">
384        <div class="overflow-x-auto overflow-y-hidden no-scrollbar scroll-smooth snap-x snap-proximity">
385            <ul id="category-tabs" class="flex items-center whitespace-nowrap px-4 py-3 gap-2 md:gap-4">
386                <li class="snap-start">
387                    <a href="#cat-slots" title="Explore Online Slots games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300
388                                  bg-[#0a0a0a] text-[#ffffff] border border-[#525252]
389                                  hover:bg-[#525252] hover:text-[#ffffff] active:scale-95">
390                        <span class="flex items-center justify-center w-5 h-5 text-base" title="Online Slots icon">
391                            🎰
392                        </span>
393                        <span class="truncate">Online Slots</span>
394                    </a>
395                </li>
396                <li class="snap-start">
397                    <a href="#cat-live-casino" title="Explore Live Casino games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300
398                                  bg-[#0a0a0a] text-[#ffffff] border border-[#525252]
399                                  hover:bg-[#525252] hover:text-[#ffffff] active:scale-95">
400                        <span class="flex items-center justify-center w-5 h-5 text-base" title="Live Casino icon">
401                            🃏
402                        </span>
403                        <span class="truncate">Live Casino</span>
404                    </a>
405                </li>
406                <li class="snap-start">
407                    <a href="#cat-sports" title="Explore Sports Betting games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300
408                                  bg-[#0a0a0a] text-[#ffffff] border border-[#525252]
409                                  hover:bg-[#525252] hover:text-[#ffffff] active:scale-95">
410                        <span class="flex items-center justify-center w-5 h-5 text-base" title="Sports Betting icon">
411                            ⚽
412                        </span>
413                        <span class="truncate">Sports Betting</span>
414                    </a>
415                </li>
416                <li class="snap-start">
417                    <a href="#cat-cockfight" title="Explore Sabong games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300
418                                  bg-[#0a0a0a] text-[#ffffff] border border-[#525252]
419                                  hover:bg-[#525252] hover:text-[#ffffff] active:scale-95">
420                        <span class="flex items-center justify-center w-5 h-5 text-base" title="Sabong icon">
421                            🐓
422                        </span>
423                        <span class="truncate">Sabong</span>
424                    </a>
425                </li>
426                <li class="snap-start">
427                    <a href="#cat-jackpot" title="Explore Mega Jackpot games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300
428                                  bg-[#0a0a0a] text-[#ffffff] border border-[#525252]
429                                  hover:bg-[#525252] hover:text-[#ffffff] active:scale-95">
430                        <span class="flex items-center justify-center w-5 h-5 text-base" title="Mega Jackpot icon">
431                            💰
432                        </span>
433                        <span class="truncate">Mega Jackpot</span>
434                    </a>
435                </li>
436                <li class="snap-start">
437                    <a href="#cat-hot-games" title="Explore Hot Games games" class="flex items-center justify-center gap-2 px-4 py-2 rounded-full text-sm font-medium transition-all duration-300
438                                  bg-[#0a0a0a] text-[#ffffff] border border-[#525252]
439                                  hover:bg-[#525252] hover:text-[#ffffff] active:scale-95">
440                        <span class="flex items-center justify-center w-5 h-5 text-base" title="Hot Games icon">
441                            🔥
442                        </span>
443                        <span class="truncate">Hot Games</span>
444                    </a>
445                </li>
446            </ul>
447        </div>
448    </div>
449</nav><section id="phokplayappcom_news" data-news-style="v3" class="py-6 px-4 bg-slate-950 text-white font-sans">
450    <div class="max-w-lg mx-auto">
451        <!-- Header Area -->
452        <div class="flex items-center justify-between mb-5 min-w-0 gap-3">
453            <div class="flex items-center min-w-0 flex-1">
454                <span class="inline-block px-2 py-1 mr-2 text-[10px] font-bold uppercase tracking-wider text-yellow-400 bg-yellow-400/10 border border-yellow-400/20 rounded shrink-0">Hot</span>
455                <h2 class="text-[clamp(1.125rem,4vw,1.5rem)] font-bold leading-tight break-words truncate-2-lines overflow-hidden line-clamp-2 text-slate-100">
456                    New Game Recommendations
457                </h2>
458            </div>
459            <a href="/all-games" class="shrink-0 text-xs font-medium text-slate-400 hover:text-yellow-500 transition-colors duration-200 underline underline-offset-4">
460                View all
461            </a>
462        </div>
463
464        <!-- Grid Layout -->
465        <div class="grid grid-cols-2 gap-3">
466            <a href="lucky_jaguar_2.html" class="group relative aspect-[3/4] overflow-hidden rounded-2xl bg-slate-900 shadow-lg transition-transform duration-300 active:scale-95">
467                <!-- Image Layer -->
468                <img src="static/images/4c7ee320896516d8.webp" alt="Lucky Jaguar 2" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
469                
470                <!-- Premium Gradient Overlay -->
471                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
472                
473                <!-- Content Layer -->
474                <div class="absolute inset-0 p-3 flex flex-col justify-end">
475                    <div class="translate-y-1 transition-transform duration-300 group-hover:-translate-y-1">
476                        <p class="text-sm font-bold leading-tight text-white line-clamp-2 drop-shadow-md">
477                            Lucky Jaguar 2
478                        </p>
479                        <div class="mt-2 h-1 w-0 bg-yellow-500 transition-all duration-300 group-hover:w-12 rounded-full"></div>
480                    </div>
481                </div>
482
483                <!-- Glossy Effect Overlay -->
484                <div class="absolute inset-0 pointer-events-none bg-gradient-to-tr from-white/0 via-white/0 to-white/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
485            </a>
486            <a href="daan_ng_manok.html" class="group relative aspect-[3/4] overflow-hidden rounded-2xl bg-slate-900 shadow-lg transition-transform duration-300 active:scale-95">
487                <!-- Image Layer -->
488                <img src="static/images/2e05ab03338b6c93.heif" alt="Daan ng Manok" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" loading="lazy">
489                
490                <!-- Premium Gradient Overlay -->
491                <div class="absolute inset-0 bg-gradient-to-t from-black via-black/40 to-transparent opacity-90"></div>
492                
493                <!-- Content Layer -->
494                <div class="absolute inset-0 p-3 flex flex-col justify-end">
495                    <div class="translate-y-1 transition-transform duration-300 group-hover:-translate-y-1">
496                        <p class="text-sm font-bold leading-tight text-white line-clamp-2 drop-shadow-md">
497                            Daan ng Manok
498                        </p>
499                        <div class="mt-2 h-1 w-0 bg-yellow-500 transition-all duration-300 group-hover:w-12 rounded-full"></div>
500                    </div>
501                </div>
502
503                <!-- Glossy Effect Overlay -->
504                <div class="absolute inset-0 pointer-events-none bg-gradient-to-tr from-white/0 via-white/0 to-white/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
505            </a>
506        </div>
507    </div>
508</section>
509<style>
510    /* Hide scrollbar for Chrome, Safari and Opera */
511    .no-scrollbar::-webkit-scrollbar {
512        display: none;
513    }
514    /* Hide scrollbar for IE, Edge and Firefox */
515    .no-scrollbar {
516        -ms-overflow-style: none;  /* IE and Edge */
517        scrollbar-width: none;  /* Firefox */
518    }
519</style>
520<section id="cat-slots" class="py-8 px-4 md:py-12 md:px-6 bg-[#0a0a0a]">
521    <div class="max-w-7xl mx-auto">
522        <header class="mb-6 flex items-center gap-3 border-l-4 border-[#ffffff] pl-4">
523            <h2 class="text-xl md:text-2xl font-bold text-[#ffffff] tracking-tight uppercase italic">
524                <span class="mr-2">🎰</span>
525                Online Slots
526            </h2>
527        </header>
528        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-6">
529            <article class="group relative flex flex-col">
530                <a href="texas-holdem-ante.html" title="Play Texas holdem (ante) by Evolution" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
531                        <img src="static/images/62d5dc5316837579d2c25afa9bab3a070cbb186d.webp" alt="Texas holdem (ante) thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
532                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
533                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
534                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
535                            Texas holdem (ante)
536                        </p>
537                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
538                            Evolution
539                        </p>
540                    </div>
541                </a>
542            </article>
543            <article class="group relative flex flex-col">
544                <a href="cash-lamps.html" title="Play Cash Lamps by Pragmatic Play" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
545                        <img src="static/images/38858da29fe602f09cc13c1bfc5569a2ae25de8b.heif" alt="Cash Lamps thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
546                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
547                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
548                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
549                            Cash Lamps
550                        </p>
551                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
552                            Pragmatic Play
553                        </p>
554                    </div>
555                </a>
556            </article>
557            <article class="group relative flex flex-col">
558                <a href="zombie-school-megaways.html" title="Play Zombie School Megaways by BGaming" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
559                        <img src="static/images/88271d14f7daad739fe7ade406b69495a052343e.heif" alt="Zombie School Megaways thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
560                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
561                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
562                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
563                            Zombie School Megaways
564                        </p>
565                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
566                            BGaming
567                        </p>
568                    </div>
569                </a>
570            </article>
571            <article class="group relative flex flex-col">
572                <a href="crystal-towers.html" title="Play Crystal Towers by PG Soft" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
573                        <img src="static/images/e2298a875727293a9ddc1db49d553781c625509f.heif" alt="Crystal Towers thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
574                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-trans
574parent to-transparent opacity-80"></div>
575                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
576                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
577                            Crystal Towers
578                        </p>
579                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
580                            PG Soft
581                        </p>
582                    </div>
583                </a>
584            </article>
585            <article class="group relative flex flex-col">
586                <a href="3-gods-fishing.html" title="Play 3 Gods Fishing by JILI" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
587                        <img src="static/images/8c911ec4ec70e787fa3d2572d1c61fdab5c778bc.heif" alt="3 Gods Fishing thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
588                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
589                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
590                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
591                            3 Gods Fishing
592                        </p>
593                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
594                            JILI
595                        </p>
596                    </div>
597                </a>
598            </article>
599            <article class="group relative flex flex-col">
600                <a href="korean-turbo-baccarat-1.html" title="Play Korean Turbo Baccarat 1 by Ezugi" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
601                        <img src="static/images/f619c6f776686688947cb0a12116782c21112378.heif" alt="Korean Turbo Baccarat 1 thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
602                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
603                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
604                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
605                            Korean Turbo Baccarat 1
606                        </p>
607                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
608                            Ezugi
609                        </p>
610                    </div>
611                </a>
612            </article>
613            <article class="group relative flex flex-col">
614                <a href="3d-banker-niu-niu.html" title="Play 3D Banker Niu Niu by Evolution" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
615                        <img src="static/images/f4ff353448e91775fa151f524333029c2575fa3a.webp" alt="3D Banker Niu Niu thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
616                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
617                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
618                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
619                            3D Banker Niu Niu
620                        </p>
621                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
622                            Evolution
623                        </p>
624                    </div>
625                </a>
626            </article>
627            <article class="group relative flex flex-col">
628                <a href="longyapangingisda.html" title="Play LongYaPangingisda by JILI" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
629                        <img src="static/images/991d44bb279ddd3adc25ad8ff0fbe78b06d16f68.webp" alt="LongYaPangingisda thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
630                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-trans
630parent to-transparent opacity-80"></div>
631                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
632                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
633                            LongYaPangingisda
634                        </p>
635                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
636                            JILI
637                        </p>
638                    </div>
639                </a>
640            </article>
641            <article class="group relative flex flex-col">
642                <a href="speed-baccarat-e.html" title="Play Speed Baccarat E by Ezugi" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
643                        <img src="static/images/cb92816dd7df7eefcaf2e83ef028b31cf0987546.png" alt="Speed Baccarat E thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
644                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
645                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
646                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
647                            Speed Baccarat E
648                        </p>
649                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
650                            Ezugi
651                        </p>
652                    </div>
653                </a>
654            </article>
655        </div>
656        <div class="mt-8 flex justify-center md:justify-end">
657            <a href="javascript:downloadApp();" title="View all games in Online Slots" class="inline-flex items-center justify-center px-5 py-2 text-xs font-bold uppercase tracking-widest text-[#ffffff] border border-[#525252] hover:bg-[#ffffff] hover:text-[#0a0a0a] transition-colors duration-300 rounded-full">
658                View More
659                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
660                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
661                </svg>
662            </a>
663        </div>
664    </div>
665</section>
666<section id="cat-live-casino" class="py-8 px-4 md:py-12 md:px-6 bg-[#0a0a0a]">
667    <div class="max-w-7xl mx-auto">
668        <header class="mb-6 flex items-center gap-3 border-l-4 border-[#ffffff] pl-4">
669            <h2 class="text-xl md:text-2xl font-bold text-[#ffffff] tracking-tight uppercase italic">
670                <span class="mr-2">🃏</span>
671                Live Casino
672            </h2>
673        </header>
674        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-6">
675            <article class="group relative flex flex-col">
676                <a href="dead-men-walking.html" title="Play Dead Men Walking by Pragmatic Play" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
677                        <img src="static/images/c87f4f220eb2ee1b17627dcf59325aac5913546d.heif" alt="Dead Men Walking thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
678                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
679                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
680                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
681                            Dead Men Walking
682                        </p>
683                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
684                            Pragmatic Play
685                        </p>
686                    </div>
687                </a>
688            </article>
689            <article class="group relative flex flex-col">
690                <a href="thai-hilo.html" title="Play Thai Hilo by Evolution" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
691                        <img src="static/images/8187228663e442609b52ad1fdff0ded15f25783e.heif" alt="Thai Hilo thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
692                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-trans
692parent to-transparent opacity-80"></div>
693                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
694                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
695                            Thai Hilo
696                        </p>
697                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
698                            Evolution
699                        </p>
700                    </div>
701                </a>
702            </article>
703            <article class="group relative flex flex-col">
704                <a href="horoscope.html" title="Play Horoscope by Ezugi" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
705                        <img src="static/images/dcd2b3c221aefb7ef3f96f86bbf4ad94ce716601.webp" alt="Horoscope thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
706                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
707                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
708                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
709                            Horoscope
710                        </p>
711                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
712                            Ezugi
713                        </p>
714                    </div>
715                </a>
716            </article>
717            <article class="group relative flex flex-col">
718                <a href="treasures-of-the-seas.html" title="Play Treasures of the Seas by Pragmatic Play" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
719                        <img src="static/images/c3c07f868535837febe8dbce0bd399f98daad54f.heif" alt="Treasures of the Seas thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
720                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
721                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
722                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
723                            Treasures of the Seas
724                        </p>
725                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
726                            Pragmatic Play
727                        </p>
728                    </div>
729                </a>
730            </article>
731            <article class="group relative flex flex-col">
732                <a href="super-tiki-strike.html" title="Play Super Tiki Strike by PG Soft" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
733                        <img src="static/images/5f67b34cf2eb1f4c40ed04b8cf7c4b2fd988d1e5.heif" alt="Super Tiki Strike thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
734                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
735                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
736                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
737                            Super Tiki Strike
738                        </p>
739                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
740                            PG Soft
741                        </p>
742                    </div>
743                </a>
744            </article>
745            <article class="group relative flex flex-col">
746                <a href="captains-curse.html" title="Play Captain’s Curse by Evolution" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
747                        <img src="static/images/e13ee57f30807938d09c951724244d50ae699e50.heif" alt="Captain’s Curse thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
748                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-trans
748parent to-transparent opacity-80"></div>
749                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
750                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
751                            Captain’s Curse
752                        </p>
753                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
754                            Evolution
755                        </p>
756                    </div>
757                </a>
758            </article>
759            <article class="group relative flex flex-col">
760                <a href="speed-baccarat-a.html" title="Play Speed Baccarat A by Ezugi" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
761                        <img src="static/images/5dd29a7c73164839908a19e129863ee8f7c7587b.png" alt="Speed Baccarat A thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
762                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
763                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
764                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
765                            Speed Baccarat A
766                        </p>
767                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
768                            Ezugi
769                        </p>
770                    </div>
771                </a>
772            </article>
773            <article class="group relative flex flex-col">
774                <a href="karera-ng-mga-bilya-mc01.html" title="Play Karera ng mga Bilya MC01 by BGaming" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
775                        <img src="static/images/2fb60656df32dbea88fb7c5185d59a53e4b39246.heif" alt="Karera ng mga Bilya MC01 thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
776                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
777                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
778                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
779                            Karera ng mga Bilya MC01
780                        </p>
781                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
782                            BGaming
783                        </p>
784                    </div>
785                </a>
786            </article>
787            <article class="group relative flex flex-col">
788                <a href="caribbean-stud-poker.html" title="Play Caribbean Stud Poker by Evolution" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
789                        <img src="static/images/1c4c7240a30990ce5394c10377f5cb96641c35c2.png" alt="Caribbean Stud Poker thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
790                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
791                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
792                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
793                            Caribbean Stud Poker
794                        </p>
795                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
796                            Evolution
797                        </p>
798                    </div>
799                </a>
800            </article>
801        </div>
802        <div class="mt-8 flex justify-center md:justify-end">
803            <a href="javascript:downloadApp();" title="View all games in Live Casino" class="inline-flex items-center justify-center px-5 py-2 text-xs font-bold uppercase tracking-widest text-[#ffffff] border border-[#525252] hover:bg-[#ffffff] hover:text-[#0a0a0a] transition-colors duration-300 rounded-full">
804                View More
805                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
806                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
807                </svg>
808            </a>
809        </div>
810    </div>
811</section>
812<section id="cat-sports" class="py-8 px-4 md:py-12 md:px-6 bg-[#0a0a0a]">
813    <div class="max-w-7xl mx-auto">
814        <header class="mb-6 flex items-center gap-3 border-l-4 border-[#ffffff] pl-4">
815            <h2 class="text-xl md:text-2xl font-bold text-[#ffffff] tracking-tight uppercase italic">
816                <span class="mr-2">⚽</span>
817                Sports Betting
818            </h2>
819        </header>
820        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-6">
821            <article class="group relative flex flex-col">
822                <a href="oracle-360-roulette.html" title="Play Oracle 360 Roulette by Evolution" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
823                        <img src="static/images/705d3536456972931097987ac39e73325e37ef0e.heif" alt="Oracle 360 Roulette thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
824                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
825                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
826                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
827                            Oracle 360 Roulette
828                        </p>
829                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
830                            Evolution
831                        </p>
832                    </div>
833                </a>
834            </article>
835            <article class="group relative flex flex-col">
836                <a href="big-catch-craze.html" title="Play Big Catch Craze by Pragmatic Play" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
837                        <img src="static/images/df51516fe94051816ec6a7d26f8262a4d38faecd.heif" alt="Big Catch Craze thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
838                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
839                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
840                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
841                            Big Catch Craze
842                        </p>
843                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
844                            Pragmatic Play
845                        </p>
846                    </div>
847                </a>
848            </article>
849            <article class="group relative flex flex-col">
850                <a href="jokers-jewels-hold-spin.html" title="Play Joker’s Jewels Hold &amp; Spin by Pragmatic Play" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
851                        <img src="static/images/02209d6803219449f0016691bafd283d769c49f7.heif" alt="Joker’s Jewels Hold &amp; Spin thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
852                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
853                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
854                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
855                            Joker’s Jewels Hold &amp; Spin
856                        </p>
857                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
858                            Pragmatic Play
859                        </p>
860                    </div>
861                </a>
862            </article>
863            <article class="group relative flex flex-col">
864                <a href="fierce-fight.html" title="Play Fierce Fight by PG Soft" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
865                        <img src="static/images/ed0896110270b8bb7457dd2f98fa8a1b2149ecd9.webp" alt="Fierce Fight thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
866                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-trans
866parent to-transparent opacity-80"></div>
867                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
868                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
869                            Fierce Fight
870                        </p>
871                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
872                            PG Soft
873                        </p>
874                    </div>
875                </a>
876            </article>
877            <article class="group relative flex flex-col">
878                <a href="money-mania.html" title="Play Money Mania by BGaming" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
879                        <img src="static/images/24dd490780f8c4ca49d84366277b739c4eeb093d.heif" alt="Money Mania thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
880                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
881                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
882                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
883                            Money Mania
884                        </p>
885                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
886                            BGaming
887                        </p>
888                    </div>
889                </a>
890            </article>
891            <article class="group relative flex flex-col">
892                <a href="rich-arowana-2.html" title="Play Rich Arowana 2 by PG Soft" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
893                        <img src="static/images/3027d252d6f4d049fcb3e2ec598c1c5661141a1e.heif" alt="Rich Arowana 2 thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
894                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
895                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
896                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
897                            Rich Arowana 2
898                        </p>
899                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
900                            PG Soft
901                        </p>
902                    </div>
903                </a>
904            </article>
905            <article class="group relative flex flex-col">
906                <a href="crazy-money-rolling.html" title="Play Crazy Money Rolling by Jili Games" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
907                        <img src="static/images/717f11afa54d338b183d36a505567075ccd652ab.heif" alt="Crazy Money Rolling thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
908                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
909                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
910                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
911                            Crazy Money Rolling
912                        </p>
913                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
914                            Jili Games
915                        </p>
916                    </div>
917                </a>
918            </article>
919            <article class="group relative flex flex-col">
920                <a href="wonders-of-giza-pyramid.html" title="Play Wonders of Giza Pyramid by Pragmatic Play" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
921                        <img src="static/images/923a68cee2a7ff35c3a23f34df85d481f1fb2a0c.heif" alt="Wonders of Giza Pyramid thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
922                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
923                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
924                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
925                            Wonders of Giza Pyramid
926                        </p>
927                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
928                            Pragmatic Play
929                        </p>
930                    </div>
931                </a>
932            </article>
933            <article class="group relative flex flex-col">
934                <a href="kung-fu-meow.html" title="Play Kung Fu Meow by PG Soft" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
935                        <img src="static/images/5997f435b192cb6c85eb099d46ef7a6a0c50b884.heif" alt="Kung Fu Meow thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
936                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
937                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
938                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
939                            Kung Fu Meow
940                        </p>
941                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
942                            PG Soft
943                        </p>
944                    </div>
945                </a>
946            </article>
947        </div>
948        <div class="mt-8 flex justify-center md:justify-end">
949            <a href="javascript:downloadApp();" title="View all games in Sports Betting" class="inline-flex items-center justify-center px-5 py-2 text-xs font-bold uppercase tracking-widest text-[#ffffff] border border-[#525252] hover:bg-[#ffffff] hover:text-[#0a0a0a] transition-colors duration-300 rounded-full">
950                View More
951                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
952                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
953                </svg>
954            </a>
955        </div>
956    </div>
957</section>
958<section id="cat-cockfight" class="py-8 px-4 md:py-12 md:px-6 bg-[#0a0a0a]">
959    <div class="max-w-7xl mx-auto">
960        <header class="mb-6 flex items-center gap-3 border-l-4 border-[#ffffff] pl-4">
961            <h2 class="text-xl md:text-2xl font-bold text-[#ffffff] tracking-tight uppercase italic">
962                <span class="mr-2">🐓</span>
963                Sabong
964            </h2>
965        </header>
966        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-6">
967            <article class="group relative flex flex-col">
968                <a href="symbols-drive.html" title="Play Symbols Drive by Pragmatic Play" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
969                        <img src="static/images/c9f19957517597f9bda78fe0eab93c56f945058c.heif" alt="Symbols Drive thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
970                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-trans
970parent to-transparent opacity-80"></div>
971                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
972                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
973                            Symbols Drive
974                        </p>
975                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
976                            Pragmatic Play
977                        </p>
978                    </div>
979                </a>
980            </article>
981            <article class="group relative flex flex-col">
982                <a href="fortune-bamboo-panda.html" title="Play Fortune Bamboo Panda by PG Soft" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
983                        <img src="static/images/1f900b188fb97d36c331f99354afe8daec73dd2e.heif" alt="Fortune Bamboo Panda thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
984                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
985                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
986                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
987                            Fortune Bamboo Panda
988                        </p>
989                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
990                            PG Soft
991                        </p>
992                    </div>
993                </a>
994            </article>
995            <article class="group relative flex flex-col">
996                <a href="teen-patti.html" title="Play Teen Patti by Ezugi" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
997                        <img src="static/images/b78d58d60070c65e655c5de903c21f737054a734.webp" alt="Teen Patti thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
998                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
999                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
1000                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
1001                            Teen Patti
1002                        </p>
1003                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
1004                            Ezugi
1005                        </p>
1006                    </div>
1007                </a>
1008            </article>
1009        </div>
1010        <div class="mt-8 flex justify-center md:justify-end">
1011            <a href="javascript:downloadApp();" title="View all games in Sabong" class="inline-flex items-center justify-center px-5 py-2 text-xs font-bold uppercase tracking-widest text-[#ffffff] border border-[#525252] hover:bg-[#ffffff] hover:text-[#0a0a0a] transition-colors duration-300 rounded-full">
1012                View More
1013                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1014                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1015                </svg>
1016            </a>
1017        </div>
1018    </div>
1019</section>
1020<section id="cat-jackpot" class="py-8 px-4 md:py-12 md:px-6 bg-[#0a0a0a]">
1021    <div class="max-w-7xl mx-auto">
1022        <header class="mb-6 flex items-center gap-3 border-l-4 border-[#ffffff] pl-4">
1023            <h2 class="text-xl md:text-2xl font-bold text-[#ffffff] tracking-tight uppercase italic">
1024                <span class="mr-2">💰</span>
1025                Mega Jackpot
1026            </h2>
1027        </header>
1028        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-6">
1029            <article class="group relative flex flex-col">
1030                <a href="crystal-towers.html" title="Play Crystal Towers by Pragmatic Play" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
1031                        <img src="static/images/e2298a875727293a9ddc1db49d553781c625509f.heif" alt="Crystal Towers thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
1032                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-trans
1032parent to-transparent opacity-80"></div>
1033                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
1034                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
1035                            Crystal Towers
1036                        </p>
1037                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
1038                            Pragmatic Play
1039                        </p>
1040                    </div>
1041                </a>
1042            </article>
1043            <article class="group relative flex flex-col">
1044                <a href="evo-speed-blackjack-1.html" title="Play Evo Speed Blackjack 1 by Evolution" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
1045                        <img src="static/images/2e94551f0454d84173da582f81387aa07759ab40.png" alt="Evo Speed Blackjack 1 thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
1046                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
1047                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
1048                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
1049                            Evo Speed Blackjack 1
1050                        </p>
1051                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
1052                            Evolution
1053                        </p>
1054                    </div>
1055                </a>
1056            </article>
1057            <article class="group relative flex flex-col">
1058                <a href="trial-of-phoenix.html" title="Play Trial of Phoenix by PG Soft" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
1059                        <img src="static/images/972820e855dc8fd2bf898eccb4984a5f3a671588.heif" alt="Trial of Phoenix thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
1060                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
1061                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
1062                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
1063                            Trial of Phoenix
1064                        </p>
1065                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
1066                            PG Soft
1067                        </p>
1068                    </div>
1069                </a>
1070            </article>
1071        </div>
1072        <div class="mt-8 flex justify-center md:justify-end">
1073            <a href="javascript:downloadApp();" title="View all games in Mega Jackpot" class="inline-flex items-center justify-center px-5 py-2 text-xs font-bold uppercase tracking-widest text-[#ffffff] border border-[#525252] hover:bg-[#ffffff] hover:text-[#0a0a0a] transition-colors duration-300 rounded-full">
1074                View More
1075                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1076                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1077                </svg>
1078            </a>
1079        </div>
1080    </div>
1081</section>
1082<section id="cat-hot-games" class="py-8 px-4 md:py-12 md:px-6 bg-[#0a0a0a]">
1083    <div class="max-w-7xl mx-auto">
1084        <header class="mb-6 flex items-center gap-3 border-l-4 border-[#ffffff] pl-4">
1085            <h2 class="text-xl md:text-2xl font-bold text-[#ffffff] tracking-tight uppercase italic">
1086                <span class="mr-2">🔥</span>
1087                Hot Games
1088            </h2>
1089        </header>
1090        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-3 md:gap-6">
1091            <article class="group relative flex flex-col">
1092                <a href="trial-of-phoenix.html" title="Play Trial of Phoenix by Pragmatic Play" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
1093                        <img src="static/images/972820e855dc8fd2bf898eccb4984a5f3a671588.heif" alt="Trial of Phoenix thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
1094                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-trans
1094parent to-transparent opacity-80"></div>
1095                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
1096                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
1097                            Trial of Phoenix
1098                        </p>
1099                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
1100                            Pragmatic Play
1101                        </p>
1102                    </div>
1103                </a>
1104            </article>
1105            <article class="group relative flex flex-col">
1106                <a href="3-frozen-crowns.html" title="Play 3 Frozen Crowns by PG Soft" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
1107                        <img src="static/images/c53c79a22ba1f5932622488eaee7f3bfc793eedb.heif" alt="3 Frozen Crowns thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
1108                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
1109                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
1110                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
1111                            3 Frozen Crowns
1112                        </p>
1113                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
1114                            PG Soft
1115                        </p>
1116                    </div>
1117                </a>
1118            </article>
1119            <article class="group relative flex flex-col">
1120                <a href="club-cabana.html" title="Play Club Cabana by Pragmatic Play" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
1121                        <img src="static/images/fb94aae81be9823b0a55520fa600269d4967deaf.heif" alt="Club Cabana thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
1122                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
1123                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
1124                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
1125                            Club Cabana
1126                        </p>
1127                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
1128                            Pragmatic Play
1129                        </p>
1130                    </div>
1131                </a>
1132            </article>
1133            <article class="group relative flex flex-col">
1134                <a href="matka.html" title="Play Matka by Ezugi" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
1135                        <img src="static/images/eba4bac27e0e45622a8cf8bd395dd4f4002bb438.heif" alt="Matka thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
1136                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
1137                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
1138                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
1139                            Matka
1140                        </p>
1141                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
1142                            Ezugi
1143                        </p>
1144                    </div>
1145                </a>
1146            </article>
1147            <article class="group relative flex flex-col">
1148                <a href="fruit-slot.html" title="Play Fruit Slot by BGaming" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
1149                        <img src="static/images/8fcca6443927477f6fad271996e784fdaade33dc.webp" alt="Fruit Slot thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
1150                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-trans
1150parent to-transparent opacity-80"></div>
1151                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
1152                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
1153                            Fruit Slot
1154                        </p>
1155                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
1156                            BGaming
1157                        </p>
1158                    </div>
1159                </a>
1160            </article>
1161            <article class="group relative flex flex-col">
1162                <a href="salon-prive-baccarat-m.html" title="Play Salon Privé Baccarat M by Evolution" class="relative aspect-[4/5] overflow-hidden rounded-sm bg-[#262626] transition-all duration-300 group-hover:ring-2 group-hover:ring-[#ffffff] group-hover:-translate-y-1">
1163                        <img src="static/images/47b29a3aed21b07525d7050a906d7647a2c7096a.png" alt="Salon Privé Baccarat M thumbnail" loading="lazy" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110">
1164                    <div class="absolute inset-0 bg-gradient-to-t from-[#0a0a0a] via-transparent to-transparent opacity-80"></div>
1165                    <div class="absolute bottom-0 left-0 right-0 p-2 text-center">
1166                        <p class="text-[10px] md:text-xs font-medium text-[#ffffff] truncate leading-tight">
1167                            Salon Privé Baccarat M
1168                        </p>
1169                        <p class="text-[8px] md:text-[10px] text-[#e5e5e5] opacity-70 truncate">
1170                            Evolution
1171                        </p>
1172                    </div>
1173                </a>
1174            </article>
1175        </div>
1176        <div class="mt-8 flex justify-center md:justify-end">
1177            <a href="javascript:downloadApp();" title="View all games in Hot Games" class="inline-flex items-center justify-center px-5 py-2 text-xs font-bold uppercase tracking-widest text-[#ffffff] border border-[#525252] hover:bg-[#ffffff] hover:text-[#0a0a0a] transition-colors duration-300 rounded-full">
1178                View More
1179                <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1180                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
1181                </svg>
1182            </a>
1183        </div>
1184    </div>
1185</section>
1186<section class="py-8 px-4 md:py-12 md:px-6 bg-[#0a0a0a]">
1187    <div class="max-w-lg mx-auto">
1188        <div class="mb-6 text-left">
1189            <h2 class="text-2xl md:text-3xl font-bold text-[#ffffff] leading-tight mb-2">
1190                Best OKPlay App Promotions &amp; Bonuses in the Philippines
1191            </h2>
1192            <p class="text-sm md:text-base text-[#e5e5e5] opacity-80 leading-relaxed" title="Download the okplay app today and unlock exclusive rewards! From massive slot bonuses to GCash welcome offers, get the best value for your play on the most trusted okplay slot app in PH.">
1193                Download the okplay app today and unlock exclusive rewards! From massive slot bonuses to GCash welcome offers, get the best value for your play on the most trusted okplay slot app in PH.
1194            </p>
1195        </div>
1196        <div class="flex flex-col gap-6">
1197            <article class="relative bg-[#1a1a1a] border border-[#525252] rounded-2xl overflow-hidden shadow-lg transition-transform duration-300 hover:scale-[1.01]">
1198                <div class="relative w-full">
1199                    <img src="static/images/ccb3468cc5c3409a5b046295298c86f4587c492a.jpg" alt="Daily First Deposit Match promotion" loading="lazy" class="block w-full h-auto object-cover">
1200                    <span class="absolute top-3 left-3 bg-[#ffffff] text-[#0a0a0a] text-xs font-bold px-2 py-1 rounded-md uppercase tracking-wider">
1201                        HOT
1202                    </span>
1203                </div>
1204                <div class="p-5 flex flex-col gap-4">
1205                    <h3 class="text-lg md:text-xl font-bold text-[#ffffff] leading-snug">
1206                        Daily First Deposit Match
1207                    </h3>
1208                    <div class="flex items-center gap-2">
1209                        <span class="text-2xl md:text-3xl font-black text-[#ffffff]">
1210                            💰 100% Extra Credit
1211                        </span>
1212                    </div>
1213                    <p class="text-sm text-[#e5e5e5] leading-relaxed opacity-90" title="Start your day with a bang! Get a massive match bonus on your first deposit of the day via GCash.">
1214                        Start your day with a bang! Get a massive match bonus on your first deposit of the day via GCash.
1215                    </p>
1216                    <div class="space-y-2">
1217                        <div class="w-full bg-[#262626] h-2 rounded-full overflow-hidden">
1218                            <div class="h-full bg-[#ffffff]" style="width: 72%"></div>
1219                        </div>
1220                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium uppercase tracking-tight text-[#e5e5e5]">
1221                            <span class="flex items-center gap-1">
1222                                📈 Claimed: 72%
1223                            </span>
1224                            <span class="flex items-center gap-1">
1225                                ⏳ Ends in: 08h 45m
1226                            </span>
1227                        </div>
1228                    </div>
1229                    <button onclick="downloadApp()" title="Claim Daily First Deposit Match now" class="w-full py-3.5 bg-[#ffffff] text-[#0a0a0a] font-bold rounded-xl text-sm md:text-base transition-all active:scale-95 hover:bg-[#e5e5e5]">
1230                        Claim Now
1231                    </button>
1232                </div>
1233            </article>
1234            <article class="relative bg-[#1a1a1a] border border-[#525252] rounded-2xl overflow-hidden shadow-lg transition-transform duration-300 hover:scale-[1.01]">
1235                <div class="relative w-full">
1236                    <img src="static/images/e0b45500501507630a19ffc2bb45eea131bccaf0.jpg" alt="App Download Welcome Gift promotion" loading="lazy" class="block w-full h-auto object-cover">
1237                    <span class="absolute top-3 left-3 bg-[#ffffff] text-[#0a0a0a] text-xs font-bold px-2 py-1 rounded-md uppercase tracking-wider">
1238                        NEW
1239                    </span>
1240                </div>
1241                <div class="p-5 flex flex-col gap-4">
1242                    <h3 class="text-lg md:text-xl font-bold text-[#ffffff] leading-snug">
1243                        App Download Welcome Gift
1244                    </h3>
1245                    <div class="flex items-center gap-2">
1246                        <span class="text-2xl md:text-3xl font-black text-[#ffffff]">
1247                            💰 ₱58 Free Bonus
1248                        </span>
1249                    </div>
1250                    <p class="text-sm text-[#e5e5e5] leading-relaxed opacity-90" title="Install the OKPlay APK today and instantly receive ₱58 to start spinning your favorite slot games!">
1251                        Install the OKPlay APK today and instantly receive ₱58 to start spinning your favorite slot games!
1252                    </p>
1253                    <div class="space-y-2">
1254                        <div class="w-full bg-[#262626] h-2 rounded-full overflow-hidden">
1255                            <div class="h-full bg-[#ffffff]" style="width: 91%"></div>
1256                        </div>
1257                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium uppercase tracking-tight text-[#e5e5e5]">
1258                            <span class="flex items-center gap-1">
1259                                📈 Claimed: 91%
1260                            </span>
1261                            <span class="flex items-center gap-1">
1262                                ⏳ Ends in: 2 Days Left
1263                            </span>
1264                        </div>
1265                    </div>
1266                    <button onclick="downloadApp()" title="Claim App Download Welcome Gift now" class="w-full py-3.5 bg-[#ffffff] text-[#0a0a0a] font-bold rounded-xl text-sm md:text-base transition-all active:scale-95 hover:bg-[#e5e5e5]">
1267                        Download App
1268                    </button>
1269                </div>
1270            </article>
1271            <article class="relative bg-[#1a1a1a] border border-[#525252] rounded-2xl overflow-hidden shadow-lg transition-transform duration-300 hover:scale-[1.01]">
1272                <div class="relative w-full">
1273                    <img src="static/images/f36f8e9081704913e3d166d011c8efa99bdfa94b.png" alt="VIP Weekly Cashback Rebate promotion" loading="lazy" class="block w-full h-auto object-cover">
1274                    <span class="absolute top-3 left-3 bg-[#ffffff] text-[#0a0a0a] text-xs font-bold px-2 py-1 rounded-md uppercase tracking-wider">
1275                        EXCLUSIVE
1276                    </span>
1277                </div>
1278                <div class="p-5 flex flex-col gap-4">
1279                    <h3 class="text-lg md:text-xl font-bold text-[#ffffff] leading-snug">
1280                        VIP Weekly Cashback Rebate
1281                    </h3>
1282                    <div class="flex items-center gap-2">
1283                        <span class="text-2xl md:text-3xl font-black text-[#ffffff]">
1284                            💰 Up to 5% Rebate
1285                        </span>
1286                    </div>
1287                    <p class="text-sm text-[#e5e5e5] leading-relaxed opacity-90" title="High rollers only! Get a percentage of your weekly turnover back in cash. No wagering requirements.">
1288                        High rollers only! Get a percentage of your weekly turnover back in cash. No wagering requirements.
1289                    </p>
1290                    <div class="space-y-2">
1291                        <div class="w-full bg-[#262626] h-2 rounded-full overflow-hidden">
1292                            <div class="h-full bg-[#ffffff]" style="width: 54%"></div>
1293                        </div>
1294                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium uppercase tracking-tight text-[#e5e5e5]">
1295                            <span class="flex items-center gap-1">
1296                                📈 Claimed: 54%
1297                            </span>
1298                            <span class="flex items-center gap-1">
1299                                ⏳ Ends in: 14h 20m
1300                            </span>
1301                        </div>
1302                    </div>
1303                    <button onclick="downloadApp()" title="Claim VIP Weekly Cashback Rebate now" class="w-full py-3.5 bg-[#ffffff] text-[#0a0a0a] font-bold rounded-xl text-sm md:text-base transition-all active:scale-95 hover:bg-[#e5e5e5]">
1304                        Join VIP
1305                    </button>
1306                </div>
1307            </article>
1308            <article class="relative bg-[#1a1a1a] border border-[#525252] rounded-2xl overflow-hidden shadow-lg transition-transform duration-300 hover:scale-[1.01]">
1309                <div class="relative w-full">
1310                    <img src="static/images/c00d0f86cdba28b8ec0ee72a1cac929a831e9878.png" alt="Refer-a-Friend Bonus promotion" loading="lazy" class="block w-full h-auto object-cover">
1311                    <span class="absolute top-3 left-3 bg-[#ffffff] text-[#0a0a0a] text-xs font-bold px-2 py-1 rounded-md uppercase tracking-wider">
1312                        LIMITED
1313                    </span>
1314                </div>
1315                <div class="p-5 flex flex-col gap-4">
1316                    <h3 class="text-lg md:text-xl font-bold text-[#ffffff] leading-snug">
1317                        Refer-a-Friend Bonus
1318                    </h3>
1319                    <div class="flex items-center gap-2">
1320                        <span class="text-2xl md:text-3xl font-black text-[#ffffff]">
1321                            💰 ₱500 Referral Reward
1322                        </span>
1323                    </div>
1324                    <p class="text-sm text-[#e5e5e5] leading-relaxed opacity-90" title="Invite your barkada to join OKPlay! Earn huge rewards for every successful referral who deposits.">
1325                        Invite your barkada to join OKPlay! Earn huge rewards for every successful referral who deposits.
1326                    </p>
1327                    <div class="space-y-2">
1328                        <div class="w-full bg-[#262626] h-2 rounded-full overflow-hidden">
1329                            <div class="h-full bg-[#ffffff]" style="width: 68%"></div>
1330                        </div>
1331                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium uppercase tracking-tight text-[#e5e5e5]">
1332                            <span class="flex items-center gap-1">
1333                                📈 Claimed: 68%
1334                            </span>
1335                            <span class="flex items-center gap-1">
1336                                ⏳ Ends in: 05:59:00
1337                            </span>
1338                        </div>
1339                    </div>
1340                    <button onclick="downloadApp()" title="Claim Refer-a-Friend Bonus now" class="w-full py-3.5 bg-[#ffffff] text-[#0a0a0a] font-bold rounded-xl text-sm md:text-base transition-all active:scale-95 hover:bg-[#e5e5e5]">
1341                        Invite Now
1342                    </button>
1343                </div>
1344            </article>
1345            <article class="relative bg-[#1a1a1a] border border-[#525252] rounded-2xl overflow-hidden shadow-lg transition-transform duration-300 hover:scale-[1.01]">
1346                <div class="relative w-full">
1347                    <img src="static/images/b5d70ddd56dec286026e6bf713983bab3fbff3f7.jpg" alt="Mega Slot Jackpot Boost promotion" loading="lazy" class="block w-full h-auto object-cover">
1348                    <span class="absolute top-3 left-3 bg-[#ffffff] text-[#0a0a0a] text-xs font-bold px-2 py-1 rounded-md uppercase tracking-wider">
1349                        ENDING SOON
1350                    </span>
1351                </div>
1352                <div class="p-5 flex flex-col gap-4">
1353                    <h3 class="text-lg md:text-xl font-bold text-[#ffffff] leading-snug">
1354                        Mega Slot Jackpot Boost
1355                    </h3>
1356                    <div class="flex items-center gap-2">
1357                        <span class="text-2xl md:text-3xl font-black text-[#ffffff]">
1358                            💰 Up to ₱28,888
1359                        </span>
1360                    </div>
1361                    <p class="text-sm text-[#e5e5e5] leading-relaxed opacity-90" title="Spin and win big! Get daily bonus credits specifically for our hottest slot games and hit the jackpot.">
1362                        Spin and win big! Get daily bonus credits specifically for our hottest slot games and hit the jackpot.
1363                    </p>
1364                    <div class="space-y-2">
1365                        <div class="w-full bg-[#262626] h-2 rounded-full overflow-hidden">
1366                            <div class="h-full bg-[#ffffff]" style="width: 87%"></div>
1367                        </div>
1368                        <div class="flex justify-between items-center text-[11px] md:text-xs font-medium uppercase tracking-tight text-[#e5e5e5]">
1369                            <span class="flex items-center gap-1">
1370                                📈 Claimed: 87%
1371                            </span>
1372                            <span class="flex items-center gap-1">
1373                                ⏳ Ends in: 3h 12m
1374                            </span>
1375                        </div>
1376                    </div>
1377                    <button onclick="downloadApp()" title="Claim Mega Slot Jackpot Boost now" class="w-full py-3.5 bg-[#ffffff] text-[#0a0a0a] font-bold rounded-xl text-sm md:text-base transition-all active:scale-95 hover:bg-[#e5e5e5]">
1378                        Play Slots
1379                    </button>
1380                </div>
1381            </article>
1382        </div>
1383    </div>
1384</section>
1385<section class="py-12 px-4 md:py-20 md:px-8 bg-[#0a0a0a]" title="Game Introduction Section">
1386    <div class="max-w-4xl mx-auto">
1387        <div class="flex flex-col gap-8">
1388            <article class="relative overflow-hidden rounded-2xl border border-[#525252] bg-[#262626] transition-all duration-300 hover:border-[#ffffff]" title="OKPlay Golden Slots Profile">
1389                <div class="absolute top-4 right-4 z-10">
1390                    <div class="flex items-center justify-center w-12 h-12 rounded-full bg-[#0a0a0a] border border-[#525252] shadow-lg shadow-black/50" title="OKPlay Golden Slots icon badge">
1391                        <span class="text-2xl leading-none flex items-center justify-center">🎰</span>
1392                    </div>
1393                </div>
1394                <div class="p-6 md:p-8">
1395                    <header class="mb-6 pr-14">
1396                        <h3 class="text-xl md:text-2xl font-bold text-[#ffffff] mb-2 leading-tight" title="OKPlay Golden Slots">
1397                            OKPlay Golden Slots
1398                        </h3>
1399                        <p class="text-sm md:text-base text-[#e5e5e5] opacity-80 italic" title="Spin and win big prizes daily">
1400                            Spin and win big prizes daily
1401                        </p>
1402                    </header>
1403                    <div class="mb-8">
1404                        <div class="prose prose-invert max-w-none text-[#e5e5e5] leading-relaxed" title="OKPlay Golden Slots introduction">
1405                            <p>Dive into the most exciting slot experience on phokplayapp.com with stunning graphics and huge jackpots.</p>
1406                        </div>
1407                    </div>
1408                    <div class="mb-8 p-4 rounded-lg bg-[#0a0a0a] border-l-2 border-[#ffffff]">
1409                        <h4 class="text-sm font-semibold uppercase tracking-wider text-[#ffffff] mb-3 flex items-center gap-2">
1410                            <span class="w-1 h-4 bg-[#ffffff] inline-block"></span>
1411                            How to Play
1412                        </h4>
1413                        <div class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90" title="Gameplay rules for OKPlay Golden Slots">
1414                            <ul><li>Select your bet amount per spin.</li><li>Match three or more symbols to win.</li><li>Unlock free spins with scatter symbols.</li></ul>
1415                        </div>
1416                    </div>
1417                    <footer class="flex justify-end">
1418                        <button onclick="playGame('OKPlay Golden Slots')" class="group relative inline-flex items-center justify-center px-6 py-3 overflow-hidden font-bold text-[#0a0a0a] transition-all duration-300 bg-[#ffffff] rounded-full hover:scale-105 active:scale-95 shadow-xl shadow-white/10" title="Play OKPlay Golden Slots now">
1419                            <span class="relative z-10 text-sm uppercase tracking-widest">Play Now</span>
1420                            <div class="absolute inset-0 w-full h-full transition-all duration-300 bg-[#ffffff] group-hover:bg-opacity-90"></div>
1421                        </button>
1422                    </footer>
1423                </div>
1424            </article>
1425            <article class="relative overflow-hidden rounded-2xl border border-[#525252] bg-[#262626] transition-all duration-300 hover:border-[#ffffff]" title="VIP Baccarat Pro Profile">
1426                <div class="absolute top-4 right-4 z-10">
1427                    <div class="flex items-center justify-center w-12 h-12 rounded-full bg-[#0a0a0a] border border-[#525252] shadow-lg shadow-black/50" title="VIP Baccarat Pro icon badge">
1428                        <span class="text-2xl leading-none flex items-center justify-center">🃏</span>
1429                    </div>
1430                </div>
1431                <div class="p-6 md:p-8">
1432                    <header class="mb-6 pr-14">
1433                        <h3 class="text-xl md:text-2xl font-bold text-[#ffffff] mb-2 leading-tight" title="VIP Baccarat Pro">
1434                            VIP Baccarat Pro
1435                        </h3>
1436                        <p class="text-sm md:text-base text-[#e5e5e5] opacity-80 italic" title="High-stakes action for true winners">
1437                            High-stakes action for true winners
1438                        </p>
1439                    </header>
1440                    <div class="mb-8">
1441                        <div class="prose prose-invert max-w-none text-[#e5e5e5] leading-relaxed" title="VIP Baccarat Pro introduction">
1442                            <p>Feel the luxury of a real casino. Bet on the Player, Banker, or Tie to secure your victory.</p>
1443                        </div>
1444                    </div>
1445                    <div class="mb-8 p-4 rounded-lg bg-[#0a0a0a] border-l-2 border-[#ffffff]">
1446                        <h4 class="text-sm font-semibold uppercase tracking-wider text-[#ffffff] mb-3 flex items-center gap-2">
1447                            <span class="w-1 h-4 bg-[#ffffff] inline-block"></span>
1448                            How to Play
1449                        </h4>
1450                        <div class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90" title="Gameplay rules for VIP Baccarat Pro">
1451                            <ul><li>Place your bet on the winning hand.</li><li>Player or Banker closest to 9 wins.</li><li>Ties pay out at a higher multiplier.</li></ul>
1452                        </div>
1453                    </div>
1454                    <footer class="flex justify-end">
1455                        <button onclick="playGame('VIP Baccarat Pro')" class="group relative inline-flex items-center justify-center px-6 py-3 overflow-hidden font-bold text-[#0a0a0a] transition-all duration-300 bg-[#ffffff] rounded-full hover:scale-105 active:scale-95 shadow-xl shadow-white/10" title="Play VIP Baccarat Pro now">
1456                            <span class="relative z-10 text-sm uppercase tracking-widest">Play Now</span>
1457                            <div class="absolute inset-0 w-full h-full transition-all duration-300 bg-[#ffffff] group-hover:bg-opacity-90"></div>
1458                        </button>
1459                    </footer>
1460                </div>
1461            </article>
1462            <article class="relative overflow-hidden rounded-2xl border border-[#525252] bg-[#262626] transition-all duration-300 hover:border-[#ffffff]" title="PhokPlay Fishing Profile">
1463                <div class="absolute top-4 right-4 z-10">
1464                    <div class="flex items-center justify-center w-12 h-12 rounded-full bg-[#0a0a0a] border border-[#525252] shadow-lg shadow-black/50" title="PhokPlay Fishing icon badge">
1465                        <span class="text-2xl leading-none flex items-center justify-center">🐟</span>
1466                    </div>
1467                </div>
1468                <div class="p-6 md:p-8">
1469                    <header class="mb-6 pr-14">
1470                        <h3 class="text-xl md:text-2xl font-bold text-[#ffffff] mb-2 leading-tight" title="PhokPlay Fishing">
1471                            PhokPlay Fishing
1472                        </h3>
1473                        <p class="text-sm md:text-base text-[#e5e5e5] opacity-80 italic" title="Catch big fish for massive rewards">
1474                            Catch big fish for massive rewards
1475                        </p>
1476                    </header>
1477                    <div class="mb-8">
1478                        <div class="prose prose-invert max-w-none text-[#e5e5e5] leading-relaxed" title="PhokPlay Fishing introduction">
1479                            <p>An arcade-style adventure where your precision determines your payout. Aim, shoot, and collect coins.</p>
1480                        </div>
1481                    </div>
1482                    <div class="mb-8 p-4 rounded-lg bg-[#0a0a0a] border-l-2 border-[#ffffff]">
1483                        <h4 class="text-sm font-semibold uppercase tracking-wider text-[#ffffff] mb-3 flex items-center gap-2">
1484                            <span class="w-1 h-4 bg-[#ffffff] inline-block"></span>
1485                            How to Play
1486                        </h4>
1487                        <div class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90" title="Gameplay rules for PhokPlay Fishing">
1488                            <ul><li>Choose your cannon power level.</li><li>Target the largest fish for the biggest coins.</li><li>Use special items to clear the screen.</li></ul>
1489                        </div>
1490                    </div>
1491                    <footer class="flex justify-end">
1492                        <button onclick="playGame('PhokPlay Fishing')" class="group relative inline-flex items-center justify-center px-6 py-3 overflow-hidden font-bold text-[#0a0a0a] transition-all duration-300 bg-[#ffffff] rounded-full hover:scale-105 active:scale-95 shadow-xl shadow-white/10" title="Play PhokPlay Fishing now">
1493                            <span class="relative z-10 text-sm uppercase tracking-widest">Play Now</span>
1494                            <div class="absolute inset-0 w-full h-full transition-all duration-300 bg-[#ffffff] group-hover:bg-opacity-90"></div>
1495                        </button>
1496                    </footer>
1497                </div>
1498            </article>
1499            <article class="relative overflow-hidden rounded-2xl border border-[#525252] bg-[#262626] transition-all duration-300 hover:border-[#ffffff]" title="Lucky Wheel Spin Profile">
1500                <div class="absolute top-4 right-4 z-10">
1501                    <div class="flex items-center justify-center w-12 h-12 rounded-full bg-[#0a0a0a] border border-[#525252] shadow-lg shadow-black/50" title="Lucky Wheel Spin icon badge">
1502                        <span class="text-2xl leading-none flex items-center justify-center">🎡</span>
1503                    </div>
1504                </div>
1505                <div class="p-6 md:p-8">
1506                    <header class="mb-6 pr-14">
1507                        <h3 class="text-xl md:text-2xl font-bold text-[#ffffff] mb-2 leading-tight" title="Lucky Wheel Spin">
1508                            Lucky Wheel Spin
1509                        </h3>
1510                        <p class="text-sm md:text-base text-[#e5e5e5] opacity-80 italic" title="Instant wins with every turn">
1511                            Instant wins with every turn
1512                        </p>
1513                    </header>
1514                    <div class="mb-8">
1515                        <div class="prose prose-invert max-w-none text-[#e5e5e5] leading-relaxed" title="Lucky Wheel Spin introduction">
1516                            <p>The simplest way to win on the okplay app. One spin can change your luck instantly.</p>
1517                        </div>
1518                    </div>
1519                    <div class="mb-8 p-4 rounded-lg bg-[#0a0a0a] border-l-2 border-[#ffffff]">
1520                        <h4 class="text-sm font-semibold uppercase tracking-wider text-[#ffffff] mb-3 flex items-center gap-2">
1521                            <span class="w-1 h-4 bg-[#ffffff] inline-block"></span>
1522                            How to Play
1523                        </h4>
1524                        <div class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90" title="Gameplay rules for Lucky Wheel Spin">
1525                            <ul><li>Place a small entry bet.</li><li>Spin the wheel and wait for the pointer.</li><li>Win the prize based on the landing slice.</li></ul>
1526                        </div>
1527                    </div>
1528                    <footer class="flex justify-end">
1529                        <button onclick="playGame('Lucky Wheel Spin')" class="group relative inline-flex items-center justify-center px-6 py-3 overflow-hidden font-bold text-[#0a0a0a] transition-all duration-300 bg-[#ffffff] rounded-full hover:scale-105 active:scale-95 shadow-xl shadow-white/10" title="Play Lucky Wheel Spin now">
1530                            <span class="relative z-10 text-sm uppercase tracking-widest">Play Now</span>
1531                            <div class="absolute inset-0 w-full h-full transition-all duration-300 bg-[#ffffff] group-hover:bg-opacity-90"></div>
1532                        </button>
1533                    </footer>
1534                </div>
1535            </article>
1536        </div>
1537    </div>
1538</section>
1539<section class="py-12 px-4 md:py-20 md:px-8 bg-[#0a0a0a] font-sans text-[#ffffff]">
1540    <div class="max-w-4xl mx-auto">
1541        <header class="mb-10 text-center md:text-left">
1542            <h2 class="text-2xl md:text-4xl font-bold tracking-tight mb-3 text-[#ffffff]" title="Start Winning on phokplayapp.com in 6 Steps">
1543                Start Winning on phokplayapp.com in 6 Steps
1544            </h2>
1545            <p class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90 max-w-2xl mx-auto md:mx-0" title="Join thousands of Filipino winners on phokplayapp.com today. Experience a fast, safe, and rewarding gaming platform designed for you.">
1546                Join thousands of Filipino winners on phokplayapp.com today. Experience a fast, safe, and rewarding gaming platform designed for you.
1547            </p>
1548        </header>
1549        <div class="space-y-4 md:space-y-6">
1550            <article class="relative group p-5 md:p-6 rounded-xl border border-[#525252] bg-[#262626] transition-all duration-300 hover:border-[#ffffff] shadow-sm">
1551                <div class="flex items-start gap-4">
1552                    <div class="flex-shrink-0 w-8 h-8 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-xs font-bold text-[#ffffff] z-10">
1553                        1
1554                    </div>
1555                    <div class="flex-1 min-w-0">
1556                        <div class="flex items-center gap-2 mb-2">
1557                            <span class="flex-shrink-0 w-5 h-5 text-lg" title="Download APK icon">
1558                                📲
1559                            </span>
1560                            <h3 class="text-base md:text-lg font-semibold text-[#ffffff] truncate" title="Download APK">
1561                                Download APK
1562                            </h3>
1563                        </div>
1564                        <p class="text-sm md:text-base text-[#e5e5e5] leading-relaxed" title="Visit phokplayapp.com and click the okplay app download apk button to install the official gaming client on your Android or iOS device.">
1565                            Visit phokplayapp.com and click the okplay app download apk button to install the official gaming client on your Android or iOS device.
1566                        </p>
1567                    </div>
1568                </div>
1569                <div class="hidden md:block absolute -bottom-6 left-4 w-px h-6 bg-[#525252]"></div>
1570            </article>
1571            <article class="relative group p-5 md:p-6 rounded-xl border border-[#525252] bg-[#262626] transition-all duration-300 hover:border-[#ffffff] shadow-sm">
1572                <div class="flex items-start gap-4">
1573                    <div class="flex-shrink-0 w-8 h-8 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-xs font-bold text-[#ffffff] z-10">
1574                        2
1575                    </div>
1576                    <div class="flex-1 min-w-0">
1577                        <div class="flex items-center gap-2 mb-2">
1578                            <span class="flex-shrink-0 w-5 h-5 text-lg" title="Create Account icon">
1579                                👤
1580                            </span>
1581                            <h3 class="text-base md:text-lg font-semibold text-[#ffffff] truncate" title="Create Account">
1582                                Create Account
1583                            </h3>
1584                        </div>
1585                        <p class="text-sm md:text-base text-[#e5e5e5] leading-relaxed" title="Open the app and head to the register page. Fill in your details to set up your unique phokplayapp.com account in seconds.">
1586                            Open the app and head to the register page. Fill in your details to set up your unique phokplayapp.com account in seconds.
1587                        </p>
1588                    </div>
1589                </div>
1590                <div class="hidden md:block absolute -bottom-6 left-4 w-px h-6 bg-[#525252]"></div>
1591            </article>
1592            <article class="relative group p-5 md:p-6 rounded-xl border border-[#525252] bg-[#262626] transition-all duration-300 hover:border-[#ffffff] shadow-sm">
1593                <div class="flex items-start gap-4">
1594                    <div class="flex-shrink-0 w-8 h-8 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-xs font-bold text-[#ffffff] z-10">
1595                        3
1596                    </div>
1597                    <div class="flex-1 min-w-0">
1598                        <div class="flex items-center gap-2 mb-2">
1599                            <span class="flex-shrink-0 w-5 h-5 text-lg" title="Login via GCash icon">
1600                                💳
1601                            </span>
1602                            <h3 class="text-base md:text-lg font-semibold text-[#ffffff] truncate" title="Login via GCash">
1603                                Login via GCash
1604                            </h3>
1605                        </div>
1606                        <p class="text-sm md:text-base text-[#e5e5e5] leading-relaxed" title="Use the okplay login gcash app feature for a seamless and secure sign-in process, ensuring your account remains protected and verified.">
1607                            Use the okplay login gcash app feature for a seamless and secure sign-in process, ensuring your account remains protected and verified.
1608                        </p>
1609                    </div>
1610                </div>
1611                <div class="hidden md:block absolute -bottom-6 left-4 w-px h-6 bg-[#525252]"></div>
1612            </article>
1613            <article class="relative group p-5 md:p-6 rounded-xl border border-[#525252] bg-[#262626] transition-all duration-300 hover:border-[#ffffff] shadow-sm">
1614                <div class="flex items-start gap-4">
1615                    <div class="flex-shrink-0 w-8 h-8 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-xs font-bold text-[#ffffff] z-10">
1616                        4
1617                    </div>
1618                    <div class="flex-1 min-w-0">
1619                        <div class="flex items-center gap-2 mb-2">
1620                            <span class="flex-shrink-0 w-5 h-5 text-lg" title="Deposit Funds icon">
1621                                💰
1622                            </span>
1623                            <h3 class="text-base md:text-lg font-semibold text-[#ffffff] truncate" title="Deposit Funds">
1624                                Deposit Funds
1625                            </h3>
1626                        </div>
1627                        <p class="text-sm md:text-base text-[#e5e5e5] leading-relaxed" title="Top up your wallet using GCash or other local payment methods. phokplayapp.com offers instant credits so you can start playing immediately.">
1628                            Top up your wallet using GCash or other local payment methods. phokplayapp.com offers instant credits so you can start playing immediately.
1629                        </p>
1630                    </div>
1631                </div>
1632                <div class="hidden md:block absolute -bottom-6 left-4 w-px h-6 bg-[#525252]"></div>
1633            </article>
1634            <article class="relative group p-5 md:p-6 rounded-xl border border-[#525252] bg-[#262626] transition-all duration-300 hover:border-[#ffffff] shadow-sm">
1635                <div class="flex items-start gap-4">
1636                    <div class="flex-shrink-0 w-8 h-8 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-xs font-bold text-[#ffffff] z-10">
1637                        5
1638                    </div>
1639                    <div class="flex-1 min-w-0">
1640                        <div class="flex items-center gap-2 mb-2">
1641                            <span class="flex-shrink-0 w-5 h-5 text-lg" title="Pick Your Game icon">
1642                                🎰
1643                            </span>
1644                            <h3 class="text-base md:text-lg font-semibold text-[#ffffff] truncate" title="Pick Your Game">
1645                                Pick Your Game
1646                            </h3>
1647                        </div>
1648                        <p class="text-sm md:text-base text-[#e5e5e5] leading-relaxed" title="Browse the okplay slot app library and choose from a wide variety of high-RTP slots and casino games tailored for Filipino players.">
1649                            Browse the okplay slot app library and choose from a wide variety of high-RTP slots and casino games tailored for Filipino players.
1650                        </p>
1651                    </div>
1652                </div>
1653                <div class="hidden md:block absolute -bottom-6 left-4 w-px h-6 bg-[#525252]"></div>
1654            </article>
1655            <article class="relative group p-5 md:p-6 rounded-xl border border-[#525252] bg-[#262626] transition-all duration-300 hover:border-[#ffffff] shadow-sm">
1656                <div class="flex items-start gap-4">
1657                    <div class="flex-shrink-0 w-8 h-8 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-xs font-bold text-[#ffffff] z-10">
1658                        6
1659                    </div>
1660                    <div class="flex-1 min-w-0">
1661                        <div class="flex items-center gap-2 mb-2">
1662                            <span class="flex-shrink-0 w-5 h-5 text-lg" title="Withdraw Winnings icon">
1663                                🏆
1664                            </span>
1665                            <h3 class="text-base md:text-lg font-semibold text-[#ffffff] truncate" title="Withdraw Winnings">
1666                                Withdraw Winnings
1667                            </h3>
1668                        </div>
1669                        <p class="text-sm md:text-base text-[#e5e5e5] leading-relaxed" title="Once you hit the jackpot on phokplayapp.com, simply navigate to the wallet section and withdraw your winnings directly to your GCash account.">
1670                            Once you hit the jackpot on phokplayapp.com, simply navigate to the wallet section and withdraw your winnings directly to your GCash account.
1671                        </p>
1672                    </div>
1673                </div>
1674                <div class="hidden md:block absolute -bottom-6 left-4 w-px h-6 bg-[#525252]"></div>
1675            </article>
1676        </div>
1677        <footer class="mt-12 p-6 md:p-10 rounded-2xl bg-[#262626] border-t-2 border-[#ffffff] text-center">
1678            <div class="flex flex-col items-center gap-6">
1679                <button onclick="downloadApp()" class="w-full md:w-auto px-8 py-4 bg-[#ffffff] text-[#0a0a0a] font-bold rounded-lg text-base md:text-lg transition-transform active:scale-95 hover:bg-[#e5e5e5] uppercase tracking-wider" title="Download app to start playing">
1680                    Download okplay app &amp; Start Playing
1681                </button>
1682                <p class="text-xs md:text-sm text-[#e5e5e5] opacity-70 italic" title="Supported on iOS &amp; Android - Updated 2024">
1683                    Supported on iOS &amp; Android - Updated 2024
1684                </p>
1685            </div>
1686        </footer>
1687    </div>
1688</section>
1689<section class="py-12 px-4 md:py-20 md:px-8 bg-[#0a0a0a]">
1690  <header class="max-w-4xl mx-auto text-center mb-10">
1691    <div class="flex items-center justify-center gap-2 mb-3 text-[#e5e5e5] text-sm font-medium tracking-widest uppercase">
1692      <div class="h-[1px] w-8 bg-[#525252]"></div>
1693      <span>---- 🏆 ----</span>
1694      <div class="h-[1px] w-8 bg-[#525252]"></div>
1695    </div>
1696    <h2 class="text-2xl md:text-4xl font-bold text-[#ffffff] mb-3 leading-tight">
1697      Live Winners Board
1698    </h2>
1699    <p class="text-sm md:text-base text-[#e5e5e5] max-w-2xl mx-auto opacity-80">
1700      Real-time payouts and big wins from our players
1701    </p>
1702  </header>
1703  <div class="max-w-3xl mx-auto grid grid-cols-1 gap-4 md:gap-6">
1704    <article class="relative overflow-hidden rounded-xl border border-[#525252] bg-[#262626] p-4 md:p-6 transition-all hover:border-[#ffffff] group">
1705      <div class="flex flex-col gap-4">
1706        <div class="flex items-center justify-between gap-3">
1707          <div class="flex items-center gap-3">
1708            <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-lg shadow-inner">
1709              <span class="select-none">😎</span>
1710            </div>
1711            <div class="flex flex-col">
1712              <h3 class="text-sm md:text-base font-bold text-[#ffffff] leading-tight">
1713                JunJun_88
1714              </h3>
1715              <span class="text-[10px] md:text-xs text-[#e5e5e5] opacity-60 uppercase tracking-wider font-medium">
1716                Golden Dragon Slot
1717              </span>
1718            </div>
1719          </div>
1720          <span class="text-[10px] md:text-xs text-[#e5e5e5] opacity-50 font-mono italic">
1721            🕒 2 mins ago
1722          </span>
1723        </div>
1724        <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-2">
1725          <div class="flex flex-col">
1726            <span class="text-[10px] uppercase tracking-widest text-[#e5e5e5] opacity-60 mb-1">Winning Prize</span>
1727            <div class="text-2xl md:text-3xl font-black text-[#ffffff] tracking-tight group-hover:scale-105 transition-transform duration-300">
1728              ₱12,500
1729            </div>
1730          </div>
1731        </div>
1732        <div class="relative">
1733          <p class="text-sm md:text-sm text-[#e5e5e5] leading-relaxed italic opacity-90 pl-3 border-l-2 border-[#525252]" title="Finally hit the big win! Fast cash out via GCash is the best.">
1734            Finally hit the big win! Fast cash out via GCash is the best.
1735          </p>
1736        </div>
1737      </div>
1738    </article>
1739    <article class="relative overflow-hidden rounded-xl border border-[#525252] bg-[#262626] p-4 md:p-6 transition-all hover:border-[#ffffff] group">
1740      <div class="flex flex-col gap-4">
1741        <div class="flex items-center justify-between gap-3">
1742          <div class="flex items-center gap-3">
1743            <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-lg shadow-inner">
1744              <span class="select-none">👩</span>
1745            </div>
1746            <div class="flex flex-col">
1747              <h3 class="text-sm md:text-base font-bold text-[#ffffff] leading-tight">
1748                MariaClara_PH
1749              </h3>
1750              <span class="text-[10px] md:text-xs text-[#e5e5e5] opacity-60 uppercase tracking-wider font-medium">
1751                Royal Baccarat
1752              </span>
1753            </div>
1754          </div>
1755          <span class="text-[10px] md:text-xs text-[#e5e5e5] opacity-50 font-mono italic">
1756            🕒 15 mins ago
1757          </span>
1758        </div>
1759        <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-2">
1760          <div class="flex flex-col">
1761            <span class="text-[10px] uppercase tracking-widest text-[#e5e5e5] opacity-60 mb-1">Winning Prize</span>
1762            <div class="text-2xl md:text-3xl font-black text-[#ffffff] tracking-tight group-hover:scale-105 transition-transform duration-300">
1763              ₱45,000
1764            </div>
1765          </div>
1766          <div class="inline-flex items-center px-3 py-1 rounded-full bg-[#ffffff] text-[#0a0a0a] text-[10px] md:text-xs font-bold uppercase tracking-tighter shadow-lg">
1767            Jackpot
1768          </div>
1769        </div>
1770        <div class="relative">
1771          <p class="text-sm md:text-sm text-[#e5e5e5] leading-relaxed italic opacity-90 pl-3 border-l-2 border-[#525252]" title="Unbelievable streak! I can't believe I actually won this much today!">
1772            Unbelievable streak! I can't believe I actually won this much today!
1773          </p>
1774        </div>
1775      </div>
1776    </article>
1777    <article class="relative overflow-hidden rounded-xl border border-[#525252] bg-[#262626] p-4 md:p-6 transition-all hover:border-[#ffffff] group">
1778      <div class="flex flex-col gap-4">
1779        <div class="flex items-center justify-between gap-3">
1780          <div class="flex items-center gap-3">
1781            <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-lg shadow-inner">
1782              <span class="select-none">👨</span>
1783            </div>
1784            <div class="flex flex-col">
1785              <h3 class="text-sm md:text-base font-bold text-[#ffffff] leading-tight">
1786                KuyaBerto
1787              </h3>
1788              <span class="text-[10px] md:text-xs text-[#e5e5e5] opacity-60 uppercase tracking-wider font-medium">
1789                Ocean Fishing
1790              </span>
1791            </div>
1792          </div>
1793          <span class="text-[10px] md:text-xs text-[#e5e5e5] opacity-50 font-mono italic">
1794            🕒 24 mins ago
1795          </span>
1796        </div>
1797        <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-2">
1798          <div class="flex flex-col">
1799            <span class="text-[10px] uppercase tracking-widest text-[#e5e5e5] opacity-60 mb-1">Winning Prize</span>
1800            <div class="text-2xl md:text-3xl font-black text-[#ffffff] tracking-tight group-hover:scale-105 transition-transform duration-300">
1801              ₱3,200
1802            </div>
1803          </div>
1804        </div>
1805        <div class="relative">
1806          <p class="text-sm md:text-sm text-[#e5e5e5] leading-relaxed italic opacity-90 pl-3 border-l-2 border-[#525252]" title="Super fun game and the rewards are really fair. Highly recommended!">
1807            Super fun game and the rewards are really fair. Highly recommended!
1808          </p>
1809        </div>
1810      </div>
1811    </article>
1812    <article class="relative overflow-hidden rounded-xl border border-[#525252] bg-[#262626] p-4 md:p-6 transition-all hover:border-[#ffffff] group">
1813      <div class="flex flex-col gap-4">
1814        <div class="flex items-center justify-between gap-3">
1815          <div class="flex items-center gap-3">
1816            <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-lg shadow-inner">
1817              <span class="select-none">🧔</span>
1818            </div>
1819            <div class="flex flex-col">
1820              <h3 class="text-sm md:text-base font-bold text-[#ffffff] leading-tight">
1821                PinoyPlayer99
1822              </h3>
1823              <span class="text-[10px] md:text-xs text-[#e5e5e5] opacity-60 uppercase tracking-wider font-medium">
1824                Mega Reels Slot
1825              </span>
1826            </div>
1827          </div>
1828          <span class="text-[10px] md:text-xs text-[#e5e5e5] opacity-50 font-mono italic">
1829            🕒 1 hour ago
1830          </span>
1831        </div>
1832        <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-2">
1833          <div class="flex flex-col">
1834            <span class="text-[10px] uppercase tracking-widest text-[#e5e5e5] opacity-60 mb-1">Winning Prize</span>
1835            <div class="text-2xl md:text-3xl font-black text-[#ffffff] tracking-tight group-hover:scale-105 transition-transform duration-300">
1836              ₱110,000
1837            </div>
1838          </div>
1839          <div class="inline-flex items-center px-3 py-1 rounded-full bg-[#ffffff] text-[#0a0a0a] text-[10px] md:text-xs font-bold uppercase tracking-tighter shadow-lg">
1840            Jackpot
1841          </div>
1842        </div>
1843        <div class="relative">
1844          <p class="text-sm md:text-sm text-[#e5e5e5] leading-relaxed italic opacity-90 pl-3 border-l-2 border-[#525252]" title="OMG! Just hit the Mega Jackpot! This is a total game changer!">
1845            OMG! Just hit the Mega Jackpot! This is a total game changer!
1846          </p>
1847        </div>
1848      </div>
1849    </article>
1850    <article class="relative overflow-hidden rounded-xl border border-[#525252] bg-[#262626] p-4 md:p-6 transition-all hover:border-[#ffffff] group">
1851      <div class="flex flex-col gap-4">
1852        <div class="flex items-center justify-between gap-3">
1853          <div class="flex items-center gap-3">
1854            <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#0a0a0a] border border-[#525252] flex items-center justify-center text-lg shadow-inner">
1855              <span class="select-none">🧑</span>
1856            </div>
1857            <div class="flex flex-col">
1858              <h3 class="text-sm md:text-base font-bold text-[#ffffff] leading-tight">
1859                Santi_Gaming
1860              </h3>
1861              <span class="text-[10px] md:text-xs text-[#e5e5e5] opacity-60 uppercase tracking-wider font-medium">
1862                Texas Hold'em Poker
1863              </span>
1864            </div>
1865          </div>
1866          <span class="text-[10px] md:text-xs text-[#e5e5e5] opacity-50 font-mono italic">
1867            🕒 3 hours ago
1868          </span>
1869        </div>
1870        <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-2">
1871          <div class="flex flex-col">
1872            <span class="text-[10px] uppercase tracking-widest text-[#e5e5e5] opacity-60 mb-1">Winning Prize</span>
1873            <div class="text-2xl md:text-3xl font-black text-[#ffffff] tracking-tight group-hover:scale-105 transition-transform duration-300">
1874              ₱8,700
1875            </div>
1876          </div>
1877        </div>
1878        <div class="relative">
1879          <p class="text-sm md:text-sm text-[#e5e5e5] leading-relaxed italic opacity-90 pl-3 border-l-2 border-[#525252]" title="Great community and smooth gameplay. My strategy finally paid off big time.">
1880            Great community and smooth gameplay. My strategy finally paid off big time.
1881          </p>
1882        </div>
1883      </div>
1884    </article>
1885  </div>
1886</section>
1887<section class="py-12 px-4 bg-[#0a0a0a] text-[#ffffff] font-sans">
1888    <div class="max-w-4xl mx-auto">
1889        <header class="mb-8 text-center md:text-left">
1890            <h2 class="text-xl md:text-2xl font-bold tracking-tight text-[#ffffff] mb-2" title="Player Feedback">
1891                Player Feedback
1892            </h2>
1893            <p class="text-sm md:text-base text-[#e5e5e5] opacity-80 max-w-2xl mx-auto md:mx-0" title="Real experiences from our gaming community in the Philippines">
1894                Real experiences from our gaming community in the Philippines
1895            </p>
1896        </header>
1897        <div class="grid gap-4">
1898            <article class="relative bg-[#262626] border border-[#525252] rounded-lg p-4 md:p-6 transition-all hover:border-opacity-80" title="Review by Christian Jimenez">
1899                <div class="flex items-center gap-3 mb-4">
1900                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#525252] flex items-center justify-center text-lg font-medium text-[#ffffff] border border-[#ffffff]/10">
1901                        🧔
1902                    </div>
1903                    <div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-3 overflow-hidden">
1904                        <span class="font-semibold text-[#ffffff] truncate">Christian Jimenez</span>
1905                        <div class="flex items-center gap-2 text-xs text-[#e5e5e5] opacity-70">
1906                            <span class="flex items-center gap-1">
1907                                <svg class="w-3 h-3 text-yellow-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
1908                                    <path d="M10 15l-5.857 3.122A1 1 0 017 17H13a1 1 0 01.857-1.122L10 15zM10 12l-4-2.122A1 1 0 016 9.878H14a1 1 0 01-.857 2.122L10 12zM10 9l-4-2.122A1 1 0 016 6.878H14a1 1 0 01-.857 2.122L10 9z"></path>
1909                                </svg>
1910                                <span class="font-medium text-[#ffffff]">5.0</span>
1911                            </span>
1912                            <span class="hidden sm:inline opacity-50">•</span>
1913                            <time datetime="2 hours ago" class="opacity-70">2 hours ago</time>
1914                        </div>
1915                    </div>
1916                </div>
1917                <div class="mb-4">
1918                    <p class="text-sm md:text-base leading-relaxed text-[#e5e5e5] italic" title="Super smooth experience with the okplay app. The GCash login is very convenient and my withdrawals were processed almost instantly. Highly recommended for all Pinoy players!">
1919                        Super smooth experience with the okplay app. The GCash login is very convenient and my withdrawals were processed almost instantly. Highly recommended for all Pinoy players!
1920                    </p>
1921                </div>
1922                <div class="flex items-center justify-between pt-3 border-t border-[#525252]/50">
1923                    <div class="flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded-full bg-[#ffffff]/10 text-[#ffffff]">
1924                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1925                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
1926                        </svg>
1927                        <span>Verified Player</span>
1928                    </div>
1929                    <div class="flex items-center gap-1 text-xs text-[#e5e5e5] opacity-60">
1930                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1931                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
1932                        </svg>
1933                        <span>42</span>
1934                    </div>
1935                </div>
1936            </article>
1937            <article class="relative bg-[#262626] border border-[#525252] rounded-lg p-4 md:p-6 transition-all hover:border-opacity-80" title="Review by Pauleen Luna">
1938                <div class="flex items-center gap-3 mb-4">
1939                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#525252] flex items-center justify-center text-lg font-medium text-[#ffffff] border border-[#ffffff]/10">
1940                        👩
1941                    </div>
1942                    <div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-3 overflow-hidden">
1943                        <span class="font-semibold text-[#ffffff] truncate">Pauleen Luna</span>
1944                        <div class="flex items-center gap-2 text-xs text-[#e5e5e5] opacity-70">
1945                            <span class="flex items-center gap-1">
1946                                <svg class="w-3 h-3 text-yellow-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
1947                                    <path d="M10 15l-5.857 3.122A1 1 0 017 17H13a1 1 0 01.857-1.122L10 15zM10 12l-4-2.122A1 1 0 016 9.878H14a1 1 0 01-.857 2.122L10 12zM10 9l-4-2.122A1 1 0 016 6.878H14a1 1 0 01-.857 2.122L10 9z"></path>
1948                                </svg>
1949                                <span class="font-medium text-[#ffffff]">4.8</span>
1950                            </span>
1951                            <span class="hidden sm:inline opacity-50">•</span>
1952                            <time datetime="5 hours ago" class="opacity-70">5 hours ago</time>
1953                        </div>
1954                    </div>
1955                </div>
1956                <div class="mb-4">
1957                    <p class="text-sm md:text-base leading-relaxed text-[#e5e5e5] italic" title="I love the variety of the okplay slot app. The graphics are great and it doesn't lag even on my older phone. Definitely a top-tier gaming experience.">
1958                        I love the variety of the okplay slot app. The graphics are great and it doesn't lag even on my older phone. Definitely a top-tier gaming experience.
1959                    </p>
1960                </div>
1961                <div class="flex items-center justify-between pt-3 border-t border-[#525252]/50">
1962                    <div class="flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded-full bg-[#ffffff]/10 text-[#ffffff]">
1963                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1964                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
1965                        </svg>
1966                        <span>Verified Player</span>
1967                    </div>
1968                    <div class="flex items-center gap-1 text-xs text-[#e5e5e5] opacity-60">
1969                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1970                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
1971                        </svg>
1972                        <span>28</span>
1973                    </div>
1974                </div>
1975            </article>
1976            <article class="relative bg-[#262626] border border-[#525252] rounded-lg p-4 md:p-6 transition-all hover:border-opacity-80" title="Review by Vilma Santos">
1977                <div class="flex items-center gap-3 mb-4">
1978                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#525252] flex items-center justify-center text-lg font-medium text-[#ffffff] border border-[#ffffff]/10">
1979                        👩
1980                    </div>
1981                    <div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-3 overflow-hidden">
1982                        <span class="font-semibold text-[#ffffff] truncate">Vilma Santos</span>
1983                        <div class="flex items-center gap-2 text-xs text-[#e5e5e5] opacity-70">
1984                            <span class="flex items-center gap-1">
1985                                <svg class="w-3 h-3 text-yellow-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
1986                                    <path d="M10 15l-5.857 3.122A1 1 0 017 17H13a1 1 0 01.857-1.122L10 15zM10 12l-4-2.122A1 1 0 016 9.878H14a1 1 0 01-.857 2.122L10 12zM10 9l-4-2.122A1 1 0 016 6.878H14a1 1 0 01-.857 2.122L10 9z"></path>
1987                                </svg>
1988                                <span class="font-medium text-[#ffffff]">4.9</span>
1989                            </span>
1990                            <span class="hidden sm:inline opacity-50">•</span>
1991                            <time datetime="1 day ago" class="opacity-70">1 day ago</time>
1992                        </div>
1993                    </div>
1994                </div>
1995                <div class="mb-4">
1996                    <p class="text-sm md:text-base leading-relaxed text-[#e5e5e5] italic" title="The okplay app download apk was very easy to install. I had some questions about the bonus, and the customer support team answered me in minutes. Very professional!">
1997                        The okplay app download apk was very easy to install. I had some questions about the bonus, and the customer support team answered me in minutes. Very professional!
1998                    </p>
1999                </div>
2000                <div class="flex items-center justify-between pt-3 border-t border-[#525252]/50">
2001                    <div class="flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded-full bg-[#ffffff]/10 text-[#ffffff]">
2002                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2003                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
2004                        </svg>
2005                        <span>Verified Player</span>
2006                    </div>
2007                    <div class="flex items-center gap-1 text-xs text-[#e5e5e5] opacity-60">
2008                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2009                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
2010                        </svg>
2011                        <span>115</span>
2012                    </div>
2013                </div>
2014            </article>
2015            <article class="relative bg-[#262626] border border-[#525252] rounded-lg p-4 md:p-6 transition-all hover:border-opacity-80" title="Review by Cassy Legaspi">
2016                <div class="flex items-center gap-3 mb-4">
2017                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#525252] flex items-center justify-center text-lg font-medium text-[#ffffff] border border-[#ffffff]/10">
2018                        👩
2019                    </div>
2020                    <div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-3 overflow-hidden">
2021                        <span class="font-semibold text-[#ffffff] truncate">Cassy Legaspi</span>
2022                        <div class="flex items-center gap-2 text-xs text-[#e5e5e5] opacity-70">
2023                            <span class="flex items-center gap-1">
2024                                <svg class="w-3 h-3 text-yellow-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
2025                                    <path d="M10 15l-5.857 3.122A1 1 0 017 17H13a1 1 0 01.857-1.122L10 15zM10 12l-4-2.122A1 1 0 016 9.878H14a1 1 0 01-.857 2.122L10 12zM10 9l-4-2.122A1 1 0 016 6.878H14a1 1 0 01-.857 2.122L10 9z"></path>
2026                                </svg>
2027                                <span class="font-medium text-[#ffffff]">5.0</span>
2028                            </span>
2029                            <span class="hidden sm:inline opacity-50">•</span>
2030                            <time datetime="3 days ago" class="opacity-70">3 days ago</time>
2031                        </div>
2032                    </div>
2033                </div>
2034                <div class="mb-4">
2035                    <p class="text-sm md:text-base leading-relaxed text-[#e5e5e5] italic" title="Finally a platform that actually pays out fast. I used the okplay login gcash app and the funds were in my wallet immediately after the win. Legit!">
2036                        Finally a platform that actually pays out fast. I used the okplay login gcash app and the funds were in my wallet immediately after the win. Legit!
2037                    </p>
2038                </div>
2039                <div class="flex items-center justify-between pt-3 border-t border-[#525252]/50">
2040                    <div class="flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded-full bg-[#ffffff]/10 text-[#ffffff]">
2041                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2042                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
2043                        </svg>
2044                        <span>Verified Player</span>
2045                    </div>
2046                    <div class="flex items-center gap-1 text-xs text-[#e5e5e5] opacity-60">
2047                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2048                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
2049                        </svg>
2050                        <span>87</span>
2051                    </div>
2052                </div>
2053            </article>
2054            <article class="relative bg-[#262626] border border-[#525252] rounded-lg p-4 md:p-6 transition-all hover:border-opacity-80" title="Review by Billy Crawford">
2055                <div class="flex items-center gap-3 mb-4">
2056                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#525252] flex items-center justify-center text-lg font-medium text-[#ffffff] border border-[#ffffff]/10">
2057                        👨
2058                    </div>
2059                    <div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-3 overflow-hidden">
2060                        <span class="font-semibold text-[#ffffff] truncate">Billy Crawford</span>
2061                        <div class="flex items-center gap-2 text-xs text-[#e5e5e5] opacity-70">
2062                            <span class="flex items-center gap-1">
2063                                <svg class="w-3 h-3 text-yellow-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
2064                                    <path d="M10 15l-5.857 3.122A1 1 0 017 17H13a1 1 0 01.857-1.122L10 15zM10 12l-4-2.122A1 1 0 016 9.878H14a1 1 0 01-.857 2.122L10 12zM10 9l-4-2.122A1 1 0 016 6.878H14a1 1 0 01-.857 2.122L10 9z"></path>
2065                                </svg>
2066                                <span class="font-medium text-[#ffffff]">4.7</span>
2067                            </span>
2068                            <span class="hidden sm:inline opacity-50">•</span>
2069                            <time datetime="1 week ago" class="opacity-70">1 week ago</time>
2070                        </div>
2071                    </div>
2072                </div>
2073                <div class="mb-4">
2074                    <p class="text-sm md:text-base leading-relaxed text-[#e5e5e5] italic" title="Great interface and very user-friendly. The games load quickly and the promotional offers are actually rewarding. It's my go-to app for relaxing after work.">
2075                        Great interface and very user-friendly. The games load quickly and the promotional offers are actually rewarding. It's my go-to app for relaxing after work.
2076                    </p>
2077                </div>
2078                <div class="flex items-center justify-between pt-3 border-t border-[#525252]/50">
2079                    <div class="flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded-full bg-[#ffffff]/10 text-[#ffffff]">
2080                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2081                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
2082                        </svg>
2083                        <span>Verified Player</span>
2084                    </div>
2085                    <div class="flex items-center gap-1 text-xs text-[#e5e5e5] opacity-60">
2086                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2087                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
2088                        </svg>
2089                        <span>56</span>
2090                    </div>
2091                </div>
2092            </article>
2093            <article class="relative bg-[#262626] border border-[#525252] rounded-lg p-4 md:p-6 transition-all hover:border-opacity-80" title="Review by Daniel Villanueva">
2094                <div class="flex items-center gap-3 mb-4">
2095                    <div class="flex-shrink-0 w-10 h-10 rounded-full bg-[#525252] flex items-center justify-center text-lg font-medium text-[#ffffff] border border-[#ffffff]/10">
2096                        🧔
2097                    </div>
2098                    <div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-3 overflow-hidden">
2099                        <span class="font-semibold text-[#ffffff] truncate">Daniel Villanueva</span>
2100                        <div class="flex items-center gap-2 text-xs text-[#e5e5e5] opacity-70">
2101                            <span class="flex items-center gap-1">
2102                                <svg class="w-3 h-3 text-yellow-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
2103                                    <path d="M10 15l-5.857 3.122A1 1 0 017 17H13a1 1 0 01.857-1.122L10 15zM10 12l-4-2.122A1 1 0 016 9.878H14a1 1 0 01-.857 2.122L10 12zM10 9l-4-2.122A1 1 0 016 6.878H14a1 1 0 01-.857 2.122L10 9z"></path>
2104                                </svg>
2105                                <span class="font-medium text-[#ffffff]">4.9</span>
2106                            </span>
2107                            <span class="hidden sm:inline opacity-50">•</span>
2108                            <time datetime="2 weeks ago" class="opacity-70">2 weeks ago</time>
2109                        </div>
2110                    </div>
2111                </div>
2112                <div class="mb-4">
2113                    <p class="text-sm md:text-base leading-relaxed text-[#e5e5e5] italic" title="I've tried many apps but okplay is the most stable so far. No crashes during big wins and the navigation is simple. Best slot app in the PH!">
2114                        I've tried many apps but okplay is the most stable so far. No crashes during big wins and the navigation is simple. Best slot app in the PH!
2115                    </p>
2116                </div>
2117                <div class="flex items-center justify-between pt-3 border-t border-[#525252]/50">
2118                    <div class="flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded-full bg-[#ffffff]/10 text-[#ffffff]">
2119                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2120                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
2121                        </svg>
2122                        <span>Verified Player</span>
2123                    </div>
2124                    <div class="flex items-center gap-1 text-xs text-[#e5e5e5] opacity-60">
2125                        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2126                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
2127                        </svg>
2128                        <span>34</span>
2129                    </div>
2130                </div>
2131            </article>
2132        </div>
2133    </div>
2134</section>
2135<section class="py-12 px-4 md:py-20 md:px-8 bg-[#0a0a0a] font-sans">
2136    <div class="max-w-3xl mx-auto">
2137        <header class="mb-10 text-center md:text-left">
2138            <h2 class="text-2xl md:text-4xl font-bold text-[#ffffff] mb-3 tracking-tight leading-tight">
2139                OKPlay Help Center
2140            </h2>
2141            <p class="text-sm md:text-base text-[#e5e5e5] opacity-80 max-w-2xl mx-auto md:mx-0" title="Get the most out of your OKPlay app experience with our easy guides and quick support.">
2142                Get the most out of your OKPlay app experience with our easy guides and quick support.
2143            </p>
2144        </header>
2145        <div class="space-y-4">
2146            <article class="group">
2147                <details class="group cursor-pointer" open="">
2148                    <summary class="flex items-center justify-between p-4 md:p-5 bg-[#262626] text-[#ffffff] rounded-lg transition-all duration-300 hover:bg-[#333333] list-none outline-none border border-[#525252]">
2149                        <span class="text-sm md:text-base font-medium pr-4 leading-relaxed">
2150                            Is my money and data safe with the OKPlay app?
2151                        </span>
2152                        <span class="flex-shrink-0 transition-transform duration-300 group-open:rotate-180">
2153                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#ffffff]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2154                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2155                            </svg>
2156                        </span>
2157                    </summary>
2158                    <div class="p-4 md:p-5 bg-[#262626] border-x border-b border-[#525252] rounded-b-lg">
2159                        <div class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90" title="Yes! 🛡️ We use advanced SSL encryption and secure protocols to ensure your personal data and GCash transactions are fully protected. Your privacy and funds are our top priority.">
2160                            Yes! 🛡️ We use advanced SSL encryption and secure protocols to ensure your personal data and GCash transactions are fully protected. Your privacy and funds are our top priority.
2161                        </div>
2162                    </div>
2163                </details>
2164            </article>
2165            <article class="group">
2166                <details class="group cursor-pointer" open="">
2167                    <summary class="flex items-center justify-between p-4 md:p-5 bg-[#262626] text-[#ffffff] rounded-lg transition-all duration-300 hover:bg-[#333333] list-none outline-none border border-[#525252]">
2168                        <span class="text-sm md:text-base font-medium pr-4 leading-relaxed">
2169                            How do I register and verify my OKPlay account?
2170                        </span>
2171                        <span class="flex-shrink-0 transition-transform duration-300 group-open:rotate-180">
2172                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#ffffff]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2173                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2174                            </svg>
2175                        </span>
2176                    </summary>
2177                    <div class="p-4 md:p-5 bg-[#262626] border-x border-b border-[#525252] rounded-b-lg">
2178                        <div class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90" title="Simply click 'Register' on the phokplayapp.com homepage, fill in your details, and verify your mobile number. 📱 Quick verification allows you to enjoy seamless gameplay and faster withdrawals.">
2179                            Simply click 'Register' on the phokplayapp.com homepage, fill in your details, and verify your mobile number. 📱 Quick verification allows you to enjoy seamless gameplay and faster withdrawals.
2180                        </div>
2181                    </div>
2182                </details>
2183            </article>
2184            <article class="group">
2185                <details class="group cursor-pointer" open="">
2186                    <summary class="flex items-center justify-between p-4 md:p-5 bg-[#262626] text-[#ffffff] rounded-lg transition-all duration-300 hover:bg-[#333333] list-none outline-none border border-[#525252]">
2187                        <span class="text-sm md:text-base font-medium pr-4 leading-relaxed">
2188                            How fast are the deposits and withdrawals via GCash?
2189                        </span>
2190                        <span class="flex-shrink-0 transition-transform duration-300 group-open:rotate-180">
2191                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#ffffff]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2192                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2193                            </svg>
2194                        </span>
2195                    </summary>
2196                    <div class="p-4 md:p-5 bg-[#262626] border-x border-b border-[#525252] rounded-b-lg">
2197                        <div class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90" title="Enjoy lightning-fast transactions! ⚡ Deposits are usually instant, while withdrawal requests are processed quickly to ensure you get your winnings in your GCash wallet without any long delays.">
2198                            Enjoy lightning-fast transactions! ⚡ Deposits are usually instant, while withdrawal requests are processed quickly to ensure you get your winnings in your GCash wallet without any long delays.
2199                        </div>
2200                    </div>
2201                </details>
2202            </article>
2203            <article class="group">
2204                <details class="group cursor-pointer" open="">
2205                    <summary class="flex items-center justify-between p-4 md:p-5 bg-[#262626] text-[#ffffff] rounded-lg transition-all duration-300 hover:bg-[#333333] list-none outline-none border border-[#525252]">
2206                        <span class="text-sm md:text-base font-medium pr-4 leading-relaxed">
2207                            Are the games in the OKPlay slot app fair?
2208                        </span>
2209                        <span class="flex-shrink-0 transition-transform duration-300 group-open:rotate-180">
2210                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#ffffff]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2211                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2212                            </svg>
2213                        </span>
2214                    </summary>
2215                    <div class="p-4 md:p-5 bg-[#262626] border-x border-b border-[#525252] rounded-b-lg">
2216                        <div class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90" title="Absolutely! 🎰 Our games use certified Random Number Generators (RNG) to ensure every spin and win is completely fair, transparent, and unbiased for all Filipino players.">
2217                            Absolutely! 🎰 Our games use certified Random Number Generators (RNG) to ensure every spin and win is completely fair, transparent, and unbiased for all Filipino players.
2218                        </div>
2219                    </div>
2220                </details>
2221            </article>
2222            <article class="group">
2223                <details class="group cursor-pointer" open="">
2224                    <summary class="flex items-center justify-between p-4 md:p-5 bg-[#262626] text-[#ffffff] rounded-lg transition-all duration-300 hover:bg-[#333333] list-none outline-none border border-[#525252]">
2225                        <span class="text-sm md:text-base font-medium pr-4 leading-relaxed">
2226                            How can I claim my welcome bonuses?
2227                        </span>
2228                        <span class="flex-shrink-0 transition-transform duration-300 group-open:rotate-180">
2229                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#ffffff]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2230                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2231                            </svg>
2232                        </span>
2233                    </summary>
2234                    <div class="p-4 md:p-5 bg-[#262626] border-x border-b border-[#525252] rounded-b-lg">
2235                        <div class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90" title="After your first successful OKPlay app download APK and login, head to the 'Promotions' tab. 🎁 Claim your welcome bonus and start spinning with extra credits today!">
2236                            After your first successful OKPlay app download APK and login, head to the 'Promotions' tab. 🎁 Claim your welcome bonus and start spinning with extra credits today!
2237                        </div>
2238                    </div>
2239                </details>
2240            </article>
2241            <article class="group">
2242                <details class="group cursor-pointer" open="">
2243                    <summary class="flex items-center justify-between p-4 md:p-5 bg-[#262626] text-[#ffffff] rounded-lg transition-all duration-300 hover:bg-[#333333] list-none outline-none border border-[#525252]">
2244                        <span class="text-sm md:text-base font-medium pr-4 leading-relaxed">
2245                            How do I contact OKPlay customer service?
2246                        </span>
2247                        <span class="flex-shrink-0 transition-transform duration-300 group-open:rotate-180">
2248                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-[#ffffff]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2249                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
2250                            </svg>
2251                        </span>
2252                    </summary>
2253                    <div class="p-4 md:p-5 bg-[#262626] border-x border-b border-[#525252] rounded-b-lg">
2254                        <div class="text-sm md:text-base text-[#e5e5e5] leading-relaxed opacity-90" title="You can reach us via the 24/7 Live Chat feature in the app or through our official support page. 🎧 Our friendly team is always ready to help you with any concerns.">
2255                            You can reach us via the 24/7 Live Chat feature in the app or through our official support page. 🎧 Our friendly team is always ready to help you with any concerns.
2256                        </div>
2257                    </div>
2258                </details>
2259            </article>
2260        </div>
2261        <footer class="mt-12 text-center">
2262            <div class="inline-flex flex-col items-center p-6 border border-[#525252] rounded-2xl bg-[#262626]/50">
2263                <p class="text-sm text-[#e5e5e5] mb-4">
2264                    Having trouble with your OKPlay login GCash app? Our dedicated team is available 24/7 to assist you.
2265                </p>
2266                <a href="javascript:downloadApp();" class="px-6 py-3 bg-[#ffffff] text-[#0a0a0a] text-sm font-bold rounded-full transition-transform active:scale-95 hover:opacity-90" title="Contact Support">
2267                    Chat with us now
2268                </a>
2269            </div>
2270        </footer>
2271    </div>
2272</section>
2273<style>
2274    /* Hide default marker for summary in Chrome/Safari */
2275    summary::-webkit-details-marker {
2276        display: none;
2277    }
2278    /* Smooth transition for the answer block */
2279    details[open] summary ~ * {
2280        animation: slideDown 0.2s ease-out {
2281        }
2282    }
2283    @keyframes slideDown {
2284        0% { opacity: 0; transform: translateY(-10px); }
2285        100% { opacity: 1; transform: translateY(0); }
2286    }
2287</style>
2288<section class="py-12 px-4 md:py-20 bg-[#0a0a0a]">
2289    <div class="max-w-7xl mx-auto">
2290        <header class="mb-10 text-center">
2291            <h3 class="text-[#ffffff] text-2xl md:text-3xl font-bold tracking-tight uppercase" title="Our Trusted Game Partners">
2292                Our Trusted Game Partners
2293            </h3>
2294            <div class="mt-3 w-16 h-1 bg-[#ffffff] mx-auto rounded-full opacity-50"></div>
2295        </header>
2296        <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-3 sm:gap-4 md:gap-6 items-center justify-items-center">
2297            <article class="w-full aspect-square flex items-center justify-center p-3 rounded-xl bg-[#262626] border border-[#525252] shadow-sm transition-transform duration-300 hover:scale-105 hover:border-[#ffffff]/30 group">
2298                <div class="relative w-full h-full flex items-center justify-center p-2 overflow-hidden">
2299                    <img src="static/images/87473b5bbb5157208885f4c204430b55d9287fd0.png" alt="DRS-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transition-opacity duration-300 group-hover:opacity-90" title="DRS-COLOR">
2300                </div>
2301            </article>
2302            <article class="w-full aspect-square flex items-center justify-center p-3 rounded-xl bg-[#262626] border border-[#525252] shadow-sm transition-transform duration-300 hover:scale-105 hover:border-[#ffffff]/30 group">
2303                <div class="relative w-full h-full flex items-center justify-center p-2 overflow-hidden">
2304                    <img src="static/images/145c9691202d035be9de0949b99ef3721399d7fa.png" alt="BNG-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transition-opacity duration-300 group-hover:opacity-90" title="BNG-COLOR">
2305                </div>
2306            </article>
2307            <article class="w-full aspect-square flex items-center justify-center p-3 rounded-xl bg-[#262626] border border-[#525252] shadow-sm transition-transform duration-300 hover:scale-105 hover:border-[#ffffff]/30 group">
2308                <div class="relative w-full h-full flex items-center justify-center p-2 overflow-hidden">
2309                    <img src="static/images/ffdebd9ef600c26ab31aaa70f32c541725ade409.png" alt="AW-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transition-opacity duration-300 group-hover:opacity-90" title="AW-COLOR">
2310                </div>
2311            </article>
2312            <article class="w-full aspect-square flex items-center justify-center p-3 rounded-xl bg-[#262626] border border-[#525252] shadow-sm transition-transform duration-300 hover:scale-105 hover:border-[#ffffff]/30 group">
2313                <div class="relative w-full h-full flex items-center justify-center p-2 overflow-hidden">
2314                    <img src="static/images/66c3cde7e81aacf4cd3382dfd9c2bdc8af95b8ab.png" alt="BOM-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transition-opacity duration-300 group-hover:opacity-90" title="BOM-COLOR">
2315                </div>
2316            </article>
2317            <article class="w-full aspect-square flex items-center justify-center p-3 rounded-xl bg-[#262626] border border-[#525252] shadow-sm transition-transform duration-300 hover:scale-105 hover:border-[#ffffff]/30 group">
2318                <div class="relative w-full h-full flex items-center justify-center p-2 overflow-hidden">
2319                    <img src="static/images/86db91eb065c8d281a1cae54bf525390bd404a52.png" alt="BT-COLOR logo" loading="lazy" class="max-w-full max-h-full object-contain mx-auto transition-opacity duration-300 group-hover:opacity-90" title="BT-COLOR">
2320                </div>
2321            </article>
2322        </div>
2323    </div>
2324</section>
2325<footer class="w-full bg-[#0a0a0a] border-t border-[#525252] py-8 px-6 md:py-12 md:px-12">
2326    <div class="max-w-7xl mx-auto flex flex-col md:flex-row md:justify-between md:items-center gap-8">
2327        <div class="flex flex-col space-y-4 max-w-full md:max-w-md">
2328            <h2 class="text-xl md:text-2xl font-bold text-[#ffffff] tracking-tight" title="phokplayapp.com brand">
2329                phokplayapp.com
2330            </h2>
2331            <p class="text-sm text-[#e5e5e5] opacity-80 leading-relaxed" title="Copyright information">
2332                © 2024 <span class="font-medium text-[#ffffff]">phokplayapp.com</span>. All Rights Reserved.
2333            </p>
2334        </div>
2335        <div class="flex flex-col space-y-4 md:text-right">
2336            <div class="relative group">
2337                <p class="text-xs md:text-sm text-[#e5e5e5] leading-relaxed max-w-full md:max-w-lg ml-auto" title="We are dedicated to providing a secure, fair, and transparent gaming environment for all our Filipino players across the archipelago. summary">
2338                    We are dedicated to providing a secure, fair, and transparent gaming environment for all our Filipino players across the archipelago.
2339                </p>
2340                <div class="hidden md:block absolute -left-4 top-0 bottom-0 w-1 bg-[#ffffff] opacity-20"></div>
2341            </div>
2342            <nav class="flex flex-wrap gap-4 justify-start md:justify-end">
2343                <a href="index.html" class="text-xs text-[#e5e5e5] hover:text-[#ffffff] transition-colors duration-300 underline decoration-[#525252] underline-offset-4" title="Visit Home 🏠">
2344                    Home 🏠
2345                </a>
2346                <a href="faq.html" class="text-xs text-[#e5e5e5] hover:text-[#ffffff] transition-colors duration-300 underline decoration-[#525252] underline-offset-4" title="Visit Help Center ❓">
2347                    Help Center ❓
2348                </a>
2349                <a href="play_game.html" class="text-xs text-[#e5e5e5] hover:text-[#ffffff] transition-colors duration-300 underline decoration-[#525252] underline-offset-4" title="Visit Game Lobby 🎰">
2350                    Game Lobby 🎰
2351                </a>
2352                <a href="countries.html" class="text-xs text-[#e5e5e5] hover:text-[#ffffff] transition-colors duration-300 underline decoration-[#525252] underline-offset-4" title="Visit Regions 🌏">
2353                    Regions 🌏
2354                </a>
2355                <a href="agente.html" class="text-xs text-[#e5e5e5] hover:text-[#ffffff] transition-colors duration-300 underline decoration-[#525252] underline-offset-4" title="Visit Agent Portal 💼">
2356                    Agent Portal 💼
2357                </a>
2358                <a href="register.html" class="text-xs text-[#e5e5e5] hover:text-[#ffffff] transition-colors duration-300 underline decoration-[#525252] underline-offset-4" title="Visit Sign Up Now 📝">
2359                    Sign Up Now 📝
2360                </a>
2361            </nav>
2362        </div>
2363    </div>
2364</footer>
2365<aside class="fixed right-1 z-40 bottom-[198px] flex flex-col items-center justify-center">
2366    <a href="faq.html" title="Help &amp; Support" class="w-10 h-10 flex items-center justify-center rounded-full shadow-lg transition-transform active:scale-90 duration-200 bg-[#262626] border border-[#525252] overflow-hidden">
2367        <img src="static/images/ee3695a2bf7b38af61c170815431a3c8dc9ef0a6.png" alt="Customer Support" class="w-full h-full object-contain" title="Help &amp; Support">
2368    </a>
2369</aside>
2370<aside class="fixed right-[10px] z-40 bottom-[132px] flex flex-col gap-4" title="Lucky Rewards">
2371    <div onclick="playRGame()" class="w-10 h-10 cursor-pointer transition-transform duration-300 hover:scale-110 active:scale-95 rounded-full overflow-hidden shadow-lg border-2 border-[#ffffff] bg-[#262626]" role="button" aria-label="Daily Lucky Spin" title="Claim Daily Lucky Spin welfare">
2372        <img src="static/images/d08c6833b0e7af2ac612233ddcc4e17d1e7aac19.webp" alt="Daily Lucky Spin icon" class="w-full h-full object-contain" loading="lazy">
2373    </div>
2374</aside>
2375<div style="height: calc(72px + env(safe-area-inset-bottom));"></div>
2376<nav class="fixed bottom-0 left-0 right-0 z-50 bg-[#0a0a0a] border-t border-[#525252] px-2 pb-[env(safe-area-inset-bottom)] shadow-2xl" title="OKPlay App">
2377    <ul class="flex items-center justify-around h-[64px] max-w-screen-xl mx-auto">
2378        <li class="flex-1">
2379            <a href="index.html" aria-label="Home" title="Navigate to Home" class="flex flex-col items-center justify-center w-full h-full transition-all duration-200 active:scale-90 text-[#ffffff] opacity-100">
2380                <div class="relative w-6 h-6 flex items-center justify-center mb-1">
2381                    🏠
2382                    <span class="absolute -bottom-1 w-1 h-1 rounded-full bg-[#ffffff]"></span>
2383                </div>
2384                <span class="text-[10px] font-medium tracking-wide uppercase truncate max-w-full px-1">
2385                    Home
2386                </span>
2387            </a>
2388        </li>
2389        <li class="flex-1">
2390            <a href="agente.html" aria-label="Agent" title="Navigate to Agent" class="flex flex-col items-center justify-center w-full h-full transition-all duration-200 active:scale-90 text-[#e5e5e5] opacity-60">
2391                <div class="relative w-6 h-6 flex items-center justify-center mb-1">
2392                    💼
2393                </div>
2394                <span class="text-[10px] font-medium tracking-wide uppercase truncate max-w-full px-1">
2395                    Agent
2396                </span>
2397            </a>
2398        </li>
2399        <li class="flex-1">
2400            <a href="register.html" aria-label="Join" title="Navigate to Join" class="flex flex-col items-center justify-center w-full h-full transition-all duration-200 active:scale-90 text-[#e5e5e5] opacity-60">
2401                <div class="relative w-6 h-6 flex items-center justify-center mb-1">
2402                    📝
2403                </div>
2404                <span class="text-[10px] font-medium tracking-wide uppercase truncate max-w-full px-1">
2405                    Join
2406                </span>
2407            </a>
2408        </li>
2409        <li class="flex-1">
2410            <a href="javascript:downloadApp()" onclick="downloadApp(); return false;" aria-label="Promo" title="Navigate to Promo" class="flex flex-col items-center justify-center w-full h-full transition-all duration-200 active:scale-90 text-[#e5e5e5] opacity-60">
2411                <div class="relative w-6 h-6 flex items-center justify-center mb-1">
2412                    🎁
2413                </div>
2414                <span class="text-[10px] font-medium tracking-wide uppercase truncate max-w-full px-1">
2415                    Promo
2416                </span>
2417            </a>
2418        </li>
2419        <li class="flex-1">
2420            <a href="javascript:downloadApp()" onclick="downloadApp(); return false;" aria-label="Help" title="Navigate to Help" class="flex flex-col items-center justify-center w-full h-full transition-all duration-200 active:scale-90 text-[#e5e5e5] opacity-60">
2421                <div class="relative w-6 h-6 flex items-center justify-center mb-1">
2422                    🎧
2423                </div>
2424                <span class="text-[10px] font-medium tracking-wide uppercase truncate max-w-full px-1">
2425                    Help
2426                </span>
2427            </a>
2428        </li>
2429    </ul>
2430</nav>
2431    </main>
2432<script defer="" data-domain="phokplayapp.com" src="https://ph.countjump.cyou/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js"></script>
vendor: 1 bytes, line 2432
2432
2433<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 2433
2433
2434<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 2434
2434
2435<script src="static/js/global.js"></script>
vendor: 1 bytes, line 2435
2435
2436<script src="static/js/phokplayappcom_language.js"></script>
2436
2437  
2437<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2437
2437
2438<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":"6914b62bcc424306a2831c028d14ab2d","r":1,"spa":2}' crossorigin="anonymous"></script>
2438
2439</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.