1 2 3 4<!doctype html> 5<html amp lang="id"> 6 7<head> 8 <meta charset="UTF-8"> 9 <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> 10 <title>VEGAS123 Akses Game Online Terbaru dengan Tampilan Modern dan Responsif </title> 11 <meta name="description" 12 content="VEGAS123 menawarkan akses informasi permainan online melalui tampilan modern dan responsif dengan navigasi praktis yang nyaman digunakan pada desktop maupun ponsel."> 13 <link rel="canonical" href="https://multqa.ae/"> 14 <link rel="alternate" hreflang="id-ID" href="https://multqa.ae/"> 15 <link rel="alternate" hreflang="x-default" href="https://multqa.ae/"> 16 <meta name="robots" content="index, follow"> 17 <meta property="og:type" content="website"> 18 <meta property="og:locale" content="id_ID"> 19 <meta property="og:title" 20 content="VEGAS123 Akses Game Online Terbaru dengan Tampilan Modern dan Responsif "> 21 <meta property="og:description" 22 content="VEGAS123 menawarkan akses informasi permainan online melalui tampilan modern dan responsif dengan navigasi praktis yang nyaman digunakan pada desktop maupun ponsel."> 23 <meta property="og:url" content="https://multqa.ae/"> 24 <meta property="og:site_name" content="VEGAS123"> 25 <meta property="og:image" content="https://res.cloudinary.com/dxnliqb73/image/upload/v1790253818/image_9_yie55e.jpg"> 26 <meta name="author" content="VEGAS123"> 27 <meta name="publisher" content="VEGAS123"> 28
28<script async src="https://cdn.ampproject.org/v0.js"></script>
28 29 <link rel="preconnect" href="https://fonts.googleapis.com"> 30 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 31 <link rel="icon" type="image/x-icon" 32 href="https://res.cloudinary.com/pxkyqwi2/image/upload/v1785666750/fav_zt4akp.png"> 33 <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rajdhani:wght@500;700&display=swap" 34 rel="stylesheet"> 35 <style amp-boilerplate> 36 body { 37 -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both; 38 -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both; 39 -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both; 40 animation: -amp-start 8s steps(1, end) 0s 1 normal both 41 } 42 43 @-webkit-keyframes -amp-start { 44 from { 45 visibility: hidden 46 } 47 48 to { 49 visibility: visible 50 } 51 } 52 53 @-moz-keyframes -amp-start { 54 from { 55 visibility: hidden 56 } 57 58 to { 59 visibility: visible 60 } 61 } 62 63 @-ms-keyframes -amp-start { 64 from { 65 visibility: hidden 66 } 67 68 to { 69 visibility: visible 70 } 71 } 72 73 @-o-keyframes -amp-start { 74 from { 75 visibility: hidden 76 } 77 78 to { 79 visibility: visible 80 } 81 } 82 83 @keyframes -amp-start { 84 from { 85 visibility: hidden 86 } 87 88 to { 89 visibility: visible 90 } 91 } 92 </style><noscript> 93 <style amp-boilerplate> 94 body { 95 -webkit-animation: none; 96 -moz-animation: none; 97 -ms-animation: none; 98 animation: none 99 } 100 </style> 101 </noscript> 102 103 <style amp-custom> 104 /* ============ VARIABLES ============ */ 105 :root { 106 --bg: #0c0902; 107 --bg-2: #171003; 108 --bg-3: #030200; 109 110 --red: #d4af37; 111 --red-bright: #ffd86b; 112 --red-soft: #f7e2a1; 113 --red-deep: #8f6800; 114 115 --fire: #1d1403; 116 117 --gold: #d4af37; 118 --gold-bright: #ffe08a; 119 --gold-soft: #f8e7b0; 120 --gold-deep: #7a5700; 121
122 --silver: #e8e8e8; 123 --silver-dark: #9a9a9a; 124 } 125 126 * { 127 box-sizing: border-box; 128 -webkit-tap-highlight-color: transparent 129 } 130 131 html, 132 body { 133 margin: 0; 134 padding: 0 135 } 136 137 /* ============ BACKGROUND ============ */ 138 body { 139 min-height: 100vh; 140 font-family: 'Press Start 2P', cursive; 141 color: var(--gold-soft); 142 position: relative; 143 overflow-x: hidden; 144 background: 145 radial-gradient(ellipse at 50% -10%, rgba(255, 92, 42, 0.4), transparent 55%), 146 radial-gradient(ellipse at 50% 110%, rgba(255, 92, 42, 0.4), transparent 55%), 147 linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 50%, #000000 100%); 148 } 149 150 body::before { 151 content: ""; 152 position: fixed; 153 inset: 0; 154 background: 155 repeating-linear-gradient(to bottom, 156 transparent 0 2px, 157 rgba(255, 255, 255, .03) 2px 3px, 158 transparent 3px 5px), 159 radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.75) 100%); 160 pointer-events: none; 161 z-index: 1; 162 } 163 164 .ticker { 165 position: relative; 166 z-index: 10; 167 max-width: 460px; 168 margin: 24px auto 0; 169 overflow: hidden; 170 171 background: 172 linear-gradient(90deg, 173 rgb(0, 0, 0) 0%, 174 rgb(0 0 0 / 95%) 50%, 175 rgb(0, 0, 0) 100%); 176 177 border: 1px solid var(--gold); 178 border-radius: 8px 8px 0 0; 179 border-bottom: none; 180 181 box-shadow: 182 0 0 12px rgba(255, 74, 42, 0.5), 183 inset 0 0 8px rgba(0, 0, 0, .6); 184 185 padding: 7px 0; 186 187 font-family: 'Press Start 2P', cursive; 188 font-size: 9px; 189 letter-spacing: 1px; 190 191 color: var(--gold-soft); 192 193 mask-image: 194 linear-gradient(90deg, 195 transparent 0, 196 #000 6%, 197 #000 94%, 198 transparent 100%); 199 200 -webkit-mask-image: 201 linear-gradient(90deg, 202 transparent 0, 203 #000 6%, 204 #000 94%, 205 transparent 100%); 206 } 207 208 .ticker-inner { 209 display: inline-block; 210 white-space: nowrap; 211 animation: tickerScroll 24s linear infinite; 212 will-change: transform; 213 padding-left: 100%; 214 } 215 216 .ticker-inner span { 217 padding: 0 22px; 218 } 219 220 .ticker-inner .hl { 221 color: var(--gold-bright); 222 text-shadow: 223 0 0 6px var(--gold); 224 } 225 226 .ticker-inner .sep { 227 color: var(--red-bright); 228 padding: 0 6px; 229 } 230 231 @keyframes tickerScroll { 232 0% { 233 transform: translate3d(0, 0, 0); 234 } 235 236 100% { 237 transform: translate3d(-100%, 0, 0); 238 } 239 } 240 241 /* ============ LIVE PLAYER STRIP ============ */ 242 .live-strip { 243 display: inline-flex; 244 align-items: center; 245 gap: 7px; 246 margin: 0 auto 12px; 247 padding: 5px 14px; 248 font-family: 'Press Start 2P', cursive; 249 font-size: 8px; 250 letter-spacing: 1.2px; 251 color: #e8ffe8; 252 background: linear-gradient(180deg, rgba(0, 60, 20, .95), rgba(0, 30, 10, .95)); 253 border: 1px solid #22c55e; 254 border-radius: 30px; 255 box-shadow: 256 0 0 10px rgba(34, 197, 94, .45), 257 inset 0 0 6px rgba(34, 197, 94, .15); 258 } 259 260 .live-strip .live-dot { 261 width: 7px; 262 height: 7px; 263 border-radius: 50%; 264 background: #22c55e; 265 box-shadow: 0 0 8px #22c55e, 0 0 12px #22c55e; 266 animation: dotBlink 1.4s ease-in-out infinite; 267 } 268 269 .live-strip strong { 270 color: #fff; 271 font-size: 10px; 272 text-shadow: 0 0 6px #22c55e; 273 letter-spacing: .5px; 274 } 275 276 /* ============ CORNER ORNAMENTS (4 pojok arcade) ============ */ 277 .corner { 278 position: absolute; 279 width: 16px; 280 height: 16px; 281 pointer-events: none; 282 z-index: 3; 283 } 284 285 .corner.c-tl { 286 top: -2px; 287 left: -2px; 288 border-top: 3px solid var(--gold-bright); 289 border-left: 3px solid var(--gold-bright); 290 border-top-left-radius: 14px; 291 box-shadow: -1px -1px 10px rgba(255, 224, 102, .65); 292 } 293 294 .corner.c-tr { 295 top: -2px; 296 right: -2px; 297 border-top: 3px solid var(--gold-bright); 298 border-right: 3px solid var(--gold-bright); 299 border-top-right-radius: 14px; 300 box-shadow: 1px -1px 10px rgba(255, 224, 102, .65); 301 } 302 303 .corner.c-bl { 304 bottom: -2px; 305 left: -2px; 306 border-bottom: 3px solid var(--gold-bright); 307 border-left: 3px solid var(--gold-bright); 308 border-bottom-left-radius: 14px; 309 box-shadow: -1px 1px 10px rgba(255, 224, 102, .65); 310 } 311 312 .corner.c-br { 313 bottom: -2px; 314 right: -2px; 315 border-bottom: 3px solid var(--gold-bright); 316 border-right: 3px solid var(--gold-bright); 317 border-bottom-right-radius: 14px; 318 box-shadow: 1px 1px 10px rgba(255, 224, 102, .65); 319 } 320 321 /* ============ ARCADE FRAME ============ */
322 .arcade-frame { 323 position: relative; 324 z-index: 2; 325 326 max-width: 460px; 327 margin: 0 auto 24px; 328 329 background: 330 radial-gradient(circle at top, 331 rgba(255, 93, 43, 0.1), 332 transparent 45%), 333 linear-gradient(180deg, 334 rgb(0 0 0 / 96%), 335 rgba(5, 9, 28, 0.96)); 336 337 border: 3px solid var(--gold); 338 border-radius: 14px; 339 340 box-shadow: 341 0 0 18px rgba(255, 93, 43, 0.55), 342 0 0 40px rgba(180, 51, 0, 0.28), 343 inset 0 0 25px rgba(0, 0, 0, .85), 344 inset 0 0 0 1px rgba(255, 110, 43, 0.2); 345 346 /* Anti-jank: paksa GPU layer untuk thunderShake */ 347 will-change: transform; 348 transform: translate3d(0, 0, 0); 349 contain: layout paint; 350 } 351 352 /* ============ SCREEN ============ */ 353 .screen { 354 padding: 14px 18px 18px; 355 text-align: center; 356 position: relative; 357 } 358 359 /* ============ TRUST BADGES (top row) ============ */ 360 .badges { 361 display: flex; 362 justify-content: space-between; 363 align-items: center; 364 gap: 8px; 365 margin: 0 0 14px; 366 } 367 368 .badge { 369 font-family: 'Press Start 2P', cursive; 370 font-size: 7px; 371 372 padding: 5px 8px; 373 border-radius: 4px; 374 375 letter-spacing: 1px; 376 white-space: nowrap; 377 378 border: 1px solid var(--gold-deep); 379 380 background: 381 linear-gradient(135deg, 382 #000a2b, 383 #000000); 384 385 color: #ffffff; 386 387 box-shadow: 388 0 0 6px rgba(255, 93, 43, 0.4), 389 inset 0 0 8px rgba(43, 93, 255, 0.08); 390 } 391 392 .badge.gold { 393 background: 394 linear-gradient(135deg, 395 var(--gold-bright), 396 var(--gold-deep)); 397 398 color: #000000; 399 border-color: var(--gold-bright); 400 401 text-shadow: 402 0 1px 0 rgba(255, 255, 255, .3); 403 404 box-shadow: 405 0 0 8px rgba(255, 192, 46, .45), 406 inset 0 0 8px rgba(255, 255, 255, .18); 407 } 408 409 .badge .dot { 410 display: inline-block; 411 412 width: 7px; 413 height: 7px; 414 415 border-radius: 50%; 416 417 background: #ff802b; 418 419 box-shadow: 420 0 0 6px #ff672b, 421 0 0 12px rgba(255, 110, 43, 0.65); 422 423 vertical-align: middle; 424 margin-right: 5px; 425 426 animation: dotBlink 1.6s ease-in-out infinite; 427 } 428 429 @keyframes dotBlink { 430 431 0%, 432 100% { 433 opacity: 1; 434 transform: scale(1); 435 } 436 437 50% { 438 opacity: .4; 439 transform: scale(.85); 440 } 441 } 442 443 /* ============ LOGO (Chrome + Gold) ============ */ 444 .logo { 445 margin: 6px 0 16px; 446 font-size: 36px; 447 font-weight: bold; 448 letter-spacing: 3px; 449 text-transform: uppercase; 450 line-height: 1; 451 position: relative; 452 display: inline-block; 453 background: linear-gradient(180deg, 454 #ffffff 0%, 455 #f4f4f4 20%, 456 #b8b8b8 50%, 457 #ffffff 75%, 458 #cccccc 100%); 459 background-size: 100% 250%; 460 background-position: 0% 0%; 461 -webkit-background-clip: text; 462 background-clip: text; 463 -webkit-text-fill-color: transparent; 464 color: transparent; 465 -webkit-text-stroke: 1.5px var(--gold); 466 filter: 467 drop-shadow(0 0 8px rgba(255, 192, 46, .85)) drop-shadow(0 0 16px rgba(255, 102, 42, 0.6)) drop-shadow(0 2px 2px rgba(0, 0, 0, .95)); 468 animation: logoShimmer 3.4s ease-in-out infinite; 469 } 470 471 /* "77" Red Jersey Style */ 472 .logo span { 473 background: linear-gradient(180deg, 474 #b8ebff 0%, 475 #ff8750 30%, 476 var(--red-bright) 55%, 477 #8a2000 80%, 478 var(--red-bright) 100%); 479 background-size: 100% 250%; 480 -webkit-background-clip: text; 481 background-clip: text; 482 -webkit-text-fill-color: transparent; 483 color: transparent; 484 -webkit-text-stroke: 1.5px #fff; 485 filter: drop-shadow(0 0 8px rgba(42, 170, 255, 0.164)) drop-shadow(0 2px 2px rgba(0, 0, 0, .95)); 486 animation: logoShimmer 3.4s ease-in-out infinite .4s; 487 margin-left: 6px; 488 } 489 490 @keyframes logoShimmer { 491 492 0%, 493 100% { 494 background-position: 0% 0% 495 } 496 497 50% { 498 background-position: 0% 100% 499 } 500 } 501 502 /* ============ HERO IMAGE ============ */ 503 .hero { 504 position: relative; 505 margin: 0 0 6px; 506 } 507 508 .hero-media { 509 position: relative; 510 border-radius: 10px; 511 overflow: hidden; 512 box-shadow: 513 0 0 0 2px var(--gold), 514 0 0 22px rgba(255, 192, 46, 0), 515 0 0 50px rgba(255, 42, 60, 0); 516 } 517 518 .hero-media amp-img { 519 display: block 520 } 521 522 /* ============ BOOT OVERLAY ============ */ 523 .boot-overlay { 524 position: absolute; 525 inset: 0; 526 527 background: 528 radial-gradient(circle at center, 529 rgba(255, 85, 43, 0.18), 530 transparent 55%), 531 linear-gradient(180deg, 532 #7a1800 0%, 533 #7a1800 55%, 534 #000112 100%); 535 536 z-index: 6; 537 538 display: flex; 539 align-items: center; 540 justify-content: center; 541 542 animation: bootFadeOut .6s ease-out 2.4s forwards; 543 544 pointer-events: none; 545 546 box-shadow: 547 inset 0 0 60px rgba(0, 0, 0, .7); 548 } 549 550 .boot-logo { 551 font-family: 'Press Start 2P', cursive; 552 font-size: 26px; 553 554 color: var(--gold); 555 556 text-shadow: 557 0 0 10px var(--gold), 558 0 0 22px var(--red-bright), 559 0 0 38px rgba(180, 41, 6, 0.8); 560 561 opacity: 0; 562 transform: translateY(-150px); 563 564 animation: 565 logoDrop 1.2s cubic-bezier(.25, 1, .5, 1) forwards, 566 glitchEffect .25s steps(2) 1.2s 6; 567 568 will-change: transform; 569 } 570 571 .boot-logo span { 572 font-size: 11px; 573 vertical-align: top; 574 margin-left: 3px; 575 576 color: var(--red-soft); 577 578 text-shadow: 579 0 0 8px rgba(180, 41, 6, 0.8); 580 } 581 582 @keyframes logoDrop { 583 0% { 584 opacity: 1; 585 transform: translateY(-150px); 586 } 587 588 60% { 589 transform: translateY(8px); 590 } 591 592 80% { 593 transform: translateY(-3px); 594 } 595 596 100% { 597 opacity: 1; 598 transform: translateY(0); 599 } 600 } 601 602 @keyframes glitchEffect { 603 604 0%, 605 100% { 606 text-shadow: 607 2px 0 var(--red-bright), 608 -2px 0 #ff3300, 609 0 0 10px var(--gold); 610 611 transform: translate(0); 612 } 613 614 25% { 615 text-shadow: 616 -2px 0 var(--red-bright), 617 2px 0 #ff7a00, 618 0 0 14px rgba(255, 103, 43, 0.8); 619 620 transform: translate(1px, -1px); 621 } 622 623 50% { 624 text-shadow: 625 2px 0 var(--red-bright), 626 -2px 0 #ff7a00, 627 0 0 18px rgba(255, 103, 43, 0.8); 628 629 transform: translate(-1px, 1px); 630 } 631 } 632 633 @keyframes bootFadeOut { 634 to { 635 opacity: 0; 636 visibility: hidden; 637 } 638 } 639 640 /* ============ MENU ============ */ 641 .menu { 642 margin-top: 18px; 643 display: block 644 } 645 646 .menu a { 647 display: block; 648 position: relative; 649 margin: 12px 0; 650 padding: 18px 14px; 651 font-size: 13px; 652 font-weight: bold; 653 letter-spacing: 3px; 654 text-decoration: none; 655 text-transform: uppercase; 656 text-align: center; 657 background: linear-gradient(180deg, rgba(60, 26, 12, 0.95), rgba(0, 0, 0, 0.95)); 658 border: 2px solid #e9ce10; 659 border-radius: 6px; 660 overflow: hidden; 661 transition: transform .15s ease; 662 animation: menuBreath 2.6s ease-in-out infinite; 663 } 664 665 .menu a:nth-child(2) { 666 animation-delay: -.85s 667 } 668 669 .menu a:nth-child(3) { 670 animation-delay: -1.7s 671 } 672 673 @keyframes menuBreath { 674 675 0%, 676 100% { 677 border-color: var(--gold-deep); 678 color: var(--gold-soft); 679 box-shadow: 680 0 0 10px rgba(255, 110, 42, 0.35), 681 inset 0 0 14px rgba(255, 192, 46, .06); 682 } 683 684 50% { 685 border-color: var(--gold); 686 color: #ffffff; 687 box-shadow: 688 0 0 22px var(--red-bright), 689 0 0 36px rgba(255, 110, 42, 0.55), 690 inset 0 0 24px rgba(255, 192, 46, .22); 691 } 692 } 693 694 .menu a:hover { 695 color: #fff; 696 animation-play-state: paused; 697 border-color: var(--gold); 698 box-shadow: 699 0 0 26px #a32e00, 700 0 0 42px rgba(255, 120, 42, 0.6), 701 inset 0 0 28px rgba(255, 192, 46, 0.25); 702 } 703 704 .menu a:active { 705 transform: scale(.97); 706 } 707 708 .menu a::after { 709 content: ""; 710 position: absolute; 711 top: 0; 712 left: -75%; 713 width: 50%; 714 height: 100%; 715 background: linear-gradient(100deg, 716 transparent 0%, 717 rgba(255, 255, 255, .25) 50%, 718 transparent 100%); 719 transform: skewX(-20deg); 720 animation: menuSweep 3.6s ease-in-out infinite; 721 pointer-events: none; 722 } 723 724 .menu a:nth-child(2)::after { 725 animation-delay: 1.2s; 726 } 727 728 .menu a:nth-child(3)::after { 729 animation-delay: 2.4s; 730 } 731 732 @keyframes menuSweep { 733 734 0%, 735 55% { 736 left: -75%; 737 } 738 739 90%, 740 100% { 741 left: 150%; 742 } 743 } 744 745 /* ============ AMAN BADGE (between menu & features) ============ */ 746 .aman-badge { 747 margin: 16px auto 8px; 748 display: inline-block; 749 padding: 8px 18px; 750 font-family: 'Press Start 2P', cursive; 751 font-size: 9px; 752 letter-spacing: 1.5px; 753 background: linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 50%, var(--gold-deep) 100%); 754 color: #000; 755 border: 2px solid #fff; 756 border-radius: 30px; 757 box-shadow: 758 0 0 12px var(--gold), 759 0 0 24px rgba(255, 192, 46, .5), 760 inset 0 1px 0 rgba(255, 255, 255, .5); 761 text-shadow: 0 1px 0 rgba(255, 255, 255, .3); 762 animation: amanPulse 2s ease-in-out infinite; 763 } 764 765 .aman-badge .star { 766 color: var(--red-bright); 767 font-size: 11px; 768 vertical-align: middle 769 } 770 771 @keyframes amanPulse { 772 773 0%, 774 100% { 775 transform: scale(1); 776 box-shadow: 0 0 12px var(--gold), 0 0 24px rgba(255, 192, 46, .5), inset 0 1px 0 rgba(255, 255, 255, .5) 777 } 778 779 50% { 780 transform: scale(1.04); 781 box-shadow: 0 0 20px var(--gold), 0 0 36px rgba(255, 192, 46, .7), inset 0 1px 0 rgba(255, 255, 255, .5) 782 } 783 } 784 785 /* ============ FEATURE GRID ============ */ 786 .features { 787 display: grid; 788 grid-template-columns: repeat(4, 1fr); 789 gap: 5px; 790 margin: 14px 0 0; 791 } 792 793 .feature { 794 background: linear-gradient(180deg, rgba(60, 22, 15, 0.85), rgba(0, 0, 0, .85)); 795 border: 1px solid var(--gold-deep); 796 border-radius: 5px; 797 padding: 8px 4px 7px; 798 text-align: center; 799 position: relative; 800 overflow: hidden; 801 } 802 803 .feature::before { 804 content: ""; 805 position: absolute; 806 top: -15px; 807 left: 50%; 808 width: 30px; 809 height: 30px; 810 margin-left: -15px; 811 background: radial-gradient(circle, rgba(255, 92, 42, 0.4), transparent 70%); 812 pointer-events: none; 813 } 814 815 .feature-icon { 816 font-family: 'Rajdhani', sans-serif; 817 font-size: 18px; 818 font-weight: 900; 819 color: var(--gold); 820 text-shadow: 0 0 6px var(--gold), 0 0 12px var(--red-bright); 821 line-height: 1; 822 margin-bottom: 4px; 823 } 824 825 .feature-title { 826 font-family: 'Press Start 2P', cursive; 827 font-size: 7px; 828 color: #fff; 829 letter-spacing: .5px; 830 margin-bottom: 3px; 831 line-height: 1.3; 832 } 833 834 .feature-sub { 835 font-family: 'Rajdhani', sans-serif; 836 font-size: 10px; 837 font-weight: 700; 838 color: var(--gold-soft); 839 letter-spacing: .3px; 840 line-height: 1.2; 841 } 842 843 /* ============ PAYMENT STRIP ============ */ 844 .payments { 845 margin-top: 12px; 846 padding: 10px 8px; 847 border: 1px solid var(--gold-deep); 848 border-radius: 6px; 849 background: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(26, 7, 7, .7)); 850 } 851 852 .pay-title { 853 font-family: 'Press Start 2P', cursive; 854 font-size: 7px; 855 color: var(--gold); 856 letter-spacing: 1.5px; 857 margin-bottom: 8px; 858 text-align: center; 859 text-shadow: 0 0 6px var(--gold-deep); 860 } 861 862 .pay-list { 863 display: flex; 864 flex-wrap: wrap; 865 justify-content: center; 866 gap: 4px; 867 } 868 869 .pay { 870 font-family: 'Rajdhani', sans-serif; 871 font-size: 10px; 872 font-weight: 700; 873 letter-spacing: .3px; 874 padding: 4px 8px; 875 border-radius: 3px; 876 background: linear-gradient(180deg, #fff 0%, #d8d8d8 100%); 877 color: #481e0d; 878 border: 1px solid #6a6a6a;
879 box-shadow: 0 1px 2px rgba(0, 0, 0, .55); 880 line-height: 1; 881 } 882 883 .pay.mandiri { 884 color: #852508; 885 background: linear-gradient(180deg, #ff3c00, #ff3c00) 886 } 887 888 .pay.bni { 889 color: #852508; 890 background: linear-gradient(180deg, #ff3c00, #ff3c00); 891 color: #fff 892 } 893 894 .pay.bri { 895 background: linear-gradient(180deg, #7a2700, #542200); 896 color: #fff; 897 border-color: #001a3d 898 } 899 900 .pay.cimb { 901 background: linear-gradient(180deg, #e9ce10, #e9ce10); 902 color: #fff; 903 border-color: #852508 904 } 905 906 .pay.dana { 907 background: linear-gradient(180deg, #e9ce10, #e9ce10); 908 color: #fff; 909 border-color: #852508 910 } 911 912 .pay.ovo { 913 background: linear-gradient(180deg, #8e603a, #8e603a); 914 color: #fff; 915 border-color: #402713 916 } 917 918 .pay.gopay { 919 background: linear-gradient(180deg, #aa3000, #aa3000); 920 color: #fff; 921 border-color: #aa3000 922 } 923 924 /* ============ CREDIT TAG ============ */ 925 .VEGAS123 { 926 display: inline-block; 927 margin-top: 14px; 928 padding: 6px 14px; 929 font-size: 10px; 930 font-weight: bold; 931 letter-spacing: 2px; 932 color: #fff; 933 text-transform: uppercase; 934 border: 1px solid rgba(255, 255, 255, .5); 935 border-radius: 4px; 936 background: linear-gradient(135deg, #2b1700, #000); 937 box-shadow: 938 0 0 6px rgba(255, 140, 0, .4), 939 inset 0 0 4px rgba(255, 255, 255, .1); 940 transition: .3s ease; 941 } 942 943 .VEGAS123:hover { 944 color: var(--gold-soft); 945 border-color: var(--gold); 946 box-shadow: 0 0 12px var(--gold), 0 0 22px rgba(255, 140, 0, .5); 947 } 948 949 /* ============ SEO CONTENT ============ */ 950 .seo-content { 951 margin-top: 16px; 952 padding: 14px 4px 0; 953 border-top: 2px dashed var(--gold-deep); 954 text-align: left; 955 } 956 957 .seo-content h1 { 958 font-size: 13px; 959 margin: 0 0 10px; 960 color: var(--gold); 961 text-shadow: 0 0 8px var(--gold-deep); 962 text-transform: uppercase; 963 letter-spacing: 2px; 964 line-height: 1.4; 965 } 966 967 .seo-content p { 968 font-family: 'Rajdhani', sans-serif; 969 margin: 0; 970 font-size: 14px; 971 line-height: 1.6; 972 color: #e8e8e8; 973 opacity: .92; 974 letter-spacing: .3px; 975 } 976 977 /* ============ FOOTER ============ */ 978 .footer { 979 padding: 12px; 980 text-align: center; 981 border-top: 2px solid #ff3300; 982 font-size: 9px; 983 letter-spacing: 1.5px; 984 color: var(--gold-soft); 985 opacity: .85; 986 background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6)); 987 } 988 989 /* ============ RAIN (Hujan Deras) ============ */ 990 .rain-container { 991 position: fixed; 992 inset: 0; 993 pointer-events: none; 994 z-index: 3; 995 overflow: hidden; 996 contain: strict; 997 } 998 999 .drop { 1000 position: absolute; 1001 top: -20vh; 1002 width: 2px; 1003 height: 90px; 1004 background: linear-gradient(180deg, 1005 transparent 0%, 1006 rgba(224, 198, 174, 0.35) 40%, 1007 rgba(220, 235, 255, .95) 100%); 1008 border-radius: 50% 50% 50% 50% / 80% 80% 20% 20%; 1009 filter: blur(.4px); 1010 opacity: 0; 1011 box-shadow: 0 0 4px rgba(255, 210, 180, 0.55); 1012 animation: rainFall linear infinite; 1013 will-change: transform; 1014 } 1015 1016 @keyframes rainFall { 1017 0% { 1018 transform: translate3d(0, -20vh, 0); 1019 opacity: 0 1020 } 1021 1022 8% { 1023 opacity: .9 1024 } 1025 1026 92% { 1027 opacity: .9 1028 } 1029 1030 100% { 1031 transform: translate3d(-40px, 120vh, 0); 1032 opacity: 0 1033 } 1034 } 1035 1036 .drop:nth-child(1) { 1037 left: 2%; 1038 height: 70px; 1039 animation-duration: .70s; 1040 animation-delay: -.10s 1041 } 1042 1043 .drop:nth-child(2) { 1044 left: 6%; 1045 height: 110px; 1046 animation-duration: .90s; 1047 animation-delay: -.40s 1048 } 1049 1050 .drop:nth-child(3) { 1051 left: 10%; 1052 height: 80px; 1053 animation-duration: .60s; 1054 animation-delay: -.20s 1055 } 1056 1057 .drop:nth-child(4) { 1058 left: 14%; 1059 height: 120px; 1060 animation-duration: 1.10s; 1061 animation-delay: -.50s 1062 } 1063 1064 .drop:nth-child(5) { 1065 left: 18%; 1066 height: 60px; 1067 animation-duration: .80s; 1068 animation-delay: -.70s 1069 } 1070 1071 .drop:nth-child(6) { 1072 left: 22%; 1073 height: 90px; 1074 animation-duration: .70s; 1075 animation-delay: -.30s 1076 } 1077 1078 .drop:nth-child(7) { 1079 left: 26%; 1080 height: 100px; 1081 animation-duration: 1.00s; 1082 animation-delay: -.60s 1083 } 1084 1085 .drop:nth-child(8) { 1086 left: 30%; 1087 height: 75px; 1088 animation-duration: .85s; 1089 animation-delay: -.10s 1090 } 1091 1092 .drop:nth-child(9) { 1093 left: 34%; 1094 height: 130px; 1095 animation-duration: 1.20s; 1096 animation-delay: -.80s 1097 } 1098 1099 .drop:nth-child(10) { 1100 left: 38%; 1101 height: 95px; 1102 animation-duration: .90s; 1103 animation-delay: -.40s 1104 } 1105 1106 .drop:nth-child(11) { 1107 left: 42%; 1108 height: 70px; 1109 animation-duration: .65s; 1110 animation-delay: -.20s 1111 } 1112 1113 .drop:nth-child(12) { 1114 left: 46%; 1115 height: 110px; 1116 animation-duration: 1.05s; 1117 animation-delay: -.55s 1118 } 1119 1120 .drop:nth-child(13) { 1121 left: 50%; 1122 height: 85px; 1123 animation-duration: .80s; 1124 animation-delay: -.70s 1125 } 1126 1127 .drop:nth-child(14) { 1128 left: 54%; 1129 height: 100px; 1130 animation-duration: .95s; 1131 animation-delay: -.35s 1132 } 1133 1134 .drop:nth-child(15) { 1135 left: 58%; 1136 height: 120px; 1137 animation-duration: 1.15s; 1138 animation-delay: -.50s 1139 } 1140 1141 .drop:nth-child(16) { 1142 left: 62%; 1143 height: 75px; 1144 animation-duration: .70s; 1145 animation-delay: -.25s 1146 } 1147 1148 .drop:nth-child(17) { 1149 left: 66%; 1150 height: 90px; 1151 animation-duration: .85s; 1152 animation-delay: -.60s 1153 } 1154 1155 .drop:nth-child(18) { 1156 left: 70%; 1157 height: 65px; 1158 animation-duration: .60s; 1159 animation-delay: -.40s 1160 } 1161 1162 .drop:nth-child(19) { 1163 left: 74%; 1164 height: 115px; 1165 animation-duration: 1.10s; 1166 animation-delay: -.75s 1167 } 1168 1169 .drop:nth-child(20) { 1170 left: 78%; 1171 height: 80px; 1172 animation-duration: .80s; 1173 animation-delay: -.15s 1174 } 1175 1176 .drop:nth-child(21) { 1177 left: 82%; 1178 height: 100px; 1179 animation-duration: .95s; 1180 animation-delay: -.50s 1181 } 1182 1183 .drop:nth-child(22) { 1184 left: 86%; 1185 height: 70px; 1186 animation-duration: .70s; 1187 animation-delay: -.30s 1188 } 1189 1190 .drop:nth-child(23) { 1191 left: 90%; 1192 height: 125px; 1193 animation-duration: 1.20s; 1194 animation-delay: -.85s 1195 } 1196 1197 .drop:nth-child(24) { 1198 left: 94%; 1199 height: 90px; 1200 animation-duration: .85s; 1201 animation-delay: -.45s 1202 } 1203 1204 .drop:nth-child(25) { 1205 left: 98%; 1206 height: 75px; 1207 animation-duration: .75s; 1208 animation-delay: -.20s 1209 } 1210 1211 .drop:nth-child(26) { 1212 left: 8%; 1213 height: 55px; 1214 animation-duration: .55s; 1215 animation-delay: -.50s 1216 } 1217 1218 .drop:nth-child(27) { 1219 left: 28%; 1220 height: 60px; 1221 animation-duration: .60s; 1222 animation-delay: -.65s 1223 } 1224 1225 .drop:nth-child(28) { 1226 left: 48%; 1227 height: 55px; 1228 animation-duration: .55s; 1229 animation-delay: -.15s 1230 } 1231 1232 .drop:nth-child(29) { 1233 left: 68%; 1234 height: 65px; 1235 animation-duration: .60s; 1236 animation-delay: -.35s 1237 } 1238 1239 .drop:nth-child(30) { 1240 left: 88%; 1241 height: 60px; 1242 animation-duration: .60s; 1243 animation-delay: -.55s 1244 } 1245 1246 /* ============ LIGHTNING FLASH (Petir Kilat) ============ */ 1247 .lightning { 1248 position: fixed; 1249 inset: 0; 1250 pointer-events: none; 1251 z-index: 4; 1252 background: transparent; 1253 mix-blend-mode: screen; 1254 animation: lightningFlash 9s ease-in-out infinite; 1255 will-change: background-color; 1256 } 1257 1258 @keyframes lightningFlash { 1259 1260 0%, 1261 17%, 1262 21%, 1263 23%, 1264 25%, 1265 27%,
1266 59%, 1267 61%, 1268 63%, 1269 100% { 1270 background: transparent 1271 } 1272 1273 18% { 1274 background: rgba(255, 255, 255, .92) 1275 } 1276 1277 19% { 1278 background: rgba(255, 255, 255, .35) 1279 } 1280 1281 20% { 1282 background: rgba(255, 214, 180, 0.65) 1283 } 1284 1285 22% { 1286 background: rgba(255, 255, 255, .85) 1287 } 1288 1289 24% { 1290 background: rgba(255, 190, 160, 0.5) 1291 } 1292 1293 26% { 1294 background: rgba(255, 255, 255, .7) 1295 } 1296 1297 60% { 1298 background: rgba(255, 255, 255, .95) 1299 } 1300 1301 62% { 1302 background: rgba(255, 201, 170, 0.6) 1303 } 1304 } 1305 1306 /* ============ LIGHTNING BOLT (Visual Kilat) ============ */ 1307 .bolt { 1308 position: fixed; 1309 top: -4%; 1310 left: 22%; 1311 width: 90px; 1312 height: 60vh; 1313 pointer-events: none; 1314 z-index: 5; 1315 opacity: 0; 1316 background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 240' preserveAspectRatio='none'><polygon points='38,0 8,108 28,108 4,240 56,92 32,92 52,0' fill='white' stroke='%23a8c8ff' stroke-width='1.2'/></svg>") center/contain no-repeat; 1317 filter: 1318 drop-shadow(0 0 6px #fff) drop-shadow(0 0 16px rgba(0, 149, 255, 0.65)) drop-shadow(0 0 32px rgba(0, 149, 255, 0.65)) drop-shadow(0 0 60px rgba(255, 144, 80, 0.55)); 1319 animation: boltFlash 9s ease-in-out infinite; 1320 will-change: opacity, transform; 1321 } 1322 1323 .bolt.b2 { 1324 left: auto; 1325 right: 14%; 1326 top: -2%; 1327 height: 55vh; 1328 width: 78px; 1329 animation-delay: -4.5s; 1330 transform: scaleX(-1) rotate(6deg); 1331 } 1332 1333 @keyframes boltFlash { 1334 1335 0%, 1336 17%, 1337 21%, 1338 24%, 1339 100% { 1340 opacity: 0; 1341 transform: translate3d(0, 0, 0) 1342 } 1343 1344 18%, 1345 19% { 1346 opacity: 1; 1347 transform: translate3d(0, 0, 0) 1348 } 1349 1350 20% { 1351 opacity: .55 1352 } 1353 1354 22% { 1355 opacity: .95; 1356 transform: translate3d(2px, 0, 0) 1357 } 1358 1359 23% { 1360 opacity: 0 1361 } 1362 } 1363 1364 /* ============ SCREEN SHAKE (Layar Bergetar saat Petir) ============ */ 1365 .arcade-frame { 1366 animation: thunderShake 9s ease-in-out infinite; 1367 } 1368 1369 @keyframes thunderShake { 1370 1371 0%, 1372 16%, 1373 28%, 1374 58%, 1375 66%, 1376 100% { 1377 transform: translate3d(0, 0, 0) 1378 } 1379 1380 17% { 1381 transform: translate3d(-5px, 3px, 0) 1382 } 1383 1384 18% { 1385 transform: translate3d(6px, -4px, 0) 1386 } 1387 1388 19% { 1389 transform: translate3d(-5px, -3px, 0) 1390 } 1391 1392 20% { 1393 transform: translate3d(5px, 3px, 0) 1394 } 1395 1396 21% { 1397 transform: translate3d(-4px, 2px, 0) 1398 } 1399 1400 22% { 1401 transform: translate3d(4px, -2px, 0) 1402 } 1403 1404 23% { 1405 transform: translate3d(-3px, -1px, 0) 1406 } 1407 1408 24% { 1409 transform: translate3d(3px, 1px, 0) 1410 } 1411 1412 25% { 1413 transform: translate3d(-2px, 1px, 0) 1414 } 1415 1416 26% { 1417 transform: translate3d(2px, -1px, 0) 1418 } 1419 1420 27% { 1421 transform: translate3d(-1px, 0, 0) 1422 } 1423 1424 59% { 1425 transform: translate3d(-6px, 4px, 0) 1426 } 1427 1428 60% { 1429 transform: translate3d(7px, -3px, 0) 1430 } 1431 1432 61% { 1433 transform: translate3d(-5px, 2px, 0) 1434 } 1435 1436 62% { 1437 transform: translate3d(4px, -2px, 0) 1438 } 1439 1440 63% { 1441 transform: translate3d(-3px, 2px, 0) 1442 } 1443 1444 64% { 1445 transform: translate3d(2px, -1px, 0) 1446 } 1447 1448 65% { 1449 transform: translate3d(-1px, 0, 0) 1450 } 1451 } 1452 1453 /* ============ MOBILE ============ */ 1454 @media(max-width:480px) { 1455 .ticker { 1456 max-width: 96vw; 1457 margin: 14px auto 0; 1458 padding: 6px 0; 1459 font-size: 8px 1460 } 1461 1462 .ticker-inner { 1463 animation-duration: 30s 1464 } 1465
1466 .arcade-frame { 1467 margin: 0 auto 14px; 1468 max-width: 96vw 1469 } 1470 1471 .live-strip { 1472 font-size: 7px; 1473 padding: 4px 12px 1474 } 1475 1476 .live-strip strong { 1477 font-size: 9px 1478 } 1479 1480 .corner { 1481 width: 14px; 1482 height: 14px 1483 } 1484 1485 .screen { 1486 padding: 12px 12px 16px 1487 } 1488 1489 .badge { 1490 font-size: 6px; 1491 padding: 4px 6px; 1492 letter-spacing: .5px 1493 } 1494 1495 .logo { 1496 font-size: 28px; 1497 letter-spacing: 2px 1498 } 1499 1500 .menu a { 1501 font-size: 12px; 1502 padding: 16px 10px; 1503 letter-spacing: 2px 1504 } 1505 1506 .features { 1507 gap: 4px 1508 } 1509 1510 .feature { 1511 padding: 6px 2px 5px 1512 } 1513 1514 .feature-icon { 1515 font-size: 15px 1516 } 1517 1518 .feature-title { 1519 font-size: 6px 1520 } 1521 1522 .feature-sub { 1523 font-size: 9px 1524 } 1525 1526 .pay { 1527 font-size: 9px; 1528 padding: 3px 6px 1529 } 1530 1531 .seo-content p { 1532 font-size: 13px 1533 } 1534 1535 /* ====== ANTI PATAH-PATAH (yang DIPERTAHANKAN: rain, lightning, bolt, thunderShake, glitch) ====== */ 1536 1537 /* 1) Hilangkan scanline overlay full-screen (paling boros paint per frame) */ 1538 body::before { 1539 display: none 1540 } 1541 1542 /* 2) MENU: matikan menuBreath (animasi box-shadow = bukan GPU = lag). 1543 Ganti pakai border subtle saja, tampilan masih hidup */ 1544 .menu a { 1545 animation: none; 1546 box-shadow: 1547 0 0 8px rgba(255, 85, 42, 0.3), 1548 inset 0 0 10px rgba(255, 192, 46, .08); 1549 } 1550 1551 /* 3) MENU: matikan sweep gloss (animasi 'left' = layout thrash) */ 1552 .menu a::after { 1553 display: none 1554 } 1555 1556 /* 4) AMAN BADGE: matikan amanPulse (box-shadow animation = repaint) */ 1557 .aman-badge { 1558 animation: none 1559 } 1560 1561 /* 5) LOGO SHIMMER: matikan (background-position pada text-clip = paint mahal) */ 1562 .logo, 1563 .logo span { 1564 animation: none 1565 } 1566 1567 /* 6) LOGO: kurangi drop-shadow filter dari 3 jadi 1 */ 1568 .logo { 1569 filter: drop-shadow(0 0 6px rgba(255, 95, 46, 0.85)) drop-shadow(0 2px 2px rgba(0, 0, 0, .95)); 1570 } 1571 1572 .logo span { 1573 filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .95)); 1574 } 1575 1576 /* 7) HUJAN: matikan setiap drop ganjil-genap dgn pola (sisakan ~10 drop dari 30) */ 1577 .drop:nth-child(3n+2), 1578 .drop:nth-child(3n+3) { 1579 display: none 1580 } 1581 1582 /* 8) HUJAN: hilangkan blur filter & box-shadow (paling mahal di GPU mobile) */ 1583 .drop { 1584 filter: none; 1585 box-shadow: none; 1586 } 1587 1588 /* 9) BOLT PETIR: kurangi 4 drop-shadow jadi 1 (hemat 75% compositor pass per frame petir) */ 1589 .bolt { 1590 width: 60px; 1591 filter: drop-shadow(0 0 10px rgba(255, 183, 180, 0.95)); 1592 } 1593 1594 .bolt.b2 { 1595 width: 54px 1596 } 1597 1598 /* 10) ARCADE FRAME: tipiskan box-shadow berlapis (re-paint saat shake) */ 1599 .arcade-frame { 1600 box-shadow: 1601 0 0 12px rgba(255, 92, 42, 0.45), 1602 inset 0 0 18px rgba(0, 0, 0, .85); 1603 } 1604 1605 /* 11) FEATURE: hilangkan radial glow ::before di tiap feature card */ 1606 .feature::before { 1607 display: none 1608 } 1609 1610 .feature-icon { 1611 text-shadow: 0 0 4px var(--gold) 1612 } 1613 1614 /* 12) PAYMENTS: tipiskan shadow tiap chip */ 1615 .pay { 1616 box-shadow: none 1617 } 1618 } 1619 1620 /* Reduce motion preference (hormati setting user / battery saver) */ 1621 @media (prefers-reduced-motion: reduce) {
1622 .arcade-frame { 1623 animation: none 1624 } 1625 1626 .lightning { 1627 animation: none 1628 } 1629 1630 .bolt { 1631 display: none 1632 } 1633 1634 .drop { 1635 animation-duration: 2s 1636 } 1637 1638 .menu a, 1639 .menu a::after { 1640 animation: none 1641 } 1642 1643 .logo, 1644 .logo span { 1645 animation: none 1646 } 1647 1648 .aman-badge { 1649 animation: none 1650 } 1651 1652 .ticker-inner, 1653 .live-strip .live-dot { 1654 animation: none 1655 } 1656 } 1657 1658 /* ============ ELEGANT GOLD THEME ============ */ 1659 body { 1660 color: var(--gold-soft); 1661 background: 1662 radial-gradient(ellipse at 50% -10%, rgba(212, 175, 55, .24), transparent 56%), 1663 radial-gradient(ellipse at 50% 110%, rgba(122, 87, 0, .28), transparent 58%), 1664 linear-gradient(180deg, #0a0701 0%, #151003 48%, #000 100%); 1665 } 1666 1667 .ticker, 1668 .arcade-frame, 1669 .menu a, 1670 .feature, 1671 .payments, 1672 .VEGAS123 { 1673 background: linear-gradient(145deg, rgba(25, 18, 3, .98), rgba(2, 2, 1, .98)); 1674 border-color: var(--gold); 1675 } 1676 1677 .ticker, 1678 .arcade-frame { 1679 box-shadow: 1680 0 0 16px rgba(212, 175, 55, .48), 1681 0 0 38px rgba(122, 87, 0, .28), 1682 inset 0 0 24px rgba(0, 0, 0, .88); 1683 } 1684 1685 .live-strip { 1686 color: #fff8dc; 1687 background: linear-gradient(180deg, rgba(79, 56, 0, .96), rgba(25, 17, 0, .96)); 1688 border-color: var(--gold-bright); 1689 box-shadow: 0 0 12px rgba(212, 175, 55, .5), inset 0 0 7px rgba(255, 224, 138, .15); 1690 } 1691 1692 .live-strip .live-dot, 1693 .badge .dot { 1694 background: var(--gold-bright); 1695 box-shadow: 0 0 8px var(--gold), 0 0 14px rgba(212, 175, 55, .75); 1696 } 1697 1698 .logo, 1699 .logo span { 1700 background: linear-gradient(180deg, #fff8dc 0%, #ffe08a 22%, #b98b18 52%, #fff0b8 75%, #7a5700 100%); 1701 background-size: 100% 250%; 1702 -webkit-background-clip: text; 1703 background-clip: text; 1704 -webkit-text-fill-color: transparent; 1705 color: transparent; 1706 -webkit-text-stroke: 1.2px #ffe7a0; 1707 filter: drop-shadow(0 0 8px rgba(212, 175, 55, .9)) drop-shadow(0 2px 2px #000); 1708 } 1709 1710 .boot-overlay { 1711 background: radial-gradient(circle at center, rgba(212, 175, 55, .18), transparent 56%), linear-gradient(180deg, #211703, #080600 58%, #000 100%); 1712 } 1713 1714 .boot-logo, 1715 .boot-logo span, 1716 .aman-badge .star, 1717 .ticker-inner .sep { 1718 color: var(--gold-bright); 1719 } 1720 1721 .menu a { 1722 padding: 17px 14px; 1723 font-family: 'Press Start 2P', cursive; 1724 font-size: 16px; 1725 font-weight: 700; 1726 line-height: 1.25; 1727 letter-spacing: 3.5px; 1728 color: #fff; 1729 text-shadow: 0 0 4px rgba(255, 255, 255, .5); 1730 box-shadow: 0 0 12px rgba(212, 175, 55, .34), inset 0 0 15px rgba(212, 175, 55, .08); 1731 } 1732 1733 .menu a:hover { 1734 color: #fff; 1735 border-color: var(--gold-bright); 1736 box-shadow: 0 0 25px rgba(212, 175, 55, .72), inset 0 0 24px rgba(212, 175, 55, .2); 1737 } 1738 1739 .feature-icon { 1740 color: var(--gold-bright); 1741 text-shadow: 0 0 7px var(--gold); 1742 } 1743 1744 .pay, 1745 .pay.mandiri, 1746 .pay.bni, 1747 .pay.bri, 1748 .pay.cimb, 1749 .pay.dana, 1750 .pay.ovo, 1751 .pay.gopay { 1752 color: #1b1200; 1753 background: linear-gradient(180deg, #fff1b5 0%, #d4af37 55%, #9b7100 100%); 1754 border-color: #ffe08a; 1755 } 1756 1757 .footer { 1758 border-top-color: var(--gold); 1759 background: linear-gradient(180deg, transparent, rgba(31, 22, 2, .88)); 1760 } 1761 1762 .drop { 1763 background: linear-gradient(180deg, transparent 0%, rgba(255, 224, 138, .28) 45%, rgba(255, 244, 199, .88) 100%); 1764 box-shadow: 0 0 4px rgba(212, 175, 55, .48); 1765 } 1766 1767 .lightning { 1768 mix-blend-mode: screen; 1769 } 1770 </style> 1771</head> 1772 1773<body> 1774 1775 <!-- HUJAN AIR --> 1776 <div class="rain-container" aria-hidden="true"> 1777 <div class="drop"></div> 1778 <div class="drop"></div> 1779 <div class="drop"></div> 1780 <div class="drop"></div> 1781 <div class="drop"></div> 1782 <div class="drop"></div> 1783 <div class="drop"></div> 1784 <div class="drop"></div> 1785 <div class="drop"></div> 1786 <div class="drop"></div> 1787 <div class="drop"></div> 1788 <div class="drop"></div> 1789 <div class="drop"></div> 1790 <div class="drop"></div> 1791 <div class="drop"></div> 1792 <div class="drop"></div> 1793 <div class="drop"></div> 1794 <div class="drop"></div> 1795 <div class="drop"></div> 1796 <div class="drop"></div> 1797 <div class="drop"></div> 1798 <div class="drop"></div> 1799 <div class="drop"></div> 1800 <div class="drop"></div> 1801 <div class="drop"></div> 1802 <div class="drop"></div> 1803 <div class="drop"></div> 1804 <div class="drop"></div> 1805 <div class="drop"></div> 1806 <div class="drop"></div> 1807 </div> 1808 1809 <!-- KILAT (visual bolt) --> 1810 <div class="bolt" aria-hidden="true"></div> 1811 <div class="bolt b2" aria-hidden="true"></div> 1812 1813 <!-- PETIR (flash overlay) --> 1814 <div class="lightning" aria-hidden="true"></div> 1815 1816 <!-- TICKER PROMO --> 1817 <div class="ticker" aria-label="Info promo"> 1818 <div class="ticker-inner">
1819 <span><span class="hl">â BUKAN â </span></span><span class="sep">â¢</span> 1820 <span><span class="hl">â¡ KALENG â¡</span></span><span class="sep">â¢</span> 1821 <span><span class="hl">â KALENG â</span></span><span class="sep">â¢</span> 1822 <span><span class="hl">â RTP SLOT 97.7%</span></span><span class="sep">â¢</span> 1823 <span><span class="hl">â WD CEPAT 1 MENIT</span></span><span class="sep">â¢</span> 1824 <span><span class="hl">â¡ MIN DEPO CUMAN 5 RIBU</span></span><span class="sep"></span> 1825 </div> 1826 </div> 1827 1828 <section class="arcade-frame"> 1829 1830 <!-- CORNER ORNAMENTS --> 1831 <span class="corner c-tl" aria-hidden="true"></span> 1832 <span class="corner c-tr" aria-hidden="true"></span> 1833 <span class="corner c-bl" aria-hidden="true"></span> 1834 <span class="corner c-br" aria-hidden="true"></span> 1835 1836 <div class="screen"> 1837 1838 <!-- TRUST BADGES --> 1839 <div class="badges"> 1840 <span class="badge"><span class="dot"></span>SITUS TERPERCAYA</span> 1841 <span class="badge gold">â 24 JAM ONLINE</span> 1842 </div> 1843 1844 <!-- LOGO --> 1845 <div class="logo">VEGAS123</div> 1846 1847 <!-- LIVE PLAYER STRIP --> 1848 <div class="live-strip" aria-label="Pemain online"> 1849 <span class="live-dot" aria-hidden="true"></span> 1850 <strong>88.918,313</strong> PLAYER AKTIF 1851 </div> 1852 1853 <!-- HERO IMAGE --> 1854 <div class="hero"> 1855 <div class="hero-media"> 1856 <amp-img src="https://res.cloudinary.com/dxnliqb73/image/upload/v1790253818/image_9_yie55e.jpg" 1857 width="420" height="420" layout="responsive" alt="BANNER VEGAS123"> 1858 </amp-img> 1859 <div class="boot-overlay"> 1860 <div class="boot-logo">VEGAS123</div> 1861 </div> 1862 </div> 1863 </div> 1864 1865 <!-- MENU --> 1866 <nav class="menu"> 1867 <a href="https://cobalink.xyz/masuk1">LOGIN</a> 1868 <a href="https://cobalink.xyz/daftar1">DAFTAR</a> 1869 <a href="https://cobalink.xyz/livechat1">LIVE CHAT</a> 1870 </nav> 1871 1872 <!-- AMAN BADGE --> 1873 <div class="aman-badge"><span class="star">â </span> 100% AMAN & MENANG BERAPAPUN PASTI BAYAR <span class="star">â </span> 1874 </div> 1875 1876 <!-- FEATURE GRID --> 1877 <div class="features"> 1878 <div class="feature"> 1879 <div class="feature-icon">â</div> 1880 <div class="feature-title">KEMENANGAN</div> 1881 <div class="feature-sub">TANPA BATAS</div> 1882 </div> 1883 <div class="feature"> 1884 <div class="feature-icon">â</div> 1885 <div class="feature-title">BONUS</div> 1886 <div class="feature-sub">DEPOSIT PERTAMA KALI 20%</div> 1887 </div> 1888 <div class="feature"> 1889 <div class="feature-icon">â</div> 1890 <div class="feature-title">MIN DEPO</div> 1891 <div class="feature-sub">5.000</div> 1892 </div> 1893 <div class="feature"> 1894 <div class="feature-icon">â </div> 1895 <div class="feature-title">WITHDRAW</div> 1896 <div class="feature-sub">1 MENIT</div> 1897 </div> 1898 </div> 1899 1900 <!-- PAYMENT METHODS --> 1901 <div class="payments"> 1902 <div class="pay-title">DEPOSIT & WITHDRAW TERSEDIA</div> 1903 <div class="pay-list"> 1904 <span class="pay">BCA</span> 1905 <span class="pay mandiri">MANDIRI</span> 1906 <span class="pay bni">BNI</span> 1907 <span class="pay bri">BRI</span> 1908 <span class="pay cimb">CIMB</span> 1909 <span class="pay dana">DANA</span> 1910 <span class="pay ovo">OVO</span>
1911 <span class="pay gopay">GOPAY</span> 1912 </div> 1913 </div> 1914 1915 <div class="VEGAS123">â ï¸ ANE AONG ANE BEST NIH BOY â ï¸</div> 1916 1917 </div> 1918 1919 <!-- FOOTER --> 1920 <div class="footer"> 1921 VEGAS123 © 2026 1922 </div> 1923 1924 </section> 1925 1926</body> 1927 1928</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.