PageSourceSearch

https://www.techstake.org/amp/

html techstake.org collected 2026-09-25 01:44:20 UTC 33,342 bytes, 495 lines download raw bytes

1
2
3
4
5
6<!doctype html>
7<html amp lang="id">
8<head>
9  <meta charset="utf-8">
10  <title>BANGAU88: Situs Game Online Terpercaya & Portal Hiburan Digital Terbaik</title>
11  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
12  <meta name="description" content="BANGAU88 adalah situs game online terpercaya dan terbaru dengan pilihan game terlengkap, server super cepat, dan sistem keamanan modern untuk pengalaman bermain terbaik.">
13  <meta name="geo.placename" content="Indonesia">
14  <meta name="geo.region" content="id-ID">
15  <meta name="geo.country" content="id">
16  <meta name="language" content="Indonesian">
17  <meta name="author" content="BANGAU88">
18  <meta name="robots" content="index, follow">
19  <meta name="googlebot" content="index, follow">
20  <meta property="og:type" content="website">
21  <meta property="og:title" content="BANGAU88: Situs Game Online Terpercaya & Portal Hiburan Digital Terbaik">
22  <meta property="og:url" content="https://www.techstake.org/">
23  <meta property="og:image" content="https://bangau88.b-cdn.net/image/bannerbangau88images.jpg">
24  <link rel="icon" type="image/x-icon" href="https://bangau88.b-cdn.net/image/favicon.webp">
25  <link rel="canonical" href="https://www.techstake.org/">
26  
26<script async src="https://cdn.ampproject.org/v0.js"></script>
26
27  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
28  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap" rel="stylesheet">
29  
29<script async custom-element="amp-audio" src="https://cdn.ampproject.org/v0/amp-audio-0.1.js"></script>
29
30
31  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
32  <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
33
34  <style amp-custom>
35:root{
36  --bg:#050505;--text:#ffffff;--muted:#9a9aa2;--gold:#b45cff;--gold-soft:#d29bff;--amber:#f17901;
37  --gold-glow:rgb(180, 92, 255);--line:rgb(180, 92, 255);
38  --card-fill-1:rgba(16,16,18,.92);--card-fill-2:rgba(6,6,8,.94);--glass:rgba(18,18,20,.55);
39}
40*{box-sizing:border-box}
41html,body{margin:0;padding:0;min-height:100%}
42body{font-family:'Inter',sans-serif;color:var(--text);background:var(--bg);position:relative;overflow-x:hidden;-webkit-text-size-adjust:100%}
43
44.gborder{
45  border:1.5px solid transparent;border-radius:14px;
46  background:
47    linear-gradient(180deg,var(--card-fill-1),var(--card-fill-2)) padding-box,
48    linear-gradient(120deg,var(--gold),var(--amber) 42%,var(--gold-soft) 68%,var(--gold)) border-box;
49  background-size:100% 100%,320% 100%;animation:borderFlow 6s linear infinite;
50}
51@keyframes borderFlow{from{background-position:0 0,0% 0}to{background-position:0 0,320% 0}}
52
53/* ===== LATAR ===== */
54.bg{position:fixed;inset:0;z-index:-4;overflow:hidden}
55.bg-img{object-fit:cover;transform:scale(1.08);filter:blur(2px) brightness(.30) saturate(1.15)}
56.bg::after{content:"";position:absolute;inset:0;background:
57  radial-gradient(120% 90% at 50% 0%,transparent 0%,rgba(3,3,3,.55) 55%,rgba(2,2,2,.92) 100%),
58  linear-gradient(180deg,rgba(4,4,4,.55),rgba(2,2,2,.9))}
59
60.ambient{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
61.ambient::after{content:"";position:absolute;inset:0;opacity:.35;
62  background-image:linear-gradient(rgba(190, 100, 255, 0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(190, 100, 255, 0.06) 1px,transparent 1px);
63  background-size:48px 48px;mask-image:radial-gradient(75% 70% at 50% 35%,#000,transparent)}
64.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:floatOrb 16s ease-in-out infinite}
65.orb.a{width:360px;height:360px;left:-90px;top:6%;background:radial-gradient(circle,rgb(180, 92, 255),transparent 70%)}
66.orb.b{width:460px;height:460px;right:-140px;bottom:0;background:radial-gradient(circle,rgb(180, 92, 255),transparent 70%);animation-delay:-6s}
67.orb.c{width:300px;height:300px;left:46%;top:50%;background:radial-gradient(circle,rgb(180, 92, 255),transparent 70%);animation-delay:-10s}
68.orb.d{width:260px;height:260px;left:70%;top:8%;background:radial-gradient(circle,rgb(180, 92, 255),transparent 70%);animation-delay:-13s}
69@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(24px,-34px,0) scale(1.14)}}
70
71/* ===== API ===== */
72.fire-wrapper{position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:-2;pointer-events:none;
73  background:linear-gradient(to top,rgb(180, 92, 255),transparent 45%)}
74.fire-spark{position:absolute;bottom:-24px;background:var(--gold);border-radius:50%;opacity:0;
75  box-shadow:0 0 10px var(--gold),0 0 20px #b45cff,0 0 32px #b45cff;animation:flyUp infinite ease-in}
76.fire-spark:nth-child(1){left:8%;width:6px;height:6px;animation-duration:6s;animation-delay:0s}
77.fire-spark:nth-child(2){left:18%;width:9px;height:9px;animation-duration:7.5s;animation-delay:1.4s}
78.fire-spark:nth-child(3){left:27%;width:4px;height:4px;animation-duration:5.5s;animation-delay:.6s}
79.fire-spark:nth-child(4){left:35%;width:8px;height:8px;animation-duration:8s;animation-delay:2.2s}
80.fire-spark:nth-child(5){left:44%;width:11px;height:11px;animation-duration:9s;animation-delay:.9s}
81.fire-spark:nth-child(6){left:52%;width:5px;height:5px;animation-duration:6.4s;animation-delay:1.8s}
82.fire-spark:nth-child(7){left:60%;width:7px;height:7px;animation-duration:7.2s;animation-delay:3s}
83.fire-spark:nth-child(8){left:68%;width:6px;height:6px;animation-duration:6.8s;animation-delay:.3s}
84.fire-spark:nth-child(9){left:76%;width:10px;height:10px;animation-duration:8.6s;animation-delay:2.6s}
85.fire-spark:nth-child(10){left:84%;width:5px;height:5px;animation-duration:5.8s;animation-delay:1.1s}
86.fire-spark:nth-child(11){left:90%;width:8px;height:8px;animation-duration:7.8s;animation-delay:3.4s}
87.fire-spark:nth-child(12){left:14%;width:5px;height:5px;animation-duration:6.6s;animation-delay:2.9s}
88.fire-spark:nth-child(13){left:48%;width:6px;height:6px;animation-duration:7s;animation-delay:4s}
89.fire-spark:nth-child(14){left:72%;width:9px;height:9px;animation-duration:8.2s;animation-delay:1.6s}
90@keyframes flyUp{0%{transform:translateY(0) translateX(0) scale(1);opacity:0}
908%{opacity:1}70%{opacity:.85}100%{transform:translateY(-104vh) translateX(40px) scale(.15);opacity:0}}
91
92/* =========================================================
93   INTRO 2 FASE (Durasi Dipercepat & Warna Ungu Galaxy)
94========================================================= */
95.reveal{position:fixed;inset:0;z-index:60;pointer-events:none;background:#040404;
96  display:flex;align-items:center;justify-content:center;overflow:hidden;animation:revealFade 2.8s ease forwards}
97@keyframes revealFade{0%,85%{opacity:1}100%{opacity:0;visibility:hidden}}
98
99/* --- Fase 1: disc + bloom + 5 gelombang riak + core denyut + sweep + partikel --- */
100.rv-disc{position:absolute;width:120px;height:120px;border-radius:50%;
101  background:radial-gradient(circle,rgb(180, 92, 255),rgba(150, 60, 230, 0.1) 55%,transparent 72%);
102  animation:discOut 1.5s cubic-bezier(.15,.6,.25,1) forwards}
103@keyframes discOut{0%{transform:scale(.15);opacity:.65}70%{opacity:.18}100%{transform:scale(10);opacity:0}}
104
105.rv-bloom{position:absolute;width:340px;height:340px;border-radius:50%;
106  background:radial-gradient(circle,rgb(180, 92, 255),rgba(150, 60, 230, 0.1) 46%,transparent 68%);
107  animation:bloom 1.5s ease-out forwards}
108@keyframes bloom{0%{transform:scale(.2);opacity:0}
10825%{opacity:.9}100%{transform:scale(8);opacity:0}}
109
110.rv-wave{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;
111  border:2.5px solid var(--gold);opacity:0;box-shadow:0 0 34px var(--gold-glow),inset 0 0 20px rgb(180, 92, 255);
112  animation:waveOut 1.2s cubic-bezier(.12,.6,.24,1) forwards}
113.rv-wave.w2{animation-delay:.15s;border-color:var(--gold-soft)}
114.rv-wave.w3{animation-delay:.30s;border-color:var(--amber)}
115.rv-wave.w4{animation-delay:.45s;border-color:var(--gold-soft)}
116.rv-wave.w5{animation-delay:.60s;border-color:var(--gold)}
117@keyframes waveOut{0%{transform:scale(.2);opacity:0}12%{opacity:1}55%{opacity:.45}100%{transform:scale(55);opacity:0}}
118
119.rv-core{position:absolute;width:20px;height:20px;border-radius:50%;
120  background:radial-gradient(circle,#ffffff,var(--gold) 58%,var(--amber));
121  box-shadow:0 0 26px var(--gold),0 0 52px var(--amber);animation:corePulse 1.5s ease forwards}
122@keyframes corePulse{0%{transform:scale(.2);opacity:0}8%{opacity:1}22%{transform:scale(1.28)}36%{transform:scale(.9)}
123  50%{transform:scale(1.18)}64%{transform:scale(.95)}80%{transform:scale(1.06);opacity:1}100%{transform:scale(.15);opacity:0}}
124
125.rv-sweep{position:absolute;inset:0;overflow:hidden}
126.rv-sweep::before{content:"";position:absolute;top:-20%;left:-60%;width:44%;height:140%;transform:skewX(-20deg);
127  background:linear-gradient(90deg,transparent,rgb(180, 92, 255),transparent);animation:sweepOnce 1.0s ease-in-out .2s forwards}
128@keyframes sweepOnce{0%{left:-60%}100%{left:160%}}
129
130/* Upgrade Partikel Meledak (24 Partikel) - Animasi Smooth Tanpa Kaku & Jangkauan Luas */
131.rv-particles span{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;
132  background:var(--gold-soft);box-shadow:0 0 14px var(--gold), 0 0 24px var(--amber);opacity:0;
133  animation:burst 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards}
134.rv-particles span:nth-child(1){--tx:-200px;--ty:-140px}
135.rv-particles span:nth-child(2){--tx:-120px;--ty:-220px}
136.rv-particles span:nth-child(3){--tx:20px;--ty:-280px}
137.rv-particles span:nth-child(4){--tx:140px;--ty:-200px}
138.rv-particles span:nth-child(5){--tx:220px;--ty:-120px}
139.rv-particles span:nth-child(6){--tx:280px;--ty:10px}
140.rv-particles span:nth-child(7){--tx:-240px;--ty:60px}
141.rv-particles span:nth-child(8){--tx:-20px;--ty:260px}
142.rv-particles span:nth-child(9){--tx:160px;--ty:200px}
143.rv-particles span:nth-child(10){--tx:-160px;--ty:180px}
144.rv-particles span:nth-child(11){--tx:240px;--ty:100px}
145.rv-particles span:nth-child(12){--tx:-280px;--ty:-20px}
146.rv-particles span:nth-child(13){--tx:-100px;--ty:-160px; width:4px; height:4px; animation-delay:0.35s}
147.rv-particles span:nth-child(14){--tx:80px;--ty:-150px; width:5px; height:5px; animation-delay:0.4s}
148.rv-particles span:nth-child(15){--tx:180px;--ty:-40px; width:4px; height:4px; animation-delay:0.38s}
149.rv-particles span:nth-child(16){--tx:130px;--ty:90px; width:5px; height:5px; animation-delay:0.35s}
150.rv-particles span:nth-child(17){--tx:40px;--ty:160px; width:6px; height:6px; animation-delay:0.36s}
151.rv-particles span:nth-child(18){--tx:-90px;--ty:150px; width:4px; height:4px; animation-delay:0.39s}
152.rv-particles span:nth-child(19){--tx:-170px;--ty:70px; width:5px; height:5px; animation-delay:0.36s}
153.rv-particles span:nth-child(20){--tx:-140px;--ty:-50px; width:6px; height:6px; animation-delay:0.33s}
154.rv-particles span:nth-child(21){--tx:0px;--ty:-180px; width:8px; height:8px; animation-delay:0.35s}
155.rv-particles span:nth-child(22){--tx:260px;--ty:-220px; width:5px; height:5px; animation-delay:0.38s}
156.rv-particles span:nth-child(23){--tx:-260px;--ty:-220px; width:6px; height:6px; animation-delay:0.36s}
157.rv-particles span:nth-child(24){--tx:0px;--ty:300px; width:7px; height:7px; animation-delay:0.39s}
158
159@keyframes burst{
160  0%{transform:translate(0,0) scale(2.5);opacity:0}
161  10%{opacity:1}
162  100%{transform:translate(calc(var(--tx) * 1.8), calc(var(--ty) * 1.8)) scale(0);opacity:0}
163}
164
165/* --- Fase 2: logo (blur-in pelan, lalu TAHAN) + garis + teks per-huruf --- */
166.rv-brand{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:15px;text-align:center}
167.rv-logo{animation:logoIn 1.0s cubic-bezier(.16,1,.3,1) 1.2s both}
168@keyframes logoIn{0%{opacity:0;transform:scale(.7) translateY(15px);filter:blur(16px)}
169  100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}
170
171.rv-line{width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);
172  box-shadow:0 0 12px var(--gold-glow);animation:lineGrow 0.8s cubic-bezier(.16,1,.3,1) 1.4s both}
173@keyframes lineGrow{0%{width:0;opacity:0}
173100%{width:180px;opacity:1}}
174
175/* [EDIT] Upgrade teks rata tengah presisi matematis */
176.rv-tag{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;
177  perspective:600px;font-family:'Sora',sans-serif;font-size:10px;font-weight:800;letter-spacing:4px;
178  padding-left:4px; /* Kompensasi untuk letter-spacing terakhir agar absolut tengah */}
179.rv-tag span{display:inline-block;opacity:0;
180  background:linear-gradient(100deg,#ffffff,var(--gold-soft),var(--gold),#ffffff);background-size:220% auto;
181  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
182  animation:letterUp .7s cubic-bezier(.16,1,.3,1) var(--ld,1.4s) both,textShimmer 3s linear infinite}
183.rv-tag .sp{width:8px;flex:0 0 8px;letter-spacing:0}
184@keyframes letterUp{0%{opacity:0;transform:translateY(24px) rotateX(60deg);filter:blur(8px)}
185  100%{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}
186
187.rv-tag span:nth-child(1){--ld:1.4s}
188.rv-tag span:nth-child(2){--ld:1.435s}
189.rv-tag span:nth-child(3){--ld:1.47s}
190.rv-tag span:nth-child(4){--ld:1.505s}
191.rv-tag span:nth-child(5){--ld:1.54s}
192.rv-tag span:nth-child(6){--ld:1.575s}
193.rv-tag span:nth-child(7){--ld:1.61s}
194.rv-tag span:nth-child(8){--ld:1.645s}
195.rv-tag span:nth-child(9){--ld:1.68s}
196.rv-tag span:nth-child(10){--ld:1.715s}
197.rv-tag span:nth-child(11){--ld:1.75s}
198.rv-tag span:nth-child(12){--ld:1.785s}
199.rv-tag span:nth-child(13){--ld:1.82s}
200.rv-tag span:nth-child(14){--ld:1.855s}
201.rv-tag span:nth-child(15){--ld:1.89s}
202.rv-tag span:nth-child(16){--ld:1.925s}
203.rv-tag span:nth-child(17){--ld:1.96s}
204
205/* ===== PANGGUNG ===== */
206.stage{position:relative;z-index:1;width:100%;min-height:100vh;
207  display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 16px 34px}
208.brand-panel{display:none}
209
210.link-panel{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:13px}
211
212/* Upgrade Easing Premium pada stage element (Sangat Halus & Animatif) */
213.logo-wrapper{text-align:center;padding-top:2px;animation:fadeDown 1.3s cubic-bezier(.16,1,.3,1) 2.2s both}
214.logo-wrapper amp-img{filter:drop-shadow(0 0 10px rgb(180, 92, 255))}
215
216.marquee-wrapper{width:100%;overflow:hidden;padding:4px 0;border-radius:8px;
217  box-shadow:0 0 16px rgb(180, 92, 255);animation:borderFlow 6s linear infinite,fadeDown 1.3s cubic-bezier(.16,1,.3,1) 2.3s both}
218.marquee-track{display:flex;width:max-content;animation:marquee 18s linear infinite}
219.marquee-track span{color:var(--gold);font-size:12.5px;font-weight:700;letter-spacing:.5px;padding:0 18px;white-space:nowrap}
220@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
221
222.card{width:100%;padding:11px;display:flex;flex-direction:column;gap:12px;align-items:center;
223  border:1.5px solid transparent;border-radius:22px;
224  background:
225    linear-gradient(180deg,var(--card-fill-1),var(--card-fill-2)) padding-box,
226    linear-gradient(120deg,var(--gold),var(--amber) 42%,var(--gold-soft) 68%,var(--gold)) border-box;
227  background-size:100% 100%,320% 100%;
228  box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 20px rgba(190, 100, 255, 0.14);
229  animation:scaleIn 1.3s cubic-bezier(.16,1,.3,1) 2.4s both,borderFlow 7s linear infinite,cardGlow 5s 4s infinite alternate}
230@keyframes cardGlow{from{box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 16px rgba(190, 100, 255, 0.12)}to{box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 42px rgb(111, 1, 214)}}
231
232.hero{width:100%;border-radius:16px;overflow:hidden;position:relative;border:1px solid rgb(118, 1, 214)}
233.hero amp-img{border-radius:16px}
234.hero-img{object-fit:cover;object-position:center}
235.hero::after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;animation:heroSheen 5s linear infinite}
236@keyframes heroSheen{0%{box-shadow:inset 0 0 30px rgba(0,0,0,.35),inset 70px 0 70px -50px rgb(118, 1, 214)}50%{box-shadow:inset 0 0 30px rgba(0,0,0,.35),inset -70px 0 70px -50px rgb(100, 1, 214)}100%{box-shadow:inset 0 0 30px rgba(0,0,0,.35),inset 70px 0 70px -50px rgb(129, 1, 214)}}
237
238.links{width:100%;display:flex;flex-direction:column;gap:11px}
239.link-btn{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-decoration:none;
240  padding:8px 14px;overflow:hidden;color:var(--text);
241  border:1.5px solid transparent;border-radius:14px;
242  background:
243    linear-gradient(180deg,rgba(20, 20, 22, 0.644),rgba(9,9,11,.94)) padding-box,
244    linear-gradient(120deg,var(--gold),var(--amber) 45%,var(--gold-soft) 70%,var(--gold)) border-box;
245  background-size:100% 100%,300% 100%;box-shadow:0 8px 20px rgba(0,0,0,.45);
246  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);
247  animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) var(--d,2.5s) both,borderFlow 5s linear infinite}
248.link-btn .ico{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
249  background:rgba(255, 94, 0, 0.12);border:1px solid var(--line);transition:transform .4s cubic-bezier(.16,1,.3,1)}
250.link-btn .ico svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
251.link-btn .label{flex:1;text-align:left;font-weight:700;font-size:14.5px;letter-spacing:.4px;line-height:1.15}
252.link-btn .label small{display:block;font-weight:500;font-size:11px;color:var(--muted);letter-spacing:.2px;margin-top:2px}
253.link-btn .arrow{flex:0 0 auto;color:var(--gold);opacity:.75;transition:transform .4s cubic-bezier(.16,1,.3,1)}
254.link-btn .arrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
255.link-btn::before{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;transform:skewX(-22deg);
256  background:linear-gradient(90deg,transparent,rgb(147, 1, 214),transparent);animation:shineSweep 5s infinite}
257@keyframes shineSweep{0%{left:-130%}20%{left:230%}100%{left:230%}}
258.link-btn:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.6)}
259.link-btn:hover .ico{transform:scale(1.1) rotate(-4deg)}
260.link-btn:hover .arrow{transform:translateX(6px)}
261
262.link-btn.primary{background:linear-gradient(120deg,#f17901 ,#9301d6 55%,var(--amber));color:#1a0026;
263  box-shadow:0 10px 26px rgb(136, 1, 214);animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) var(--d,2.5s) both,primaryGlow 3.4s ease-in-out infinite}
264.link-btn.primary .label,.link-btn.primary .arrow{color:#1a0026}
265.link-btn.primary .label small{color:rgba(26,0,38,.72)}
266.link-btn.primary .ico{background:rgba(0,0,0,.14);border-color:rgba(0,0,0,.18)}
267.link-btn.primary .ico svg{stroke:#1a0026}
268.link-btn.primary::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}
269@keyframes primaryGlow{0%,100%{box-shadow:0 10px 26px rgb(136, 1, 214)}50%{box-shadow:0 12px 34px rgb(118, 1, 214)}}
270
271.link-btn:nth-child(1){--d:2.55s}
272.link-btn:nth-child(2){--d:2.70s}
273.link-btn:nth-child(3){--d:2.85s}
274
275.footer{text-align:center;color:var(--muted);font-size:11px;line-height:1.7;margin-top:0;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) 3.1s both}
276.footer b{color:var(--gold)}
277.socials{display:flex;gap:10px;justify-content:center;margin-bottom:25px}
278.socials a{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;
279  border:1px solid var(--line);background:var(--glass);transition:.3s cubic-bezier(.16,1,.3,1)}
280.socials a svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
281.socials a:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-3px)}
282.socials a:hover svg{stroke:#000}
283
284/* Easing Premium untuk fade dan blur efek */
285@keyframes fadeUp{from{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
286@keyframes fadeDown{from{opacity:0;transform:translateY(-30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
287@keyframes scaleIn{from{opacity:0;transform:scale(.85);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
288@keyframes slideRight{from{opacity:0;transform:translateX(-60px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
289@keyframes textShimmer{from{background-position:0% center}to{background-position:200% center}}
290
291@media (min-width:900px){
292  .stage{flex-direction:row;align-items:center;justify-content:center;gap:60px;max-width:1180px;margin:0 auto;padding:34px 44px}
293
294  .brand-panel{position:relative;display:flex;flex:1;max-width:520px;flex-direction:column;gap:16px;
295    animation:slideRight 1.3s cubic-bezier(.16,1,.3,1) 2.3s both}
296  .brand-panel::before{content:"";position:absolute;z-index:-1;left:-60px;top:-40px;width:360px;height:360px;border-radius:50%;
297    background:radial-gradient(closest-side,rgb(178, 1, 214),transparent 70%);filter:blur(6px);animation:spinGlow 18s linear infinite}
298  @keyframes spinGlow{0%{transform:rotate(0) translateX(24px)}100%{transform:rotate(360deg) translateX(24px)}}
299
300  .brand-badge{display:inline-flex;align-items:center;gap:9px;width:max-content;padding:7px 15px;border-radius:999px;
301    color:var(--gold);font-size:12px;font-weight:700;letter-spacing:1px;box-shadow:0 0 18px rgba(190, 100, 255, 0.18)}
302  .brand-badge .dot{width:8px;height:8px;border-radius:50%;background:#af39d3;box-shadow:0 0 10px #c05cff;animation:pulse 1.6s infinite}
303  @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
304
305  .brand-title{font-family:'Sora',sans-serif;font-size:44px;line-height:1.08;font-weight:800;margin:0;
306    background:linear-gradient(100deg,#ffffff 0%,var(--gold-soft) 28%,var(--gold) 48%,var(--amber) 60%,#ffffff 85%);
307    background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
308    filter:drop-shadow(0 4px 24px rgba(190, 100, 255, 0.25));animation:textShimmer 7s linear infinite}
309  .brand-underline{width:130px;height:4px;border-radius:99px;
310    background:linear-gradient(90deg,var(--gold),var(--amber),var(--gold-soft),var(--gold));background-size:280% 100%;
311    animation:borderFlow 4s linear infinite;box-shadow:0 0 16px var(--gold-glow)}
312
313  .brand-desc{color:#c8c8ce;font-size:15px;line-height:1.7;margin:0;max-width:450px}
314
315  .chips{display:flex;flex-wrap:wrap;gap:9px}
316  .chip{padding:8px 13px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--gold-soft);letter-spacing:.3px}
317  .chip svg{width:13px;height:13px;stroke:var(--gold);fill:none;stroke-width:2;vertical-align:-2px;margin-right:5px}
318
319  .stats{display:flex;gap:12px}
320  .stat{flex:1;padding:14px 12px;border-radius:16px;text-align:center;box-shadow:0 0 18px rgba(168,0,255,.1)}
321  .stat b{display:block;font-family:'Sora',sans-serif;font-size:22px;
322    background:linear-gradient(120deg,var(--gold-soft),var(--gold),var(--amber));background-size:220% auto;
323    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:textShimmer 6s linear infinite}
324  .stat span{font-size:10.5px;color:var(--muted);letter-spacing:.6px}
325
326  .trust{display:flex;flex-wrap:wrap;gap:10px}
327  .tbadge{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.4px;color:#ead9ff}
328  .tbadge svg{width:15px;height:15px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
329
330  .ticker{height:76px;overflow:hidden;border-radius:14px;padding:6px 4px}
331  .ticker .roll{display:flex;flex-direction:column;animation:tickerScroll 12s linear infinite}
332  .ticker .line{min-height:32px;display:flex;align-items:center;gap:9px;font-size:12px;color:#d3d3da;padding:0 12px}
333  .ticker .line i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);flex:0 0 auto}
334  @keyframes tickerScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
335
336  .link-panel{flex:0 0 372px;max-width:372px;gap:12px}
337  .footer{margin-top:12px}
338}
339@media (max-width:899px){.brand-panel{display:none}}
340  </style>
341</head>
342
343<body>
344
345  <div class="bg">
346    <amp-img class="bg-img" layout="fill" alt="" src="https://bangau88.b-cdn.net/image/bannerbangau88images.jpg"></amp-img>
347  </div>
348
349  <div class="ambient"><span class="orb a"></span><span class="orb b"></span><span class="orb c"></span><span class="orb d"></span></div>
350
351  <div class="fire-wrapper">
352    <div class="fire-spark"></div><div class="fire-spark"></div><div class="fire-spark"></div><div class="fire-spark"></div>
353    <div class="fire-spark"></div><div class="fire-spark"></div><div class="fire-spark"></div><div class="fire-spark"></div>
354    <div class="fire-spark"></div><div class="fire-spark"></div><div class="fire-spark"></div><div class="fire-spark"></div>
355    <div class="fire-spark"></div><div class="fire-spark"></div>
356  </div>
357
358  <!-- ===== INTRO 2 FASE ===== -->
359  <div class="reveal">
360    <!-- Fase 1: gelombang riak -->
361    <span class="rv-disc"></span>
362    <span class="rv-bloom"></span>
363    <span class="rv-wave"></span><span class="rv-wave w2"></span><span class="rv-wave w3"></span><span class="rv-wave w4"></span><span class="rv-wave w5"></span>
364    <span class="rv-core"></span>
365    <div class="rv-sweep"></div>
366    <!-- Upgrade: 24 Partikel meledak -->
367    <div class="rv-particles">
368      <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
369      <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
370      <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
371    </div>
372    <!-- Fase 2: logo + garis + teks per-huruf -->
373    <div class="rv-brand">
374      <amp-img class="rv-logo" width="400" height="110" layout="fixed" alt="BANGAU88"
375        src="https://bangau88.b-cdn.net/image/logo.webp"></amp-img>
376      <span class="rv-line"></span>
377      <!-- [EDIT] teks intro: tiap huruf 1 span. Spasi pakai <span class="sp"></span> -->
378      <div class="rv-tag" aria-label="Powered JARWOK">
379        <span class="ltr">Powered  By SEO BEN</span>
380      </div>
381    </div>
382  </div>
383
384  <main class="stage">
385
386    <aside class="brand-panel">
387      <span class="brand-badge gborder"><span class="dot"></span> 8,754 Member Sedang Online</span>
388      <h1 class="brand-title">BANGAU88: Situs Game Online Terpercaya & Portal Hiburan Digital Terbaik</h1>
389      <span class="brand-underline"></span>
390      <p class="brand-desc">BANGAU88 adalah situs game online terpercaya dan terbaru dengan pilihan game terlengkap, server super cepat, dan sistem keamanan modern untuk pengalaman bermain terbaik.</p>
391
392      <div class="chips">
393        <span class="chip gborder"><svg viewBox="0 0 24 24"><path d="M12 3l7 4v5c0 4-3 7-7 9-4-2-7-5-7-9V7z"/></svg>Aman &amp; Terpercaya</span>
394        <span class="chip gborder"><svg viewBox="0 0 24 24"><path d="M13 2L4 14h6l-1 8 9-12h-6z"/></svg>Proses Cepat</span>
395        <span class="chip gborder"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>Livechat 24 Jam</span>
396      </div>
397
398      <div class="stats">
399        <div class="stat gborder"><b>99.9%</b><span>UPTIME</span></div>
400        <div class="stat gborder"><b>24/7</b><span>LIVECHAT</span></div>
401        <div class="stat gborder"><b>&lt;5s</b><span>RESPON</span></div>
402      </div>
403
404      <div class="trust">
405        <span class="tbadge gborder"><svg viewBox="0 0 24 24"><path d="M20 6L9 17l-5-5"/></svg>RESMI</span>
406        <span class="tbadge gborder"><svg viewBox="0 0 24 24"><path d="M12 3l7 4v5c0 4-3 7-7 9-4-2-7-5-7-9V7z"/></svg>AMAN</span>
407        <span class="tbadge gborder"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>24 JAM</span>
408        <span class="tbadge gborder"><svg viewBox="0 0 24 24"><path d="M13 2L4 14h6l-1 8 9-12h-6z"/></svg>FAST RESPON</span>
409      </div>
410
411      <div class="ticker gborder">
412        <div class="roll">
413          <div class="line"><i></i> Gunakan hanya link terlengkap di halaman ini</div>
414          <div class="line"><i></i> Livechat aktif 24 jam nonstop dan responsif</div>
415          <div class="line"><i></i> Proses cepat, aman &amp; terpercaya</div>
416          <div class="line"><i></i> Simpan halaman ini agar mudah diakses</div>
417          <div class="line"><i></i> Gunakan hanya link terlengkap di halaman ini</div>
418          <div class="line"><i></i> Livechat aktif 24 jam nonstop dan responsif</div>
419          <div class="line"><i></i> Proses cepat, aman &amp; terpercaya</div>
420          <div class="line"><i></i> Simpan halaman ini agar mudah diakses</div>
421        </div>
422      </div>
423    </aside>
424
425    <section class="link-panel">
426
427      <div class="logo-wrapper">
428        <amp-img src="https://bangau88.b-cdn.net/image/logo.webp"
429          width="150" height="40" layout="fixed" alt="BANGAU88 Logo"></amp-img>
430      </div>
431
432      <div class="marquee-wrapper gborder">
433        <div class="marquee-track">
434          <span>✈️ BANGAU88: Situs Game Online Terpercaya & Portal Hiburan Digital Terbaik ✈️</span>
435          <span>✈️ BANGAU88: Situs Game Online Terpercaya & Portal Hiburan Digital Terbaik ✈️</span>
436        </div>
437      </div>
438
439      <section class="card">
440        <div class="hero">
441          <amp-img class="hero-img" width="1" height="1" layout="responsive"
442            src="https://bangau88.b-cdn.net/image/bannerbangau88images.jpg" alt="Banner BANGAU88"></amp-img>
443        </div>
444
445        <div class="links">
446
447          <a class="link-btn primary" href="https://kliksafe.org/bangau88vip" target="_blank" rel="noopener">
448            <span class="ico"><svg viewBox="0 0 24 24"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><path d="M10 17l5-5-5-5"/><path d="M15 12H3"/></svg></span>
449            <span class="label">LOGIN<small>Masuk ke akun kamu</small></span>
450            <span class="arrow"><svg viewBox="0 0 24 24"><path d="M9 6l6 6-6 6"/></svg></span>
451          </a>
452
453          <a class="link-btn" href="https://kliksafe.org/bangau88vip" target="_blank" rel="noopener">
454            <span class="ico"><svg viewBox="0 0 24 24"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M19 8v6M22 11h-6"/></svg></span>
455            <span class="label">DAFTAR<small>Buat akun baru gratis</small></span>
456            <span class="arrow"><svg viewBox="0 0 24 24"><path d="M9 6l6 6-6 6"/></svg></span>
457          </a>
458
459          <a class="link-btn" href="https://kliksafe.org/bangau88vip" target="_blank" rel="noopener">
460            <span class="ico"><svg viewBox="0 0 24 24"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></span>
461            <span class="label">LIVECHAT 24 JAM<small>Bantuan cepat CS online</small></span>
462            <span class="arrow"><svg viewBox="0 0 24 24"><path d="M9 6l6 6-6 6"/></svg></span>
463          </a>
464
465        </div></section>
466
467      <footer class="footer">
468        <div class="socials">
469          <a href="https://kenanganpnn138.com/telegram-BANGAU88/" target="_blank" rel="noopener" aria-label="Telegram"><svg viewBox="0 0 24 24"><path d="M22 3L2 11l6 2 2 6 4-4 5 4z"/></svg></a>
470          <a href="https://kliksafe.org/bangau88vip" target="_blank" rel="noopener" aria-label="WhatsApp"><svg viewBox="0 0 24 24"><path d="M21 11.5a8.5 8.5 0 0 1-12.6 7.4L3 21l2.2-5.3A8.5 8.5 0 1 1 21 11.5z"/></svg></a>
471          <a href="https://www.techstake.org/" target="_blank" rel="noopener" aria-label="Website"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18"/></svg></a>
472        </div>
473        © 2026 BANGAU88 — All Rights Reserved.<br>
474        Design by <b>PNNGROUP</b>
475        <footer class="footer">
476      <!-- AUTO PLAY MUSIC -->
477
478<amp-audio
479    width="370"
480    height="50"
481    layout="fixed"
482    autoplay
483    loop
484    controls>
485    
486    <source src="https://www.image2url.com/r2/default/files/1785929660422-454cd647-b93e-496f-beb2-153204b3a30d.mp3" type="audio/mpeg">
487
488</amp-audio>
489      </footer>
490
491    </section>
492  </main>
493
494</body>
495</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.