



<!DOCTYPE html>
<html amp lang="en-ID">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>QQCUAN: Link Resmi Platform Andalan Pecinta Slot Indonesia</title>
    <meta name="description"
        content="Cari tempat spin yang adil? QQCUAN adalah platform andalan terbaik dengan lisensi resmi, game slot anti-rungkat dari provider global, & layanan VIP 24 jam." />
    <meta name="robots" content="index,follow" />
    <link href="https://ik.imagekit.io/QQCUAN/favicon-qqcuan.ico" rel="shortcut icon"
        type="image/x-icon" />
    <link rel="canonical" href="https://qqcuan.ink/" />
    <meta property="og:url" content="https://qqcuan.ink/" />
    <meta property="og:site_name" content="QQCUAN" />
    <meta property="og:image:alt" content="QQCUAN" />
    <meta property="og:image" content="https://ik.imagekit.io/QQCUAN/QQ_CUAN.png" />

    <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js" />
   <script async src="https://cdn.ampproject.org/v0.js"></script>
    <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>
*{box-sizing:border-box}

body{
    font-family:monospace;
    position:relative;
    background:#050010;
    background-image:
        radial-gradient(circle at 20% 20%, rgba(255,0,255,.25), transparent 25%),
        radial-gradient(circle at 80% 30%, rgba(0,255,255,.22), transparent 25%),
        radial-gradient(circle at 50% 80%, rgba(0,120,255,.18), transparent 30%);
    background-attachment:fixed;
}

.container{
    max-width:400px;
    height:100vh;
    margin:0 auto;
    padding:15px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
}

.welcome{max-width:350px;margin:0 auto}

.welcome h1{
    font-size:12px;
    color:#fff;
    overflow:hidden;
    border-right:.15em solid #00ffff;
    white-space:nowrap;
    letter-spacing:.09em;
    animation:typing 3.5s steps(40,end), blink-caret .75s step-end infinite;
}

@keyframes typing{from{width:0}to{width:100%}}
@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#ff00ff}}

h1{
    font-size:1.5rem;
    background:linear-gradient(90deg,#ff00ff,#00ffff,#0066ff,#ff00ff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight:800;
    text-shadow:0 0 15px rgba(0,255,255,.5);
    margin:20px 0;
}

.banner{
    border-radius:15px;
    box-shadow:0 0 30px rgba(255,0,255,.45),0 0 20px rgba(0,255,255,.35);
    border:1px solid rgba(0,255,255,.45);
    transition:.5s;
}

.banner:hover{
    transform:scale(1.02);
    box-shadow:0 0 40px rgba(255,0,255,.7),0 0 35px rgba(0,255,255,.6);
}

.btn-login{
    padding:10px;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    background:linear-gradient(90deg,#ff00ff,#0066ff,#00ffff);
    margin-top:10px;
    border-radius:10px;
    position:relative;
    z-index:2;
    box-shadow:0 0 15px #00ffff,0 0 25px #ff00ff;
}

.btn-daftar{
    display:block;
    width:80%;
    margin:15px auto;
    padding:15px;
    text-decoration:none;
    font-weight:900;
    font-size:1.1rem;
    border-radius:50px;
    text-align:center;
    position:relative;
    overflow:hidden;
    color:#fff;
    background:#080018;
    border:none;
    transition:.3s;
    box-shadow:0 0 15px rgba(255,0,255,.5),0 0 25px rgba(0,255,255,.35);
    z-index:1;
}

.btn-daftar::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
    background:conic-gradient(#ff00ff,#00ffff,#0066ff,#ff00ff);
    animation:rotate-border 3s linear infinite;
    z-index:-2;
}

.btn-daftar::after{
    content:'';
    position:absolute;
    inset:3px;
    background:#100020;
    border-radius:50px;
    z-index:-1;
}

.btn-daftar:hover{
    transform:translateY(-3px);
    color:#00ffff;
    box-shadow:0 0 25px rgba(255,0,255,.8),0 0 35px rgba(0,255,255,.7);
}

.btn-daftar span{
    position:relative;
    z-index:5;
    pointer-events:none;
}

.stage-background{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:radial-gradient(circle at center,#120030 0%,#000 100%);
    z-index:-1;
    overflow:hidden;
}

.beam{
    position:absolute;
    top:-20%;
    width:300px;
    height:150%;
    background:linear-gradient(to bottom,rgba(255,0,255,.25),rgba(0,255,255,.15),transparent);
    clip-path:polygon(50% 0%,0% 100%,100% 100%);
    filter:blur(30px);
    opacity:.7;
    animation:beamMove 8s infinite alternate ease-in-out;
}

.beam-left{left:-10%;transform-origin:top}
.beam-right{right:-10%;transform-origin:top;animation-delay:-4s}

.dust{
    position:absolute;
    width:100%;
    height:100%;
    background-image:radial-gradient(#00ffff 1px,transparent 1px);
    background-size:50px 50px;
    opacity:.12;
    animation:dustFly 20s linear infinite;
}

.copyright{
    text-align:center;
    color:rgba(255,255,255,.55);
    font-size:.8rem;
    margin-top:30px;
}

.nagaterbang{
    position:fixed;
    z-index:1;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}

#logo-premium{
    transition:transform .3s ease,filter .3s ease;
}

#logo-premium:hover{
    transform:scale(1.05);
    filter:drop-shadow(0 0 8px rgba(0,255,255,.8)) drop-shadow(0 0 12px rgba(255,0,255,.7));
}

@keyframes beamMove{from{transform:rotate(-15deg)}to{transform:rotate(15deg)}}
@keyframes dustFly{from{transform:translateY(0)}to{transform:translateY(-1000px)}}
@keyframes rotate-border{100%{transform:rotate(360deg)}}
</style>
</head>

<body>
        <div class="stage-background">
        <div class="dust"></div>
        
        <div class="light-source source-left"></div>
        <div class="beam beam-left"></div>
        
        <div class="light-source source-right"></div>
        <div class="beam beam-right"></div>
        </div>
    <div class="container">
        <header>
    <center>
        <amp-img id="logo-premium"
                 src="https://ik.imagekit.io/QQCUAN/QQCUAN.webp"
                 alt="QQCUAN" width="250" height="80" layout="intrinsic">
        </amp-img>
    </center>
</header>
        <div class="welcome">
            <h1 style="text-align: center;">LINK RESMI PLATFORM SLOT INDONESIA</h1>
        </div>

        <amp-img src="https://ik.imagekit.io/QQCUAN/QQ_CUAN.png" width="500"
            height="500" layout="intrinsic" class="banner"></amp-img>

                <a href="https://link.qqcuan.dev/" class="btn-daftar"><span>LOGIN</span></a>
                <a href="https://link.qqcuan.dev/" class="btn-daftar"><span>DAFTAR</span></a>

        <p class="copyright"> Copyright © QQCUAN. SEO $$$ </p>
    </div>

</body>
</html>
