






<!doctype html>
<html ⚡ lang="id">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <title>JITU777 {} Top Winner Platform Layanan Dari Games Online Gampang Cuan Tanpa Kerja 12 Jam!</title>
    <meta name="description" content="Buat anda para jamaah sejati, ini saya adalah JITU777 top platform dari games online penghasil cuan terbesar di asia yang siap memberikan anda kejutaan tanpa batas, cukup dengan bermain dan spin sambil rebahan tanpa kerja 12 jam.">
    <link rel="canonical" href="https://jitu777luxe.pages.dev/">
    <link rel="icon" type="image/webp" href="https://jitu777luxe.pages.dev/assets/favicon.webp" sizes="16x16">
    <link rel="preload" as="image" href="https://jitu777luxe.pages.dev/assets/banner.webp">
    <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js">
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Source+Sans+Pro:wght@300;400;600&display=swap" rel="stylesheet">
     <meta name="robots" content="index, follow">
    <meta name="keywords" content="jITU777, JITU7, JITU77, JITU777 SLOT, JITU777 LIGA, JITU777 MAXWIN, JITU777 GACOR, JITU777 SLOT GACOR, SLOT GACOR, SLOT, SLOT777" />
    <meta itemprop="name" content="JITU777">
<meta property="og:image" content="https://jitu777luxe.pages.dev/assets/banner.webp">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="JITU777">
    <meta name="twitter:creator" content="JITU777">
    <link rel="alternate" href="https://jitu777luxe.pages.dev/" hreflang="id" />

    <style amp-boilerplate>
        body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
    </style>
    <noscript>
        <style amp-boilerplate>
            body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
        </style>
    </noscript>
    
    <style amp-custom>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Source Sans Pro', sans-serif;
            background: 
                radial-gradient(ellipse at top, rgba(0, 0, 0.9) 0%, transparent 60%),
                radial-gradient(ellipse at bottom, rgba(0, 0, 0.9) 0%, transparent 60%),
                linear-gradient(135deg, #333 0%, #333 25%, #333 50%, #333 75%, #333 100%);
            color: #0f0f0f;
            min-height: 100vh;
            line-height: 1.6;
            overflow-x: hidden;
            position: relative;
        }
        
        
        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                radial-gradient(1px 1px at 20% 30%, rgba(234, 90, 166, 0.3), transparent),
                radial-gradient(1px 1px at 40% 70%, rgba(255, 227, 100, 0.2), transparent),
                radial-gradient(1px 1px at 90% 40%, rgba(255, 227, 100, 0.2), transparent),
                radial-gradient(1px 1px at 70% 80%, rgba(234, 90, 166, 0.3), transparent);
            background-size: 200px 200px, 300px 300px, 250px 250px, 180px 180px;
            animation: gentleFloat 20s ease-in-out infinite;
            pointer-events: none;
            z-index: -1;
        }
        
        @keyframes gentleFloat {
            0%, 100% { transform: translate(0, 0); opacity: 0.7; }
            25% { transform: translate(10px, -15px); opacity: 1; }
            50% { transform: translate(-5px, -10px); opacity: 0.8; }
            75% { transform: translate(8px, 5px); opacity: 0.9; }
        }
        
        .container {
            max-width: 480px;
            margin: 0 auto;
            padding: 4rem 2rem;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 4rem;
            position: relative;
        }
        
        
        .container::before {
            content: '';
            position: absolute;
            top: 2rem;
            left: 1rem;
            right: 1rem;
            bottom: 2rem;
            border: 1px solid rgba(240 231 14);
            border-radius: 2px;
            pointer-events: none;
            background: 
                linear-gradient(45deg, transparent 45%, rgba(234, 90, 166, 0.1) 50%, transparent 55%),
                linear-gradient(-45deg, transparent 45%, rgba(240 231 14, 0.05) 50%, transparent 55%);
        }
        
        .logo-section {
            text-align: center;
            position: relative;
            animation: elegantEntry 1.2s cubic-bezier(0.23, 1, 0.32, 1);
        }
        
        .logo-section::before {
            content: '';
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            width: 120%;
            height: 2px;
            background: linear-gradient(90deg, transparent, rgba(240 231 14), transparent);
            animation: logoGlow 3s ease-in-out infinite;
        }
        
        .logo-section::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 50%;
            transform: translateX(-50%);
            width: 80%;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(240 231 14), transparent);
        }
        
        .logo-section amp-img {
            filter: 
                drop-shadow(0 8px 32px rgba(244, 217, 66, 0.4))
                contrast(1.1)
                brightness(1.05);
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
        }
        
        .logo-section:hover amp-img {
            transform: scale(1.08);
            filter: 
                drop-shadow(0 12px 48px rgba(240 231 14))
                contrast(1.15)
                brightness(1.1);
        }
        
        @keyframes logoGlow {
            0%, 100% { opacity: 0.6; width: 120%; }
            50% { opacity: 1; width: 140%; }
        }
        
        @keyframes elegantEntry {
            0% { opacity: 0; transform: translateY(40px); }
            100% { opacity: 1; transform: translateY(0); }
        }
        
        .featured-section {
            text-align: center;
            width: 85%;
            max-width: 380px;
            position: relative;
            animation: elegantEntry 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.3s both;
        }
        
        .featured-image {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
            background: linear-gradient(145deg, rgb(255, 0, 0), rgba(219, 100, 255, 0.05));
            padding: 3px;
        }
        
        .featured-image::before {
            content: '';
            position: absolute;
            top: -1px;
            left: -1px;
            right: -1px;
            bottom: -1px;
            background: conic-gradient(
                from 0deg,
                rgb(155, 186, 232),
                rgba(214, 120, 31, 0.1),
                rgb(155, 186, 232),
                rgba(214, 120, 31, 0.1),
                rgb(155, 186, 232)
            );
            border-radius: 10px;
            z-index: -1;
            animation: luxuryRotate 8s linear infinite;
        }
        
        .featured-image::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
                linear-gradient(135deg, rgba(244, 226, 66, 0.05) 0%, transparent 100%);
            border-radius: 8px;
            pointer-events: none;
        }
        
        .featured-image .image-inner {
            border-radius: 6px;
            overflow: hidden;
            background: #000;
            position: relative;
        }
        
        .featured-image:hover {
            transform: translateY(-8px);
            box-shadow: 
                0 20px 60px rgba(0, 0, 0, 0.4),
                0 0 80px rgba(244, 182, 66, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }
        
        @keyframes luxuryRotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .buttons-section {
            width: 100%;
            max-width: 400px;
            display: flex;
            flex-direction: column;
            gap: 1.2rem;
            animation: elegantEntry 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.6s both;
        }
        
        .buttons-section h1 {
            text-align: center;
            color: #ffffff;
        }

        .buttons-section a {
            text-align: center;
            color: #ffffff;
        }

        .btn {
            display: block;
            width: 100%;
            padding: 1.4rem 2.5rem;
            text-align: center;
            text-decoration: none;
            font-family: 'Playfair Display', serif;
            font-weight: 600;
            font-size: 1.1rem;
            border-radius: 2px;
            position: relative;
            overflow: hidden;
            text-transform: uppercase;
            letter-spacing: 3px;
            border: 1px solid transparent;
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            cursor: pointer;
            background-clip: padding-box;
        }
        
        .btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);
            transform: translateX(-100%);
            transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
            z-index: 1;
        }
        
        .btn:hover::before {
            transform: translateX(100%);
        }
        
        .btn-login {
            background: 
                linear-gradient(135deg, #54005c 0%, #2a2a2a 100%),
                linear-gradient(45deg, rgb(240, 29, 14), rgba(255, 100, 242, 0.05));
            color: #f44242;
            border-color: rgba(255, 255, 255, .5);
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
            box-shadow: 
                0 8px 32px rgba(0, 0, 0, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }
        
        .btn-login::after {
            content: '';
            position: absolute;
            top: -200%;
            left: -200%;
            right: -200%;
            bottom: -200%;
            background: conic-gradient(
                from 0deg,
                rgba(255, 255, 255, .5),
                rgba(190 111 195 / 30%),
                rgba(255, 255, 255, .5),
                rgba(190 111 195 / 30%),
                rgba(255, 255, 255, .5)
            );
            animation: luxuryGlow 4s linear infinite;
            z-index: -1;
        }
        
        .btn-register {
            background: 
                linear-gradient(135deg, #0f0f0f 0%, #1f1f1f 100%),
                linear-gradient(45deg, rgba(255, 100, 242, 0.1), rgba(255, 135, 255, 0.05));
            color: d9043d;
            border-color: rgba(255, 255, 255, .5);
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
            box-shadow: 
                0 8px 32px rgba(0, 0, 0, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }
        
        .btn-register::after {
            content: '';
            position: absolute;
            top: -200%;
            left: -200%;
            right: -200%;
            bottom: -200%;
            background: conic-gradient(
                from 0deg,
                rgb(6, 168, 201),
                rgb(0, 174, 243),
                rgb(6, 152, 201),
                rgb(255, 59, 59),
                rgba(255, 0, 0, 0.3)
            );
            animation: luxuryGlow 3.5s linear infinite reverse;
            z-index: -1;
        }
        
        .btn:hover {
            transform: translateY(-3px);
            text-shadow: 0 0 20px currentColor;
        }
        
        .btn-login:hover {
            border-color: rgba(255, 255, 255, .5);
            box-shadow: 
                0 12px 48px rgba(0, 0, 0, 0.4),
                0 0 60px rgba(244, 182, 66, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
            color: d9043d;
        }
        
        .btn-register:hover {
            border-color: rgba(255, 255, 255, .5);
            box-shadow: 
                0 12px 48px rgba(54, 0, 0, 0.4),
                0 0 60px rgba(244, 182, 66, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
            color: #00ffee;
        }
        
        .btn:active {
            transform: translateY(-1px);
        }
        
        @keyframes luxuryGlow {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* Premium corner ornaments */
        .container::after {
            content: '';
            position: absolute;
            top: 1.5rem;
            left: 1.5rem;
            width: 40px;
            height: 40px;
            border-top: 2px solid rgb(3, 251, 255);
            border-left: 2px solid rgb(7, 204, 234);
            background: 
                linear-gradient(45deg, rgba(234, 90, 166, 0.1) 0%, transparent 100%);
        }
        
        /* Mobile responsive */
        @media (max-width: 480px) {
            .container {
                padding: 2.5rem 1.5rem;
                gap: 3rem;
            }
            
            .btn {
                padding: 1.2rem 2rem;
                font-size: 1rem;
                letter-spacing: 2px;
            }
            
            .featured-section {
                width: 90%;
            }
        }
        
    
        .ambient-light {
            position: fixed;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(244, 202, 66, 0.08) 0%, transparent 70%);
            top: 20%;
            right: -10%;
            animation: ambientPulse 6s ease-in-out infinite;
            pointer-events: none;
            z-index: -1;
        }
        
        @keyframes ambientPulse {
            0%, 100% { opacity: 0.3; transform: scale(1); }
            50% { opacity: 0.6; transform: scale(1.2); }
        }
        .scrolling-text-wrap {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
  background-color: #111111;
  padding: 10px 0;
  border-radius: 6px;
  box-shadow: 0 0 10px rgb(3, 226, 255);
  margin-bottom: 20px;
}

.scrolling-text {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 21s linear infinite;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes floatUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  .btn {
    display:block; width:100%;
    padding:1rem; text-align:center;
    text-decoration:none;
    font-family:'Playfair Display',serif;
    font-weight:600; font-size:1rem;
    border-radius:4px;
    text-transform:uppercase;
    letter-spacing:2px;
    transition: all 0.3s ease;
    animation: floatUpDown 2.5s ease-in-out infinite;
  }

  .btn-login { background:#01eeff; color:#55005d; }
  .btn-register { background:#01eeff:#464646; }
  .marquee-wrap {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  background: #111; 
  color: #fff;
  padding: 10px 0;
  border-radius: 6px;
}

.marquee-text {
  display: inline-block;
  padding-left: 100%; 
  animation: marquee 50s linear infinite;
}

@keyframes marquee {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
    </style>
</head>
<body>
    <div class="ambient-light"></div>
    <div class="container">
        <div class="logo-section">
            <amp-img 
                src="https://jitu777luxe.pages.dev/assets/logo.gif
                width="210" 
                height="60" 
                alt="wahana bola online" 
                layout="intrinsic">
            </amp-img>
        </div>
        <div class="featured-section">
            <center>
            <div style="color:#ffffff"><h1>JITU777 {} Top Winner Platform Layanan Dari Games Online Gampang Cuan Tanpa Kerja 12 Jam!</h1></div>
            </center>
            <br>
            <!-- Buttons Section -->
            <div class="buttons-section">
                <a href="https://flat-base-1182.immonster.workers.dev/" class="btn btn-login" rel="nofollow noreferrer" target="_blank">
                DAFTAR SEKARANG
                </a>
                <hr>
                <a href="https://flat-base-1182.immonster.workers.dev/" class="btn btn-register" rel="nofollow noreferrer" target="_blank">
                LOGIN SEKARANG
                </a>
            </div>
            <br>
            <div class="featured-image">
                <div class="image-inner"><amp-img 
                        src="https://jitu777luxe.pages.dev/assets/banner.webp" 
                        width="500" 
                        height="500" 
                        alt="wahana bola online" 
                        layout="responsive">
                    </amp-img>
                </div>
            </div>
            <br>
            <center>
            <div style="color:#ffffff"><p>Buat anda para jamaah sejati, ini saya adalah JITU777 top platform dari games online penghasil cuan terbesar di asia yang siap memberikan anda kejutaan tanpa batas, cukup dengan bermain dan spin sambil rebahan tanpa kerja 12 jam.</p></div>
            </center>
            <br>
            <center>
            <div style="color:#ffffff"><b>Copyright © 2026 | <a href="https://jitu777luxe.pages.dev/" style="color: #ff0500;text-decoration: none;">SEO PETAPA GENIT
            </center>
      </div>
</body>
</html>