PageSourceSearch

https://bandarjudikartu.net/kartubaru/

html bandarjudikartu.net collected 2026-10-10 00:40:08 UTC 62,061 bytes, 2,075 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="id" amp="">
4  <head>
5    <meta charset="UTF-8">
6    <meta content="ie=edge" http-equiv="X-UA-Compatible">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
8    <title>DINGDONG77 | Situs Slot Gacor Modern dengan Eksplorasi Slot777 dan Slot88 Terbaru</title>
9    <meta name="description" content="DINGDONG77 menghadirkan informasi seputar slot gacor modern melalui eksplorasi Slot777 dan Slot88 terbaru dalam berbagai konsep permainan digital.">
10    <meta name="robots" content="index, follow">
11    <meta itemprop="name" content="DINGDONG77">
12    <meta itemprop="description" content="DINGDONG77 menghadirkan informasi seputar slot gacor modern melalui eksplorasi Slot777 dan Slot88 terbaru dalam berbagai konsep permainan digital.">
13    <meta itemprop="image" content="https://bandarjudikartu.net/baru1.png">
14    <meta property="og:url" content="https://bandarjudikartu.net/">
15    <meta property="og:type" content="website">
16    <meta property="og:title" content="DINGDONG77 | Situs Slot Gacor Modern dengan Eksplorasi Slot777 dan Slot88 Terbaru">
17    <meta property="og:description" content="DINGDONG77 menghadirkan informasi seputar slot gacor modern melalui eksplorasi Slot777 dan Slot88 terbaru dalam berbagai konsep permainan digital.">
18    <meta property="og:image" content="https://bandarjudikartu.net/baru1.png">
19    <meta name="twitter:card" content="summary_large_image">
20    <meta name="twitter:site" content="@Slot777">
21    <meta name="twitter:creator" content="@Slot777">
22    <meta name="twitter:title" content="DINGDONG77 | Situs Slot Gacor Modern dengan Eksplorasi Slot777 dan Slot88 Terbaru">
23    <meta name="twitter:description" content="DINGDONG77 menghadirkan informasi seputar slot gacor modern melalui eksplorasi Slot777 dan Slot88 terbaru dalam berbagai konsep permainan digital.">
24    <meta name="twitter:image" content="https://bandarjudikartu.net/baru1.png">
25    <link rel="canonical" href="https://bandarjudikartu.net/">
26    <link rel="icon" type="image/png" href="https://bandarjudikartu.net/icondd.png" sizes="16x16">
27    <link rel="preconnect" href="https://cdn.ampproject.org">
28    <link rel="preconnect" href="https://oncologia.policlinica-tampico.com" crossorigin>
29    <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js">
30    
30<script async custom-element="amp-analytics"
31        src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
31
32    
32<script async custom-element="amp-position-observer"
33        src="https://cdn.ampproject.org/v0/amp-position-observer-0.1.js"></script>
33
34    
34<script async custom-element="amp-animation"
35        src="https://cdn.ampproject.org/v0/amp-animation-0.1.js"></script>
35
36    
36<script async="" src="https://cdn.ampproject.org/v0.js" nonce="MjEwODAyNDA2NywzOTExNjY5MzY2"></script>
36
37    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Exo%202:ital,wght@0,400">
38    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
39    <style amp-boilerplate="">
40      body {
41        -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
42        -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
43        -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
44        animation: -amp-start 8s steps(1, end) 0s 1 normal both
45      }
46      @-webkit-keyframes -amp-start {
47        from {
48          visibility: hidden
49        }
50        to {
51          visibility: visible
52        }
53      }
54      @-moz-keyframes -amp-start {
55        from {
56          visibility: hidden
57        }
58        to {
59          visibility: visible
60        }
61      }
62      @-ms-keyframes -amp-start {
63        from {
64          visibility: hidden
65        }
66        to {
67          visibility: visible
68        }
69      }
70      @-o-keyframes -amp-start {
71        from {
72          visibility: hidden
73        }
74        to {
75          visibility: visible
76        }
77      }
78      @keyframes -amp-start {
79        from {
80          visibility: hidden
81        }
82        to {
83          visibility: visible
84        }
85      }
86    </style>
87    <noscript>
88      <style amp-boilerplate="">
89        body {
90          -webkit-animation: none;
91          -moz-animation: none;
92          -ms-animation: none;
93          animation: none
94        }
95      </style>
96    </noscript>
97    <style amp-custom="">
98      :root{
99    --primary-color: #3366fb;
100    --tertiary-color: #353535;
101    --dark-color: #334cfb;
102    --darkest-color: #000000;
103    --mitragame-bg-color: #transparent;
104    --text-common-color: #e0f0ff;
105    --navbar-bg-color: #ffffff;
106    --text-nav: #0e0e0e;
107    --text-common-inverse-color: #0e0e0e;
108    --text-highlight-color: #334cfb;
109    --primary-shadow-color-normal: rgb(39 48 216 / 30%);
110    --primary-shadow-color-small: rgb(39 45 216 / 19%);
111    --primary-shadow-color-large: rgb(49 39 216 / 40%);
112    --primary-shadow-color-medium: rgb(39 73 216 / 25%);
113    --infobar-linear-gradient-color: linear-gradient(#334cfb, rgb(6 6 6));
114    --infobar-linear-gradient-color-alpha: linear-gradient(#fff, #fff);
115    --infobar-linear-gradient-dark-color-alpha: linear-gradient(0deg, #121800, rgba(34, 43, 18, 0.3));
116    --infobar-linear-gradient-semi-dark-color-alpha: linear-gradient(0deg, #121f33, rgba(34, 43, 18, 0.2));
117    --bg-dark-color: #000000;
118    --bg-darker-color: #000000;
119    --text-btn-primary-color: #0e0e0e;
120    --card-header-primary-text-color: #0e0e0e;
121    --bg-promo-btn: #4533fb;
122    --text-color-promo-btn: #0e0e0e;
123    --bg-info-content: #303031;
124    --bg-accent-color: #f8a617;
125    --bg-secondary-color: #6c757d;
126    --bg-success-color: #3117c3;
127    --bg-danger-color: #3364fb;
128    --bg-warning-color: #f8ad17;
129    --bg-info-color: #17a2b8;
130    --border-primary: #3360fb;
131    --bg-light-color: #e0f0ff;
132}
133      *,
134      :after,
135      :before {
136        box-sizing: border-box
137      }
138      html {
139        font-family: sans-serif;
140        line-height: 1.15;
141        text-size-adjust: 100%;
142        height: 100%;
143        font-size: 0.9rem;
144        -webkit-tap-highlight-color: var(--mitragame-bg-color)
145      }
146      body {
147        position: relative;
148        min-height: 100%;
149        margin: 0;
150        font-family: "Exo 2", sans-serif;
151        font-size: 1.05rem;
152        font-weight: 400;
153        line-height: 1.5;
154        text-align: left;
155        background-color: var(--bg-darker-color);
156        color: var(--text-common-color)
157      }
158      iframe,
159      amp-img,
160      object,
161      svg,
162      video {
163        vertical-align: middle
164      }
165      .custom-background {
166        background-position: center;
167        background-size: cover;
168        background-repeat: no-repeat;
169        background-attachment: fixed
170      }
171      amp-img {
172        max-width: 100%;
173        height: auto
174      }
175      .size-width {
176        width: 900px;
177        max-width: 100%
178      }
179      .ff {
180        margin: 0 auto;
181        box-shadow: 0 0 10px -1px var(--primary-color);
182        background-color: var(--bg-dark-color);
183        padding-top: 63px;
184        padding-bottom: 90px
185      }
186      .ff .te {
187        width: 900px;
188        max-width: 100%;
189        margin: 0 auto;
190        z-index: 1031
191      }
192      .te {
193        background-color: var(--bg-darker-color);
194        box-shadow: 0 0 10px -4px var(--primary-color);
195        max-width: 100%;
196        margin: 0 auto
197      }
198      hr {
199        box-sizing: content-box;
200        height: 0;
201        overflow: visible;
202        margin-top: 1rem;
203        margin-bottom: 1rem;
204        border-width: 0;
205        border-style: none;
206        border-color: initial;
207        border-image: initial;
208        border-top: 1px solid rgba(0, 0, 0, 0.1)
209      }
210      dt {
211        margin-bottom: 0.5rem
212      }
213      dd {
214        margin-inline-start: 20px
215      }
216      h1,
217      h2,
218      h3,
219      h4 {
220        margin-top: 1.2rem;
221        margin-bottom: 0.8rem;
222        font-weight: 500;
223        line-height: 1.2
224      }
225      h1 {
226        font-size: 2.1rem
227      }
228      h4 {
229        font-size: 1.2rem
230      }
231      p,
232      ul {
233        margin-top: 0;
234        margin-bottom: 1rem
235      }
236      .text-bold {
237        font-weight: bold
238      }
239      a {
240        color: var(--primary-color);
241        text-decoration: none
242      }
243      a:hover {
244        color: var(--tertiary-color)
245      }
246      .jd {
247        text-align: center
248      }
249      .kd {
250        font-weight: 700
251      }
252      .text-common {
253        color: var(--text-common-color)
254      }
255      .p-0 {
256        padding: 0
257      }
258      .px-0 {
259        padding-left: 0;
260        padding-right: 0
261      }
262      .py-025 {
263        padding-top: 0.25rem;
264        padding-bottom: 0.25rem
265      }
266      .px-025 {
267        padding-left: 0.25rem;
268        padding-right: 0.25rem
269      }
270      .py-05 {
271        padding-top: 0.5rem;
272        padding-bottom: 0.5rem
273      }
274      .px-05 {
275        padding-left: 0.5rem;
276        padding-right: 0.5rem
277      }
278      .p-025 {
279        padding: 0.25rem
280      }
281      .p-05 {
282        padding: 0.5rem
283      }
284      .p-1 {
285        padding: 1rem
286      }
287      .px--05 {
288        padding-right: -0.5rem;
289        padding-left: -0.5rem
290      }
291      .m-0 {
292        margin: 0
293      }
294      .m-025 {
295        margin: 0.25rem
296      }
297      .m-05 {
298        margin: 0.5rem
299      }
300      .mt-05 {
301        margin-top: 0.5rem
302      }
303      .mb-025 {
304        margin-bottom: 0.25rem
305      }
306      .mb-05 {
307        margin-bottom: 0.5rem
308      }
309      .mx-auto {
310        margin-right: auto;
311        margin-left: auto
312      }
313      .mx--05 {
314        margin-right: -0.5rem;
315        margin-left: -0.5rem
316      }
317      .mt-05 {
318        margin-top: 0.5rem
319      }
320      .w-24 {
321        width: 6rem
322      }
323      .h-24 {
324        height: 6rem
325      }
326      .h-auto {
327        height: auto
328      }
329      .w-50 {
330        width: 50%
331      }
332      .relative {
333        position: relative
334      }
335      .rounded-md {
336        border-radius: 0.25rem
337      }
338      .rounded-lg {
339        border-radius: 0.5rem
340      }
341      .text-center {
342        text-align: center
343      }
344      .items-center {
345        align-items: center
346      }
347      .text-highlight {
348        color: #0372b6
349      }
350      .text-highlight-icon {
351        color: #0372b6
352      }
353      .font-bold {
354        font-weight: 700
355      }
356      .text-lg {
357        font-size: 1.4rem;
358        line-height: 2rem
359      }
360      .text-dn {
361        text-decoration: none
362      }
363      .title-underline {
364        position: relative;
365        height: 1px;
366        margin-bottom: 1.3rem
367      }
368      .title-underline:before {
369        content: "";
370        position: absolute;
371        top: 0;
372        left: 30%;
373        right: 30%;
374        width: 40%;
375        height: 1px;
376        background-image: var(--infobar-linear-gradient-color)
377      }
378      .title-underline:after {
379        content: "";
380        position: absolute;
381        z-index: 1;
382        top: -4px;
383        left: calc(50% - 5px);
384        width: 10px;
385        height: 10px;
386        transform: rotate(45deg);
387        background-color: var(--text-highlight-color);
388        border-bottom: 1px solid var(--text-highlight-color);
389        border-right: 1px solid var(--text-highlight-color)
390      }
391      .w-full {
392        width: 100%
393      }
394      .flex {
395        display: flex
396      }
397      .flex-row {
398        flex-direction: row
399      }
400      .flex-col {
401        flex-direction: column
402      }
403      .justify-center {
404        justify-content: center
405      }
406      .absolute {
407        position: absolute
408      }
409      .truncate,
410      .whitespace-nowrap {
411        white-space: nowrap
412      }
413      nav amp-img {
414        max-width: 100%;
415        width: 100%
416      }
417      .y.site-header {
418        min-height: 63px;
419        flex-wrap: nowrap;
420        gap: 0.75rem;
421        padding: 0.72rem 1rem;
422        border-bottom: 1px solid rgba(51, 102, 251, 0.45);
423        background: linear-gradient(180deg, #070707 0%, #000 100%)
424      }
425      .site-logo-link {
426        display: flex;
427        align-items: center;
428        min-width: 0
429      }
430      .site-logo {
431        display: block;
432        flex: 0 0 auto
433      }
434      .site-cta-link {
435        flex: 0 0 auto;
436        margin-left: auto;
437        text-decoration: none
438      }
439      .site-cta.site-cta {
440        display: inline-flex;
441        align-items: center;
442        justify-content: center;
443        gap: 0.35rem;
444        min-height: 38px;
445        padding: 0.58rem 0.9rem;
446        border-radius: 0.35rem;
447        box-shadow: 0 0 14px rgba(51, 102, 251, 0.35);
448        white-space: nowrap
449      }
450      .y {
451        position: relative;
452        display: flex;
453        flex-wrap: wrap;
454        align-items: center;
455        justify-content: space-between;
456        padding: 0.64rem 1rem
457      }
458      .ec {
459        top: 0;
460        position: fixed;
461        right: 0;
462        left: 0;
463        z-index: 1030
464      }
465      .vb {
466        display: block
467      }
468      .bb {
469        padding: 0.5rem 0.75rem;
470        font-size: 1rem;
471        line-height: 1;
472        font-weight: 600;
473        background-color: var(--primary-color);
474        background: var(--infobar-linear-gradient-color);
475        border: 1px solid transparent;
476        border-radius: 0.25rem;
477        color: #fff;
478        border-color: hsla(0, 100%, 50%, 0.1)
479      }
480      .bb:focus,
481      .bb:hover {
482        background: var(--tertiary-color)
483      }
484      .marquee-container {
485        margin: 0;
486        margin-top: 4px
487      }
488      .info-area {
489        position: relative;
490        width: 100%;
491        background-image: var(--infobar-linear-gradient-color)
492      }
493      .info-area:before {
494        content: "";
495        position: absolute;
496        top: 0;
497        border-top: 2px solid var(--border-primary);
498        border-bottom: 1px solid var(--border-primary);
499        left: 0;
500        width: calc(100% - 35px);
501        height: 100%;
502        background-color: var(--bg-info-content);
503        transform: skew(-35deg, 0deg);
504        transform-origin: bottom left
505      }
506      .marquee-item {
507        display: none
508      }
509      .info-bar {
510        position: relative;
511        font-size: 1.1rem;
512        color: var(--text-common-color);
513        background-image: var(--infobar-linear-gradient-color);
514        margin-right: 35px
515      }
516      .info-bar:after,
517      .info-bar:before {
518        content: "";
519        position: absolute;
520        top: 0;
521        height: 100%;
522        background-image: var(--infobar-linear-gradient-color);
523        transform: skew(-35deg, 0deg);
524        transform-origin: bottom left
525      }
526      .info-bar:before {
527        left: 0;
528        width: 100%
529      }
530      .info-bar:after {
531        right: -15px;
532        width: 10px
533      }
534      .info-bar .info-bar-text {
535        position: relative
536      }
537      .info-text {
538        white-space: nowrap;
539        overflow: hidden;
540        box-sizing: border-box;
541        flex: 0 0 calc(100% - 100px);
542        max-width: 100%;
543        z-index: 1
544      }
545      .marquee {
546        flex: 0 0 auto;
547        min-width: 100%;
548        z-index: 1;
549        display: flex;
550        flex-direction: row;
551        align-items: center;
552        animation: marquee 30s linear infinite
553      }
554      @keyframes marquee {
555        0% {
556          transform: translateX(100%)
557        }
558        100% {
559          transform: translateX(-100%)
560        }
561      }
562      .lb {
563        position: relative;
564        width: 100%;
565        overflow: hidden
566      }
567      .hero-video-wrap {
568        position: relative;
569        width: 100vw;
570        height: auto;
571        aspect-ratio: 1 / 1;
572        margin-left: calc(50% - 50vw);
573        margin-right: calc(50% - 50vw);
574        overflow: hidden
575      }
576      .hero-auth-wrap {
577        display: flex;
578        align-items: stretch;
579        justify-content: center;
580        gap: 0.7rem;
581        margin: 0.65rem 0.5rem 0.35rem;
582      }
583      .hero-auth-button {
584        position: relative;
585        display: inline-flex;
586        flex: 1 1 0;
587        min-width: 0;
588        min-height: 52px;
589        align-items: center;
590        justify-content: center;
591        gap: 0.45rem;
592        padding: 0.72rem 0.8rem;
593        border: 2px solid #59d8ff;
594        border-radius: 0.8rem;
595        font-size: 1.03rem;
596        font-weight: 900;
597        line-height: 1;
598        text-transform: uppercase;
599        text-decoration: none;
600        overflow: hidden;
601        box-shadow: 0 7px 18px rgba(0, 0, 0, 0.42);
602      }
603      .hero-auth-button:before {
604        content: "";
605        position: absolute;
606        inset: 2px;
607        border-radius: 0.62rem;
608        border: 1px solid rgba(255, 255, 255, 0.18);
609        pointer-events: none;
610      }
611      .hero-login {
612        color: #ffe57a;
613        background: linear-gradient(135deg, #071a31 0%, #0c315d 55%, #0b65b8 100%);
614        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
615      }
616      .hero-login i {
617        color: #ffe57a;
618      }
619      .hero-register {
620        color: #0a1720;
621        border-color: #ffffff;
622        background: linear-gradient(110deg, #ffe06a 0%, #ffd45b 38%, #73ded4 69%, #1d79ff 100%);
623        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);
624      }
625      .hero-register i {
626        color: #0a1720;
627      }
628      .hero-auth-button:hover,
629      .hero-auth-button:focus {
630        filter: brightness(1.1);
631      }
632      .lb:after {
633        display: block;
634        clear: both;
635        content: ""
636      }
637      .lb amp-img {
638        display: block;
639        padding: 0.5rem;
640        border-radius: 1rem;
641        width: 100%
642      }
643      .k {
644        display: flex;
645        justify-content: center;
646        flex-wrap: wrap;
647        margin-right: -10px;
648        margin-left: -10px
649      }
650      .l {
651        margin-right: 0;
652        margin-left: 0
653      }
654      .l>.m {
655        padding-right: 0;
656        padding-left: 0
657      }
658      .m,
659      .n,
660      .o {
661        position: relative;
662        width: 100%;
663        padding-right: 15px;
664        padding-left: 15px
665      }
666      .m {
667        flex-basis: 0px;
668        flex-grow: 1;
669        max-width: 100%
670      }
671      .mb {
672        position: relative;
673        display: block;
674        float: left;
675        width: 100%;
676        margin-right: -100%;
677        backface-visibility: hidden;
678        transition: transform 0.6s ease-in-out 0s;
679        transition: none 0s ease 0s
680      }
681      .mb amp-img,
682      .mb amp-video {
683        border: 7px solid transparent
684      }
685      .hero-video-wrap .mb,
686      .hero-video-wrap .hero-banner-img {
687        width: 100%;
688        height: 100%
689      }
690      .hero-video-wrap .hero-banner-img {
691        display: block;
692        padding: 0;
693        border-radius: 0
694      }
695      .hero-video-wrap .hero-banner-img img {
696        object-fit: cover;
697        object-position: center
698      }
699      .s {
700        display: block;
701        width: 100%
702      }
703      .btn {
704        display: inline-block;
705        font-weight: 400;
706        color: var(--text-btn-primary-color);
707        text-align: center;
708        vertical-align: middle;
709        user-select: none;
710        padding: 0.45rem 0.75rem;
711        font-size: 1.25rem;
712        line-height: 1.5;
713        border-radius: 0;
714        transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
715        transition: none 0s ease 0s;
716        border-width: 0;
717        border-style: none;
718        border-color: initial;
719        border-image: initial
720      }
721      .masuk {
722        color: var(--text-btn-primary-color);
723        background: var(--infobar-linear-gradient-color-alpha)
724      }
725      .daftar {
726        color: var(--text-btn-primary-color);
727        background: var(--infobar-linear-gradient-color);
728        color: white;
729      }
730      .promo-banner {
731        position: relative;
732        display: block;
733        margin: 0.65rem 0.5rem 0.5rem;
734        padding: 4px;
735        overflow: hidden;
736        border: 1px solid #f8ad17;
737        border-radius: 0.5rem;
738        background: linear-gradient(135deg, #f8ad17, #ffffff 32%, #3366fb 68%, #f8ad17);
739        box-shadow: 0 0 14px rgba(51, 102, 251, 0.8), 0 0 22px rgba(248, 173, 23, 0.45);
740      }
741      .promo-banner:before {
742        content: "";
743        position: absolute;
744        inset: 0;
745        z-index: 1;
746        pointer-events: none;
747        border-radius: 0.45rem;
748        box-shadow: inset 0 0 16px rgba(255, 255, 255, 0.35), inset 0 0 24px rgba(0, 0, 0, 0.55);
749      }
750      .promo-banner amp-img {
751        display: block;
752        border-radius: 0.35rem;
753        background: #000;
754      }
755      .promo-ribbon {
756        position: absolute;
757        z-index: 2;
758        font-weight: 800;
759        line-height: 1;
760        color: #111;
761        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
762      }
763      .promo-ribbon {
764        top: 0.55rem;
765        left: 0.55rem;
766        display: inline-flex;
767        align-items: center;
768        gap: 0.28rem;
769        padding: 0.38rem 0.58rem;
770        border-radius: 0.25rem;
771        background: linear-gradient(180deg, #fff23d 0%, #f8ad17 48%, #ff4a00 100%);
772        box-shadow: 0 0 8px rgba(255, 242, 61, 0.95), 0 0 18px rgba(255, 74, 0, 0.9), 0 0 28px rgba(51, 102, 251, 0.45);
773        font-size: 0.8rem;
774        animation: promoFire 1.1s ease-in-out infinite;
775      }
776      .promo-ribbon i {
777        color: #d71900;
778        text-shadow: 0 0 5px #fff23d, 0 0 10px #ff4a00;
779        animation: promoFlame 0.75s ease-in-out infinite alternate;
780      }
781      @keyframes promoFire {
782        0%,
783        100% {
784          transform: scale(1);
785          filter: brightness(1);
786        }
787        50% {
788          transform: scale(1.05) rotate(-1deg);
789          filter: brightness(1.22);
790        }
791      }
792      @keyframes promoFlame {
793        from {
794          transform: translateY(0) scale(1);
795        }
796        to {
797          transform: translateY(-1px) scale(1.18);
798        }
799      }
800      .masuk:active,
801      .masuk:focus,
802      .masuk:hover,
803      .daftar:active,
804      .daftar:focus,
805      .daftar:hover {
806        font-weight: 600;
807        color: var(--navbar-bg-color)
808      }
809      .qd,
810      .rd {
811        -webkit-font-smoothing: antialiased;
812        display: inline-block;
813        font-style: normal;
814        font-variant: normal;
815        text-rendering: auto;
816        line-height: 1
817      }
818      .sd {
819        font-size: 2em
820      }
821      .td {
822        font-size: 2em
823      }
824      .ud:before {
825        content: ""
826      }
827      .vd:before {
828        content: ""
829      }
830      .wd:before {
831        content: ""
832      }
833      .xd:before {
834        content: ""
835      }
836      .yd:before {
837        content: ""
838      }
839      .zd:before {
840        content: ""
841      }
842      .ae:before {
843        content: ""
844      }
845      .be:before {
846        content: "f590"
847      }
848      .qd,
849      .rd {
850        font-weight: 900
851      }
852      .qd {
853        font-family: Games Icon
854      }
855      .be:before {
856        content: ""
857      }
858      .ce:before {
859        content: ""
860      }
861      .de:before {
862        content: ""
863      }
864      .ee:before {
865        content: ""
866      }
867      .fe:before {
868        content: ""
869      }
870      .ge:before {
871        content: ""
872      }
873      .ye {
874        background-color: var(--darkest-color);
875        border: 1px solid var(--border-primary);
876        margin: 0.5rem;
877        border-radius: 9999px
878      }
879      .g {
880        font-size: 0.9rem;
881        font-weight: 400
882      }
883      .ye a:active,
884      .ye a:focus,
885      .ye a:hover {
886        color: var(--text-highlight-color);
887        -webkit-transform: scale(1.2);
888        -ms-transform: scale(1.2);
889        transform: scale(1.2);
890        -webkit-transition: 0.4s;
891        -o-transition: 0.4s;
892        transition: 0.4s
893      }
894      .dc {
895        position: absolute;
896        display: flex;
897        justify-content: space-between;
898        align-items: center�
898
899      }
900      .me {
901        width: 100%;
902        height: 10px;
903        padding: 0 3px;
904        left: 0
905      }
906      .me.ne {
907        top: 3px
908      }
909      .me.oe {
910        bottom: 3px
911      }
912      .ke,
913      .le {
914        background-color: var(--tertiary-color);
915        border-radius: 50%
916      }
917      .ke {
918        width: 10px;
919        height: 10px;
920        animation: a 1s ease 0s infinite normal none running
921      }
922      .le {
923        width: 5px;
924        height: 5px;
925        animation: a 1s steps(1) 0s infinite normal none running
926      }
927      @keyframes a {
928        50% {
929          background-color: var(--text-common-color)
930        }
931      }
932      table {
933        width: 100%;
934        border-radius: 12px
935      }
936      td {
937        background: var(--darkest-color);
938        border-color: #0e0e0e;
939        border-radius: 12px;
940        padding: 10px
941      }
942      td:first-child {
943        width: 35%
944      }
945      .hotgames {
946        flex: 0 0 25%;
947        max-width: 16.65%
948      }
949      .rekomendasi {
950        flex: 0 0 33.33%;
951        max-width: 33.33%
952      }
953      .sports {
954        flex: 0 0 50%;
955        max-width: 50%
956      }
957      .pools {
958        flex: 0 0 16.66%;
959        max-width: 16.66%
960      }
961      .sb {
962        border-color: var(--border-primary);
963        border-top: 4px solid var(--tertiary-color);
964        border-bottom: 2px solid var(--tertiary-color)
965      }
966      .hf {
967        border: 3px solid transparent
968      }
969      .ib {
970        padding: 0.5rem 0.25rem;
971        background-color: var(--tertiary-color);
972        border-top: 1px solid rgba(0, 0, 0, 0.125)
973      }
974      .pools amp-img {
975        width: 75px
976      }
977      .if {
978        width: 10px;
979        height: 10px;
980        border-radius: 50%;
981        position: absolute;
982        top: 6px;
983        right: 6px;
984        box-shadow: 0 0 2px 2px var(--bg-success-color);
985        background-color: var(--bg-success-color)
986      }
987      .bank {
988        flex: 0 0 17%;
989        max-width: 17%
990      }
991      .bank amp-img {
992        width: 100%
993      }
994      .i {
995        padding: 0.1rem;
996        background-color: #fff;
997        border: 1px solid var(--text-common-color);
998        border-radius: 0.5rem
999      }
1000      .ef {
1001        border-bottom-width: 3px;
1002        border-color: #30f95e
1003      }
1004      .nav-top-trigger,
1005      .nav-scroll-trigger {
1006        position: absolute;
1007        left: 0;
1008        width: 1px;
1009        height: 1px;
1010        pointer-events: none
1011      }
1012      .nav-top-trigger {
1013        top: 0
1014      }
1015      .nav-scroll-trigger {
1016        top: 112vh
1017      }
1018      .nav-bottom {
1019        position: fixed;
1020        margin: 0 auto;
1021        bottom: 0;
1022        left: 0;
1023        right: 0;
1024        background: linear-gradient(180deg, rgba(89,216,255,.96), rgba(51,102,251,.96) 45%, rgba(10,18,72,.98));
1025        z-index: 40;
1026        border-top: 1px solid rgba(255,255,255,.28);
1027        border-top-left-radius: 0.5rem;
1028        border-top-right-radius: 0.5rem;
1029        box-shadow: 0 -10px 28px rgba(0,0,0,.48), 0 0 22px rgba(89,216,255,.38);
1030        opacity: 0;
1031        transform: translateY(110%);
1032        will-change: transform, opacity
1033      }
1034      .nav-bottom>ul {
1035        list-style-type: none
1036      }
1037      .nav-bottom>ul>li {
1038        flex-basis: 0px;
1039        flex-grow: 1;
1040        font-size: 0.75rem;
1041        line-height: 1rem
1042      }
1043      .nav-bottom>ul>li>a {
1044        color: #fff;
1045        white-space: nowrap;
1046        font-size: 0.75rem;
1047        line-height: 1rem;
1048        font-weight: 600;
1049        text-transform: uppercase
1050      }
1051      .bg-promo-button {
1052        background: var(--bg-promo-btn);
1053        color: var(--bg-danger-color)
1054      }
1055      .nav-bottom>ul>li>a:hover {
1056        color: var(--text-common-color);
1057        background-color: var(--darkest-color);
1058        border-color: var(--dark-color);
1059        border-top-left-radius: 0.375rem;
1060        border-top-right-radius: 0.375rem
1061      }
1062      .blink {
1063        animation: blink 1.2s linear infinite
1064      }
1065      @keyframes blink {
1066        0% {
1067          opacity: 0
1068        }
1069        50% {
1070          opacity: 0.8
1071        }
1072        100% {
1073          opacity: 2.5
1074        }
1075        50% {
1076          opacity: 0.8
1077        }
1078      }
1079      @media only screen and (max-width: 720px) {
1080        .pools {
1081          flex: 0 0 20%;
1082          max-width: 20%
1083        }
1084      }
1085      @media only screen and (max-width: 600px) {
1086        .y.site-header {
1087          min-height: 58px;
1088          padding: 0.58rem 0.7rem;
1089          gap: 0.5rem
1090        }
1091        .site-logo {
1092          width: 155px
1093        }
1094        .site-cta.site-cta {
1095          min-height: 34px;
1096          padding: 0.5rem 0.62rem;
1097          font-size: 0.82rem
1098        }
1099        .hero-auth-wrap {
1100          gap: 0.55rem;
1101          margin: 0.55rem 0.35rem 0.35rem
1102        }
1103        .hero-auth-button {
1104          min-height: 48px;
1105          padding: 0.66rem 0.45rem;
1106          border-radius: 0.7rem;
1107          font-size: 0.92rem
1108        }
1109        .promo-banner {
1110          margin: 0.55rem 0.35rem 0.45rem;
1111          padding: 3px
1112        }
1113        .promo-ribbon {
1114          top: 0.4rem;
1115          left: 0.4rem;
1116          padding: 0.28rem 0.38rem;
1117          font-size: 0.68rem
1118        }
1119        .k-hotGame .n {
1120          padding-left: 0.25rem;
1121          padding-right: 0.25rem
1122        }
1123        .n {
1124          max-width: 17%
1125        }
1126        .pools {
1127          flex: 0 0 25%;
1128          max-width: 25%
1129        }
1130        .pools amp-img {
1131          width: 70px
1132        }
1133        .pools p {
1134          font-size: 0.8rem
1135        }
1136        .pools .g {
1137          font-size: 0.8rem
1138        }
1139        .game-section {
1140          margin: 0.65rem 0.45rem 1rem;
1141          padding: 0.8rem
1142        }
1143        .game-section-title {
1144          font-size: 1.05rem;
1145          padding: 0.55rem 0.7rem
1146        }
1147        .game-grid {
1148          grid-template-columns: 1fr;
1149          gap: 0.85rem
1150        }
1151        .audio-container {
1152          display: flex;
1153          justify-content: center;
1154          align-items: center;
1155          height: 100vh; /* Atur tinggi sesuai kebutuhan */
1156        }
1157        amp-audio {
1158          width: 100%;
1159          max-width: 400px; /* Atur lebar maksimum elemen audio */
1160}
1161      }
1162      .game-section {
1163        margin: 0.65rem 0.75rem 1.5rem;
1164        padding: 1.1rem;
1165        position: relative;
1166        overflow: visible;
1167        border: 1px solid rgba(89, 216, 255, 0.35);
1168        border-radius: 0.7rem;
1169        background: radial-gradient(circle at 50% 0%, rgba(89,216,255,.18) 0%, rgba(51,102,251,.08) 35%, rgba(0,0,0,.88) 100%);
1170        box-shadow: inset 0 0 26px rgba(51,102,251,.22), 0 12px 34px rgba(0,0,0,.45)
1171      }
1172      .game-section::before {
1173        content: '';
1174        position: absolute;
1175        inset: -3px;
1176        border: 1px solid rgba(89,216,255,.55);
1177        border-radius: calc(0.7rem + 3px);
1178        box-shadow: 0 0 10px rgba(89,216,255,.42), 0 0 22px rgba(51,102,251,.22);
1179        pointer-events: none;
1180        z-index: 0
1181      }
1182      .game-section::after {
1183        content: '';
1184        position: absolute;
1185        top: 0;
1186        left: 0;
1187        width: 34px;
1188        height: 6px;
1189        border-radius: 999px;
1190        background: linear-gradient(90deg, transparent, #59d8ff, #f8ad17, #59d8ff, transparent);
1191        box-shadow: 0 0 8px #59d8ff, 0 0 18px rgba(89,216,255,.78), 0 0 26px rgba(248,173,23,.45);
1192        pointer-events: none;
1193        z-index: 0;
1194        offset-path: inset(-5px round calc(0.7rem + 5px));
1195        offset-distance: 0%;
1196        offset-rotate: auto;
1197        animation: neonOuterRun 4s linear infinite
1198      }
1199      .game-section-title {
1200        position: relative;
1201        z-index: 1;
1202        display: flex;
1203        align-items: center;
1204        justify-content: center;
1205        gap: 0.6rem;
1206        min-height: 48px;
1207        margin: 0 0 1rem;
1208        padding: 0.7rem 1rem;
1209        text-align: center;
1210        font-size: 1.22rem;
1211        line-height: 1.15;
1212        font-weight: 900;
1213        color: #fff;
1214        text-shadow: 0 0 8px rgba(89,216,255,.95), 0 2px 4px rgba(0,0,0,.85);
1215        text-transform: uppercase;
1216        border: 1px solid rgba(255,255,255,.22);
1217        border-radius: 0.55rem;
1218        background: linear-gradient(90deg, rgba(4,9,24,.95), rgba(51,102,251,.24) 48%, rgba(4,9,24,.95));
1219        box-shadow: inset 0 0 18px rgba(89,216,255,.14), 0 0 18px rgba(51,102,251,.26)
1220      }
1221      .game-grid {
1222        position: relative;
1223        z-index: 1;
1224        display: grid;
1225        grid-template-columns: repeat(2, minmax(0, 1fr));
1226        gap: 0.9rem
1227      }
1228      .game-card {
1229        position: relative;
1230        display: block;
1231        min-height: 1px;
1232        overflow: hidden;
1233        border: 2px solid rgba(89,216,255,.72);
1234        border-radius: 0.65rem;
1235        background: #05070d;
1236        box-shadow: 0 0 0 1px rgba(255,255,255,.09), 0 10px 24px rgba(0,0,0,.5), 0 0 24px rgba(51,102,251,.22);
1237        transform: translateZ(0);
1238        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, filter .25s ease
1239      }
1240      .game-card:focus,
1241      .game-card:hover {
1242        transform: translateY(-4px) scale(1.015);
1243        border-color: #f8ad17;
1244        box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 14px 30px rgba(0,0,0,.6), 0 0 34px rgba(248,173,23,.38), 0 0 24px rgba(89,216,255,.38);
1245        filter: brightness(1.08)
1246      }
1247      .game-card amp-img {
1248        display: block;
1249        width: 100%;
1250        transform: scale(1.04)
1251      }
1252      .article-frame {
1253        position: relative;
1254        margin: 1.35rem 0.75rem 0;
1255        padding: 1.15rem 1rem;
1256        overflow: visible;
1257        border: 1px solid rgba(89,216,255,.34);
1258        border-radius: 0.65rem;
1259        background: linear-gradient(180deg, rgba(7,13,34,.96), rgba(0,0,0,.9));
1260        box-shadow: inset 0 0 22px rgba(51,102,251,.18), 0 10px 28px rgba(0,0,0,.42)
1261      }
1262      .article-frame::before {
1263        content: '';
1264        position: absolute;
1265        inset: -3px;
1266        border: 1px solid rgba(89,216,255,.5);
1267        border-radius: calc(0.65rem + 3px);
1268        box-shadow: 0 0 10px rgba(89,216,255,.38), 0 0 22px rgba(51,102,251,.2);
1269        pointer-events: none;
1270        z-index: 0
1271      }
1272      .article-frame::after {
1273        content: '';
1274        position: absolute;
1275        top: 0;
1276        left: 0;
1277        width: 34px;
1278        height: 6px;
1279        border-radius: 999px;
1280        background: linear-gradient(90deg, transparent, #59d8ff, #f8ad17, #59d8ff, transparent);
1281        box-shadow: 0 0 8px #59d8ff, 0 0 18px rgba(89,216,255,.72), 0 0 26px rgba(248,173,23,.4);
1282        pointer-events: none;
1283        z-index: 0;
1284        offset-path: inset(-5px round calc(0.65rem + 5px));
1285        offset-distance: 0%;
1286        offset-rotate: auto;
1287        animation: neonOuterRun 4.4s linear infinite
1288      }
1289      @keyframes neonOuterRun {
1290        to {
1291          offset-distance: 100%
1292        }
1293      }
1294      .article-frame #page-title {
1295        margin: 0 0 0.8rem;
1296        font-size: 1.35rem;
1297        line-height: 1.25;
1298        font-weight: 900;
1299        text-align: center;
1300        position: relative;
1301        z-index: 1
1302      }
1303      .article-frame #page-description {
1304        margin: 0;
1305        color: var(--text-common-color);
1306        font-size: 1rem;
1307        line-height: 1.75;
1308        text-align: justify;
1309        text-justify: inter-word;
1310        position: relative;
1311        z-index: 1
1312      }
1313      @media only screen and (max-width: 360px) {
1314        .pools {
1315          flex: 0 0 33.33%;
1316          max-width: 33.33%
1317        }
1318      }
1319
1320
1321/* ===== DINGDONG77 YUZHONG NEON RED GOLD THEME ===== */
1322:root{
1323  --primary-color:#ffd45a;
1324  --tertiary-color:#8f1118;
1325  --dark-color:#5d0d12;
1326  --darkest-color:#030202;
1327  --mitragame-bg-color:transparent;
1328  --text-common-color:#fff3dc;
1329  --navbar-bg-color:#fff7e8;
1330  --text-nav:#160506;
1331  --text-common-inverse-color:#160506;
1332  --text-highlight-color:#ffd45a;
1333  --primary-shadow-color-normal:rgba(211,28,39,.30);
1334  --primary-shadow-color-small:rgba(255,187,61,.18);
1335  --primary-shadow-color-large:rgba(211,28,39,.40);
1336  --primary-shadow-color-medium:rgba(255,187,61,.26);
1337  --infobar-linear-gradient-color:linear-gradient(180deg,#a3161f 0%,#5b0b10 48%,#090303 100%);
1338  --infobar-linear-gradient-color-alpha:linear-gradient(135deg,#fff2b8 0%,#ffd45a 46%,#bc7818 100%);
1339  --infobar-linear-gradient-dark-color-alpha:linear-gradient(0deg,#090303,rgba(96,10,15,.48));
1340  --infobar-linear-gradient-semi-dark-color-alpha:linear-gradient(0deg,#170405,rgba(100,12,18,.30));
1341  --bg-dark-color:#080303;
1342  --bg-darker-color:#030202;
1343  --text-btn-primary-color:#170506;
1344  --card-header-primary-text-color:#170506;
1345  --bg-promo-btn:#8f1118;
1346  --text-color-promo-btn:#fff2ca;
1347  --bg-info-content:#120506;
1348  --bg-accent-color:#f0a52b;
1349  --bg-secondary-color:#6f5a50;
1350  --bg-success-color:#c51723;
1351  --bg-danger-color:#b20f1b;
1352  --bg-warning-color:#f0a52b;
1353  --bg-info-color:#b87a27;
1354  --border-primary:#d99125;
1355  --bg-light-color:#fff3dc;
1356}
1357
1358body{
1359  background:
1360    radial-gradient(circle at 50% -10%,rgba(255,187,61,.12) 0%,transparent 30%),
1361    radial-gradient(circle at 12% 28%,rgba(190,15,28,.12) 0%,transparent 32%),
1362    radial-gradient(circle at 88% 70%,rgba(143,17,24,.10) 0%,transparent 35%),
1363    linear-gradient(145deg,#020101 0%,#0b0304 38%,#180506 64%,#030202 100%);
1364  color:#fff3dc;
1365}
1366
1367.ff{
1368  background:
1369    linear-gradient(180deg,rgba(9,3,3,.98),rgba(3,2,2,.99));
1370  box-shadow:
1371    0 0 15px -2px rgba(255,191,64,.32),
1372    0 0 28px rgba(163,22,31,.16);
1373}
1374
1375.te{
1376  background:#050202;
1377  box-shadow:0 0 14px -3px rgba(255,189,63,.32);
1378}
1379
1380/* HEADER */
1381.y.site-header{
1382  border-bottom:1px solid rgba(255,194,70,.52);
1383  background:
1384    linear-gradient(180deg,#1a0708 0%,#0b0304 48%,#020101 100%);
1385  box-shadow:
1386    0 5px 18px rgba(0,0,0,.56),
1387    0 0 16px rgba(198,24,34,.18);
1388}
1389
1390.site-logo{
1391  filter:
1392    drop-shadow(0 0 7px rgba(255,208,88,.40))
1393    drop-shadow(0 0 13px rgba(186,20,30,.20));
1394}
1395
1396.site-cta.site-cta{
1397  color:#180506;
1398  background:
1399    linear-gradient(135deg,#fff1b3 0%,#ffd45a 34%,#e8a52f 63%,#a7161e 100%);
1400  border:1px solid #ffe493;
1401  box-shadow:
1402    0 0 12px rgba(255,204,74,.34),
1403    0 0 22px rgba(171,19,28,.20);
1404}
1405
1406/* MARQUEE */
1407.info-area,
1408.info-bar,
1409.info-bar:before,
1410.info-bar:after{
1411  background-image:
1412    linear-gradient(180deg,#97121b 0%,#5b0b10 52%,#080303 100%);
1413}
1414
1415.info-area:before{
1416  background-color:#130506;
1417  border-top-color:#d99125;
1418  border-bottom-color:#8f1118;
1419}
1420
1421.info-bar{
1422  color:#fff4dd;
1423}
1424
1425.info-bar .fa-bullhorn{
1426  color:#ffd45a;
1427  text-shadow:0 0 8px rgba(255,198,70,.42);
1428}
1429
1430.marquee{
1431  color:#fff0cf;
1432  text-shadow:0 0 7px rgba(190,22,31,.22);
1433}
1434
1435/* HERO AUTH */
1436.hero-auth-button{
1437  border-color:#d99125;
1438  box-shadow:
1439    0 8px 20px rgba(0,0,0,.48),
1440    0 0 14px rgba(196,22,31,.18);
1441}
1442
1443.hero-login{
1444  color:#ffe68f;
1445  background:
1446    linear-gradient(135deg,#190506 0%,#4f090d 50%,#9f141c 100%);
1447  border-color:#b81b24;
1448  text-shadow:0 1px 3px rgba(0,0,0,.8);
1449}
1450
1451.hero-login i{
1452  color:#ffd45a;
1453}
1454
1455.hero-register{
1456  color:#190506;
1457  border-color:#ffe59a;
1458  background:
1459    linear-gradient(110deg,#fff0b4 0%,#ffd45a 34%,#e8a12c 62%,#a91620 100%);
1460  text-shadow:0 1px 0 rgba(255,255,255,.34);
1461}
1462
1463.hero-register i{
1464  color:#5f090e;
1465}
1466
1467/* PROMO */
1468.promo-banner{
1469  border-color:#d99125;
1470  background:
1471    linear-gradient(135deg,#7f0e16 0%,#ffd45a 30%,#fff1b5 50%,#a9141e 72%,#d99125 100%);
1472  box-shadow:
1473    0 0 14px rgba(206,29,39,.42),
1474    0 0 24px rgba(255,192,62,.30);
1475}
1476
1477.promo-ribbon{
1478  color:#190506;
1479  background:
1480    linear-gradient(180deg,#fff077 0%,#f0a52b 48%,#a8171f 100%);
1481  box-shadow:
1482    0 0 9px rgba(255,226,91,.74),
1483    0 0 17px rgba(193,27,37,.58);
1484}
1485
1486.promo-ribbon i{
1487  color:#a20f18;
1488  text-shadow:0 0 5px #ffd45a,0 0 10px #b3151f;
1489}
1490
1491/* GENERIC ACCENTS */
1492.text-highlight,
1493.text-highlight-icon{
1494  color:#ffd45a;
1495}
1496
1497.title-underline:before{
1498  background-image:linear-gradient(90deg,transparent,#8f1118,#ffd45a,#8f1118,transparent);
1499}
1500
1501.title-underline:after{
1502  background-color:#ffd45a;
1503  border-bottom-color:#ffd45a;
1504  border-right-color:#ffd45a;
1505  box-shadow:0 0 8px rgba(255,212,90,.46);
1506}
1507
1508.ye{
1509  border-color:#d99125;
1510  background:
1511    linear-gradient(180deg,#130506,#050202);
1512}
1513
1514.ye a:active,
1515.ye a:focus,
1516.ye a:hover{
1517  color:#ffd45a;
1518}
1519
1520.ke,
1521.le{
1522  background-color:#a91620;
1523}
1524
1525.if{
1526  box-shadow:0 0 3px 2px #d99125;
1527  background-color:#c51723;
1528}
1529
1530td{
1531  background:#080303;
1532  border-color:#4d0a0e;
1533}
1534
1535/* GAME SECTION */
1536.game-section{
1537  border:1px solid rgba(217,145,37,.48);
1538  background:
1539    radial-gradient(circle at 50% 0%,rgba(255,188,60,.13) 0%,rgba(166,20,29,.12) 34%,rgba(4,2,2,.95) 100%);
1540  box-shadow:
1541    inset 0 0 28px rgba(167,20,29,.18),
1542    0 12px 34px rgba(0,0,0,.50),
1543    0 0 18px rgba(217,145,37,.10);
1544}
1545
1546.game-section::before{
1547  border-color:rgba(255,198,77,.48);
1548  box-shadow:
1549    0 0 10px rgba(255,196,73,.30),
1550    0 0 24px rgba(175,22,31,.24);
1551}
1552
1553.game-section::after{
1554  background:
1555    linear-gradient(90deg,transparent,#b51620,#ffd45a,#fff0a9,#b51620,transparent);
1556  box-shadow:
1557    0 0 8px #d99125,
1558    0 0 18px rgba(255,196,73,.58),
1559    0 0 27px rgba(178,20,30,.42);
1560}
1561
1562.game-section-title{
1563  color:#fff2d6;
1564  text-shadow:
1565    0 0 8px rgba(255,198,72,.42),
1566    0 0 13px rgba(177,19,29,.38),
1567    0 2px 4px rgba(0,0,0,.90);
1568  border-color:rgba(255,211,115,.22);
1569  background:
1570    linear-gradient(90deg,rgba(23,4,5,.98),rgba(139,15,22,.32) 48%,rgba(23,4,5,.98));
1571  box-shadow:
1572    inset 0 0 18px rgba(255,193,65,.08),
1573    0 0 18px rgba(165,19,28,.22);
1574}
1575
1576.game-card{
1577  border-color:rgba(217,145,37,.70);
1578  background:#050202;
1579  box-shadow:
1580    0 0 0 1px rgba(255,235,188,.06),
1581    0 10px 24px rgba(0,0,0,.54),
1582    0 0 22px rgba(173,20,29,.16);
1583}
1584
1585.game-card:focus,
1586.game-card:hover{
1587  border-color:#ffd45a;
1588  box-shadow:
1589    0 0 0 1px rgba(255,255,255,.12),
1590    0 14px 30px rgba(0,0,0,.62),
1591    0 0 30px rgba(255,188,56,.32),
1592    0 0 24px rgba(180,20,30,.34);
1593}
1594
1595/* ARTICLE */
1596.article-frame{
1597  border-color:rgba(217,145,37,.38);
1598  background:
1599    linear-gradient(180deg,rgba(24,5,7,.97),rgba(5,2,2,.96));
1600  box-shadow:
1601    inset 0 0 23px rgba(166,20,29,.15),
1602    0 10px 28px rgba(0,0,0,.46);
1603}
1604
1605.article-frame::before{
1606  border-color:rgba(255,199,78,.44);
1607  box-shadow:
1608    0 0 10px rgba(255,196,73,.26),
1609    0 0 22px rgba(173,21,30,.20);
1610}
1611
1612.article-frame::after{
1613  background:
1614    linear-gradient(90deg,transparent,#a91620,#ffd45a,#fff0ad,#a91620,transparent);
1615  box-shadow:
1616    0 0 8px #d99125,
1617    0 0 18px rgba(255,196,73,.48),
1618    0 0 25px rgba(178,20,30,.38);
1619}
1620
1621.article-frame #page-title,
1622.article-frame #page-title .text-highlight{
1623  color:#ffd45a;
1624  text-shadow:
1625    0 0 8px rgba(255,202,79,.30),
1626    0 2px 3px rgba(0,0,0,.78);
1627}
1628
1629.article-frame #page-description,
1630.article-frame .desc-full{
1631  color:#f4e8d5;
1632}
1633
1634.article-frame .desc-full a{
1635  color:#ffd45a;
1636}
1637
1638/* FOOTER */
1639footer{
1640  color:#f0e3cd;
1641  background:
1642    linear-gradient(180deg,#0d0304 0%,#040202 100%);
1643  border-top:1px solid rgba(217,145,37,.28);
1644}
1645
1646footer a{
1647  color:#ffd45a;
1648}
1649
1650/* BOTTOM NAV */
1651.nav-bottom{
1652  background:
1653    linear-gradient(180deg,rgba(255,205,84,.97) 0%,rgba(163,22,31,.97) 42%,rgba(44,6,9,.99) 100%);
1654  border-top:1px solid rgba(255,239,190,.34);
1655  box-shadow:
1656    0 -10px 28px rgba(0,0,0,.54),
1657    0 0 22px rgba(194,23,33,.28),
1658    0 0 16px rgba(255,196,69,.20);
1659}
1660
1661.nav-bottom>ul>li>a{
1662  color:#fff4df;
1663  text-shadow:0 1px 2px rgba(0,0,0,.58);
1664}
1665
1666.nav-bottom>ul>li>a:hover{
1667  color:#ffd45a;
1668  background-color:#090303;
1669  border-color:#8f1118;
1670}
1671
1672.bg-promo-button{
1673  background:#8f1118;
1674  color:#ffd45a;
1675}
1676
1677/* ===== DINGDONG77 STAR FALL EFFECT ===== */
1678.starfall-layer{
1679  position:fixed;
1680  inset:0;
1681  z-index:1029;
1682  overflow:hidden;
1683  pointer-events:none;
1684  user-select:none;
1685  contain:layout paint;
1686}
1687
1688.falling-star,
1689.star-spark{
1690  position:absolute;
1691  top:-14vh;
1692  left:50%;
1693  opacity:0;
1694  will-change:transform,opacity;
1695}
1696
1697.falling-star{
1698  font-size:22px;
1699  line-height:1;
1700  color:#ffe7a0;
1701  text-shadow:
1702    0 0 6px rgba(255,243,198,.92),
1703    0 0 14px rgba(255,208,88,.80),
1704    0 0 22px rgba(186,20,30,.24);
1705  animation:starFall 7.8s linear infinite, starTwinkle 1.35s ease-in-out infinite alternate;
1706}
1707
1708.falling-star::before{
1709  content:"✦";
1710}
1711
1712.star-spark{
1713  font-size:13px;
1714  line-height:1;
1715  color:#ffd45a;
1716  text-shadow:
1717    0 0 5px rgba(255,240,176,.85),
1718    0 0 10px rgba(255,198,70,.62),
1719    0 0 14px rgba(143,17,24,.20);
1720  animation:starFallSmall 5.8s linear infinite, sparklePulse 1.05s ease-in-out infinite alternate;
1721}
1722
1723.star-spark::before{
1724  content:"✧";
1725}
1726
1727@keyframes starFall{
1728  0%{
1729    opacity:0;
1730    transform:translate3d(0,-16vh,0) rotate(0deg) scale(.62);
1731  }
1732  8%{
1733    opacity:.95;
1734  }
1735  38%{
1736    transform:translate3d(12px,42vh,0) rotate(72deg) scale(.95);
1737  }
1738  74%{
1739    opacity:.84;
1740  }
1741  100%{
1742    opacity:0;
1743    transform:translate3d(-18px,118vh,0) rotate(160deg) scale(.76);
1744  }
1745}
1746
1747@keyframes starFallSmall{
1748  0%{
1749    opacity:0;
1750    transform:translate3d(0,-12vh,0) rotate(0deg) scale(.5);
1751  }
1752  10%{
1753    opacity:.82;
1754  }
1755  52%{
1756    transform:translate3d(-14px,54vh,0) rotate(110deg) scale(.86);
1757  }
1758  84%{
1759    opacity:.56;
1760  }
1761  100%{
1762    opacity:0;
1763    transform:translate3d(18px,116vh,0) rotate(220deg) scale(.44);
1764  }
1765}
1766
1767@keyframes starTwinkle{
1768  0%{
1769    filter:brightness(.94);
1770    text-shadow:
1771      0 0 5px rgba(255,243,198,.78),
1772      0 0 11px rgba(255,208,88,.56),
1773      0 0 18px rgba(186,20,30,.16);
1774  }
1775  100%{
1776    filter:brightness(1.22);
1777    text-shadow:
1778      0 0 7px rgba(255,250,220,.98),
1779      0 0 18px rgba(255,214,92,.88),
1780      0 0 26px rgba(186,20,30,.26);
1781  }
1782}
1783
1784@keyframes sparklePulse{
1785  0%{
1786    filter:brightness(.9);
1787  }
1788  100%{
1789    filter:brightness(1.28);
1790  }
1791}
1792
1793/* posisi, ukuran, dan timing dibuat berbeda agar jatuhnya natural */
1794.falling-star:nth-child(1){left:4%;animation-delay:-1.1s;animation-duration:7.1s;transform:scale(.70)}
1795.falling-star:nth-child(2){left:11%;animation-delay:-4.0s;animation-duration:8.3s;transform:scale(.86)}
1796.falling-star:nth-child(3){left:18%;animation-delay:-2.2s;animation-duration:7.6s;transform:scale(.78)}
1797.falling-star:nth-child(4){left:27%;animation-delay:-6.3s;animation-duration:8.7s;transform:scale(1)}
1798.falling-star:nth-child(5){left:36%;animation-delay:-3.1s;animation-duration:7.2s;transform:scale(.82)}
1799.falling-star:nth-child(6){left:45%;animation-delay:-7.0s;animation-duration:8.9s;transform:scale(.74)}
1800.falling-star:nth-child(7){left:54%;animation-delay:-.8s;animation-duration:7.8s;transform:scale(.90)}
1801.falling-star:nth-child(8){left:63%;animation-delay:-5.4s;animation-duration:8.2s;transform:scale(.84)}
1802.falling-star:nth-child(9){left:72%;animation-delay:-2.0s;animation-duration:7.0s;transform:scale(.72)}
1803.falling-star:nth-child(10){left:80%;animation-delay:-6.7s;animation-duration:8.8s;transform:scale(.96)}
1804.falling-star:nth-child(11){left:88%;animation-delay:-3.6s;animation-duration:7.5s;transform:scale(.80)}
1805.falling-star:nth-child(12){left:96%;animation-delay:-4.9s;animation-duration:8.0s;transform:scale(.66)}
1806
1807.star-spark:nth-child(13){left:8%;animation-delay:-1.3s;animation-duration:5.4s}
1808.star-spark:nth-child(14){left:22%;animation-delay:-4.4s;animation-duration:6.1s}
1809.star-spark:nth-child(15){left:39%;animation-delay:-2.5s;animation-duration:5.8s}
1810.star-spark:nth-child(16){left:58%;animation-delay:-5.0s;animation-duration:6.5s}
1811.star-spark:nth-child(17){left:76%;animation-delay:-3.3s;animation-duration:5.6s}
1812.star-spark:nth-child(18){left:91%;animation-delay:-1.0s;animation-duration:6.0s}
1813
1814@media only screen and (max-width:600px){
1815  .starfall-layer{
1816    opacity:.90;
1817  }
1818  .falling-star{
1819    font-size:18px;
1820  }
1821  .star-spark{
1822    font-size:11px;
1823  }
1824  .falling-star:nth-child(2),
1825  .falling-star:nth-child(5),
1826  .falling-star:nth-child(8),
1827  .falling-star:nth-child(11){
1828    display:none;
1829  }
1830}
1831
1832@media (prefers-reduced-motion:reduce){
1833  .starfall-layer{
1834    display:none;
1835  }
1836}
1837</style>
1838    
1838<script type="application/ld+json" nonce="MjEwODAyNDA2NywzOTExNjY5MzY2">
1839      {
1840        "@context": "http://schema.org",
1841        "@type": "Game",
1842        "name": "DINGDONG77",
1843        "author": {
1844          "@type": "Person",
1845          "name": " DINGDONG77"
1846        },
1847        "headline": "DINGDONG77 | Situs Slot Gacor Modern dengan Eksplorasi Slot777 dan Slot88 Terbaru",
1848        "description": "DINGDONG77 menghadirkan informasi seputar slot gacor modern melalui eksplorasi Slot777 dan Slot88 terbaru dalam berbagai konsep permainan digital.",
1849        "image": "https://bandarjudikartu.net/baru1.png",
1850        "url": "#",
1851        "publisher": {
1852          "@type": "Organization",
1853          "name": "DINGDONG77"
1854        },
1855        "aggregateRating": {
1856          "@type": "AggregateRating",
1857          "ratingValue": "99",
1858          "bestRating": "99",
1859          "worstRating": "0",
1860          "ratingCount": "10000"
1861        },
1862        "inLanguage": "id-ID"
1863      }
1864    </script>
1864
1865  </head>
1866  <body class="custom-background">
1867
1868    
1869    <div class="starfall-layer" aria-hidden="true">
1870      <span class="falling-star"></span>
1871      <span class="falling-star"></span>
1872      <span class="falling-star"></span>
1873      <span class="falling-star"></span>
1874      <span class="falling-star"></span>
1875      <span class="falling-star"></span>
1876      <span class="falling-star"></span>
1877      <span class="falling-star"></span>
1878      <span class="falling-star"></span>
1879      <span class="falling-star"></span>
1880      <span class="falling-star"></span>
1881      <span class="falling-star"></span>
1882      <span class="star-spark"></span>
1883      <span class="star-spark"></span>
1884      <span class="star-spark"></span>
1885      <span class="star-spark"></span>
1886      <span class="star-spark"></span>
1887      <span class="star-spark"></span>
1888    </div>
1889    <div class="nav-top-trigger">
1890      <amp-position-observer on="enter:hideBottomNav.start" layout="nodisplay"></amp-position-observer>
1891    </div>
1892    <div class="nav-scroll-trigger">
1893      <amp-position-observer on="enter:showBottomNav.start" layout="nodisplay"></amp-position-observer>
1894    </div>
1895    <div class="size-width ff">
1896      <nav class="y eb ec te site-header">
1897        <a href="https://supergacor.fun/Z9x9bz" rel="nofollow" class="site-logo-link">
1898          <amp-img src="https://bandarjudikartu.net/logodd.png" alt="DINGDONG77" width="180" height="46" layout="fixed" class="site-logo"></amp-img>
1899        </a>
1900        <a href="https://supergacor.fun/Z9x9bz" rel="noreferrer noopener nofollow" target="_blank" class="site-cta-link">
1901          <span class="bb vb b c blink site-cta">
1902            <i class="fa-solid fa-user-plus fa-lg me-1"></i> BERGABUNG </span>
1903        </a>
1904      </nav>
1905      <div class="flex flex-row m-0">
1906        <div class="flex flex-row info-area align-items-center m-0 text-common">
1907          <ul class="marquee-item"></ul>
1908          <div class="info-bar px-05 py-025">
1909            <div class="info-bar-text">
1910              <i class="fas fa-bullhorn"></i>
1911            </div>
1912          </div>
1913          <div class="info-text text-common">
1914            <div class="text-common mt-1 marquee-container">
1915              <div class="marquee">
1916                <div class="w-full">
1917                   <span>DINGDONG77 menghadirkan informasi seputar slot gacor modern melalui eksplorasi Slot777 dan Slot88 terbaru dalam berbagai konsep permainan digital.</span>
1918                </div>
1919              </div>
1920            </div>
1921          </div>
1922        </div>
1923      </div>
1924      <div class="lb hero-video-wrap">
1925        <div class="mb">
1926          <amp-img
1927            src="https://bandarjudikartu.net/baru1.png"
1928            alt="Banner Sriwijayatoto Slot Gacor"
1929            layout="fill"
1930            class="hero-banner-img">
1931          </amp-img>
1932        </div>
1933      </div>
1934      <div class="hero-auth-wrap">
1935        <a href="https://supergacor.fun/Z9x9bz" rel="noreferrer noopener nofollow" target="_blank" class="hero-auth-button hero-login">
1936          <i class="fa-solid fa-right-to-bracket"></i> LOGIN
1937        </a>
1938        <a href="https://supergacor.fun/Z9x9bz" rel="noreferrer noopener nofollow" target="_blank" class="hero-auth-button hero-register">
1939          <i class="fa-solid fa-user-plus"></i> DAFTAR
1940        </a>
1941      </div>
1942      <div class="game-section">
1943        <div class="game-section-title">Game Gacor Hari Ini</div>
1944        <div class="game-grid">
1945          <a href="https://supergacor.fun/Z9x9bz" rel="nofollow" class="game-card">
1946            <amp-img src="https://www.alliancemobilecounty.com/assest/zeus.gif" width="472" height="400" layout="responsive" alt="Zeus"></amp-img>
1947          </a>
1948          <a href="https://supergacor.fun/Z9x9bz" rel="nofollow" class="game-card">
1949            <amp-img src="https://www.alliancemobilecounty.com/assest/mahjongwins.gif" width="472" height="400" layout="responsive" alt="Mahjong Wins"></amp-img>
1950          </a>
1951          <a href="https://supergacor.fun/Z9x9bz" rel="nofollow" class="game-card">
1952            <amp-img src="https://www.alliancemobilecounty.com/assest/starlight.gif" width="472" height="400" layout="responsive" alt="Starlight Princess"></amp-img>
1953          </a>
1954          <a href="https://supergacor.fun/Z9x9bz" rel="nofollow" class="game-card">
1955            <amp-img src="https://www.alliancemobilecounty.com/assest/athena.gif" width="472" height="400" layout="responsive" alt="Athena"></amp-img>
1956          </a>
1957          <a href="https://supergacor.fun/Z9x9bz" rel="nofollow" class="game-card">
1958            <amp-img src="https://www.alliancemobilecounty.com/assest/sugarrush.gif" width="472" height="400" layout="responsive" alt="Sugar Ru
1958sh"></amp-img>
1959          </a>
1960          <a href="https://supergacor.fun/Z9x9bz" rel="nofollow" class="game-card">
1961            <amp-img src="https://www.alliancemobilecounty.com/assest/gatotkaca.gif" width="472" height="400" layout="responsive" alt="Gatotkaca"></amp-img>
1962          </a>
1963        </div>
1964      </div>
1965      <div class="article-frame">
1966        <h1 id="page-title" class="nd kd">
1967          <span class="text-highlight">DINGDONG77 | Situs Slot Gacor Modern dengan Eksplorasi Slot777 dan Slot88 Terbaru</span>
1968        </h1>
1969         
1970
1971        <div class="desc-full">
1972            <p style="text-align: justify;"><a href="https://bandarjudikartu.net/">DINGDONG77</a> hadir sebagai situs slot777 resmi yang menawarkan akses cepat, sistem stabil, serta tampilan responsif untuk memberikan pengalaman bermain yang lebih nyaman setiap hari. Dengan dukungan teknologi modern dan performa server yang terus dioptimalkan, pengguna dapat menjelajahi berbagai layanan slot777 melalui desktop maupun perangkat mobile dengan akses yang lebih praktis dan lancar.</p>
1973            <p style="text-align: justify;">Sebagai platform <a href="https://bandarjudikartu.net/">slot online</a> yang praktis digunakan, DINGDONG77 menghadirkan beragam pilihan permainan dengan tampilan modern dan navigasi yang mudah dipahami. Berbagai game slot populer disusun melalui menu yang terorganisir sehingga pengguna dapat menemukan permainan yang diinginkan dengan lebih cepat tanpa melalui proses akses yang rumit.</p>
1974            <p style="text-align: justify;">DINGDONG77 juga menyediakan akses <a href="https://bandarjudikartu.net/">slot gacor</a> viral hari ini yang memudahkan pengguna menemukan berbagai pilihan permainan menarik dalam satu halaman. Dukungan sistem yang stabil dan performa server yang responsif membantu proses menjelajahi layanan slot gacor tetap terasa ringan, cepat, dan nyaman digunakan melalui berbagai perangkat.</p>
1975            <p style="text-align: justify;">Melalui layanan <a href="https://bandarjudikartu.net/">Slot777</a> yang tersedia, pengguna dapat menemukan beragam pilihan Slot 777 dengan susunan permainan yang rapi dan mudah dipahami. Dukungan loading cepat, sistem stabil, serta akses yang ringan membuat berbagai pilihan slot gacor hari ini dapat dijelajahi dengan nyaman melalui smartphone, tablet, laptop, maupun desktop.</p>
1976            <p style="text-align: justify;"><a href="https://bandarjudikartu.net/">Slot Gacor Hari Ini</a> menjadi salah satu kategori yang banyak dicari karena menghadirkan berbagai game populer dengan tema, fitur, dan karakteristik permainan yang beragam. Melalui DINGDONG77, pengguna dapat menjelajahi pilihan slot gacor hari ini melalui tampilan yang rapi, ringan, dan responsif sehingga proses menemukan permainan yang sedang populer terasa lebih praktis melalui perangkat mobile maupun desktop.</p>
1977            <p style="text-align: justify;">Sebagai <a href="https://bandarjudikartu.net/">situs slot777</a> yang mengutamakan kenyamanan akses, DINGDONG77 terus mengoptimalkan performa layanan agar tetap cepat, stabil, dan minim kendala. Kombinasi antara akses resmi, sistem yang responsif, tampilan praktis, serta beragam pilihan permainan slot gacor yang populer hari ini memberikan pengalaman menjelajahi Slot 777 yang lebih mudah dan nyaman.</p>
1978                        </div>
1979
1980
1981      </div>
1982      <br />
1983      <footer class="p-1">
1984            <div class="text-center" style="color:#ffffff"><p>&copy; All Rights Reserved | SITUS SLOT GACOR 2026 <a href="#" rel="nofollow">DINGDONG77</a></p>
1985          <br/>
1986        </div>
1987    </div>
1988</div>
1989      </footer>
1990      <div class="size-width nav-bottom">
1991        <ul class="flex flex-row w-full p-025 m-0">
1992          <li class="text-center">
1993            <a class="px-025 flex flex-col text-common p-05" href="https://supergacor.fun/Z9x9bz" target="_blank" rel="nofollow">
1994              <i class="fas text-lg fa-home"></i>Beranda </a>
1995          </li>
1996          <li class="text-center">
1997            <a class="px-025 flex flex-col text-common p-05" href="https://supergacor.fun/Z9x9bz" target="_blank" rel="nofollow">
1998              <i class="fas text-lg fa-user-plus"></i>Daftar </a>
1999          </li>
2000          <li class="text-center">
2001            <a class="px-025 flex flex-col text-common p-05" href="https://supergacor.fun/Z9x9bz" target="_blank" rel="nofollow">
2002              <i class="fas text-lg fa-user"></i>Masuk </a>
2003          </li>
2004          <li class="text-center">
2005            <a class="px-025 flex flex-col text-common p-05" href="https://supergacor.fun/Z9x9bz" target="_blank" rel="nofollow">
2006              <i class="fa-solid text-lg fa-gift"></i>Promo </a>
2007          </li>
2008          <li class="text-center">
2009            <a role="button" class="px-025 flex flex-col text-common p-05" href="https://supergacor.fun/Z9x9bz" target="_blank" rel="nofollow">
2010              <i class="fas text-lg fa-headset"></i>Live Chat </a>
2011          </li>
2012        </ul>
2013      </div>
2014      <amp-animation id="showBottomNav" layout="nodisplay">
2015        
2015<script type="application/json">
2016          {
2017            "duration": "260ms",
2018            "fill": "both",
2019            "easing": "cubic-bezier(.2,.8,.2,1)",
2020            "animations": [{
2021              "selector": ".nav-bottom",
2022              "keyframes": {
2023                "opacity": "1",
2024                "transform": "translateY(0)"
2025              }
2026            }]
2027          }
2028        </script>
2028
2029      </amp-animation>
2030      <amp-animation id="hideBottomNav" layout="nodisplay">
2031        
2031<script type="application/json">
2032          {
2033            "duration": "220ms",
2034            "fill": "both",
2035            "easing": "cubic-bezier(.4,0,.2,1)",
2036            "animations": [{
2037              "selector": ".nav-bottom",
2038              "keyframes": {
2039                "opacity": "0",
2040                "transform": "translateY(110%)"
2041              }
2042            }]
2043          }
2044        </script>
2044
2045      </amp-animation>
2046<amp-analytics type="gtag" data-credentials="include">
2047<script type="application/json">
2048{
2049  "vars": {
2050    "gtag_id": "G-7ZTH6HTNT3",
2051    "config": {
2052      "G-7ZTH6HTNT3": {
2053        "groups": "default",
2054        "send_page_view": false
2055      }
2056    }
2057  },
2058  "triggers": {
2059    "trackPageview": {
2060      "on": "visible",
2061      "request": "event",
2062      "vars": {
2063        "event_name": "page_view",
2064        "page_title": "DINGDONG77 | Situs Slot Gacor Modern dengan Eksplorasi Slot777 dan Slot88 Terbaru",
2065        "page_path": "amp-esge",
2066        "page_location": "amp-esge",
2067        "page_hostname": "utama1.mahjongjp88.is",
2068        "subdomain": "utama1"      }
2069    }
2070  }
2071}
2072</script>
2072
2073</amp-analytics>
2074  </body>
2075</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.