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>© 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.