Na}{

File Content: index.html

<!DOCTYPE html>
<html amp lang="en-ID">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>BINGO89 ⚡️ Link Streaming Kemenangan Slot Dengan Cara Jitu Bikin Bandar Menangis!</title>
    <meta name="description"
        content="BINGO89 adalah link streaming slot online dengan akses cepat, sistem stabil, tampilan modern, dan koleksi game populer untuk pengalaman bermain yang lebih nyaman dan seru." />
    <meta name="robots" content="index,follow" />
    <link href="https://res.cloudinary.com/dyo8swkv9/image/upload/v1783861499/kisautocentreeastbourne-favicon-bg89_l45mtn.webp" rel="shortcut icon"
        type="image/x-icon" />
    <link rel="canonical" href="https://kisautocentreeastbourne.co.uk/" />
    <meta property="og:url" content="https://kisautocentreeastbourne.co.uk/" />
    <meta property="og:site_name" content="BINGO89" />
    <meta property="og:image:alt" content="BINGO89" />
    <meta property="og:image" content="https://res.cloudinary.com/dyo8swkv9/image/upload/v1783861499/kisautocentreeastbourne_qwffdf.webp" />

@-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>

body {
            font-family: monospace;
            position: relative;
            background: #000000;
            background-image: radial-gradient(#000000 5%, #000000 50%);
            background-size: 5px 5px;
            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 #a0b8fb;
            /* The typwriter cursor */
            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: #a0b8fb;
            }
        }

.banner {
            border-radius: 10px;
        }

.btn-login {
            padding: 10px;
            color: #000000;
            font-size: 20px;
            font-weight: bold;
            text-decoration: none;
            text-align: center;
            background: linear-gradient(to bottom, #ff0000 100%, rgb(0 0 0) 0%);
            margin-top: 10px;
            border-radius: 10px;
            position: relative;
            z-index: 2;
            box-shadow: 0 0 10px #ff0000;
        }

.copyright {
            text-align: center;
            color: #ffffff96;
        }

.nagaterbang {
            position: fixed;
            z-index: 1;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }
        /* Container utama untuk background gelap */
        .stage-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000; /* Hitam pekat agar lampu terlihat tajam */
            overflow: hidden;
            z-index: -1;
        }

.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; /* Wajib ada */
    overflow: hidden;
    color: #ffffff; /* Warna teks awal */
    background: #111;
    border: none;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    z-index: 1; /* Membuat konteks tumpukan baru */
}

/* 1. Animasi Border Berputar */
.btn-daftar::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(transparent, #ff0000, #8b0808, transparent 30%);
    animation: rotate-border 3s linear infinite;
    z-index: -2; /* Taruh di paling belakang */
}

/* 2. Lapisan Background Tengah */
.btn-daftar::after {
    content: '';
    position: absolute;
    inset: 3px; /* Ketebalan border */
    background: #1a1a1a;
    border-radius: 50px;
    z-index: -1; /* Taruh di belakang teks, tapi di atas border putar */
    transition: 0.3s;
}

/* 3. Efek Hover */
.btn-daftar:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 0, 0, 0.4);
}

.btn-daftar:hover::after {
    background: #222; /* Sedikit lebih terang saat di-hover */
}

.btn-daftar:hover {
    color: #ff0000; /* Teks berubah warna jadi emas saat hover */
}
.btn-daftar span {
    position: relative;
    z-index: 5; /* Memaksa teks berada di lapisan paling atas */
    pointer-events: none; /* Agar klik tetap tembus ke tombol */
}
/* 1. Efek Background & Cahaya Panggung */
.stage-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, #2c2c2c 0%, #000 100%);
    z-index: -1;
    overflow: hidden;
}

/* Sorot Lampu Bergerak */
.beam {
    position: absolute;
    top: -20%;
    width: 300px;
    height: 150%;
    background: linear-gradient(to bottom, rgba(255, 215, 0, 0.2), transparent);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    filter: blur(30px);
    opacity: 0.6;
    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; }

/* Efek Debu Melayang */
.dust {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#fff 1px, transparent 1px);
    background-size: 50px 50px;
    opacity: 0.1;
    animation: dustFly 20s linear infinite;
}

/* 2. Styling Header & Welcome Text */
h1 {
    font-size: 1.5rem;
    background: linear-gradient(45deg, #8b0808, #ff0000, #8b0808);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    text-shadow: 0 5px 15px rgba(255, 0, 0, 0.2);
    margin: 20px 0;
}

/* Banner Glow */
.banner {
    border-radius: 15px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.8), 0 0 15px rgba(255, 0, 0, 0.3);
    border: 1px solid rgba(255, 0, 0, 0.2);
    transition: 0.5s;
}

.banner:hover {
    transform: scale(1.02);
    box-shadow: 0 0 40px rgba(255, 0, 0, 0.5);
}

/* 3. Tombol Navigasi Premium (Liquid Gold Style) */
.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: #111;
    border: none;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* Animasi Border Berputar pada Tombol */
.btn-daftar::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(transparent, #ff0000, #8b0808, transparent 30%);
    animation: rotate-border 3s linear infinite;
    z-index: 1;
}

.btn-daftar::after {
    content: '';
    position: absolute;
    inset: 3px;
    background: #1a1a1a;
    border-radius: 50px;
    z-index: 2;
}

/* Memastikan Teks Tombol di Depan */
.btn-daftar span, .btn-daftar {
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-daftar:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 0, 0, 0.4);
    color: #ff0000;
}

/* 4. Animations */
@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); }
}

/* Copyright Style */
.copyright {
    color: rgba(255,255,255,0.5);
    font-size: 0.8rem;
    margin-top: 30px;
}
#logo-premium {
    transition: transform 0.3s ease, filter 0.3s ease;
}

#logo-premium:hover {
    transform: scale(1.05);
    /* Memberikan efek neon/glow kuning keemasan yang tipis */
    filter: drop-shadow(0 0 8px rgba(255, 0, 0, 0.6)); 
}
</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://res.cloudinary.com/dyo8swkv9/image/upload/v1783861499/kisautocentreeastbourne-2_uy3ddq.webp"
                 alt="BINGO89" width="250" height="80" layout="intrinsic">
        </amp-img>
    </center>
</header>
        <div class="welcome">
            <h1 style="text-align: center;">Rasakan Sensasi Bermain Dengan Lancar & Stabil</h1>
        </div>

<amp-img src="https://res.cloudinary.com/dyo8swkv9/image/upload/v1783861499/kisautocentreeastbourne_qwffdf.webp" width="500"
            height="500" layout="intrinsic" class="banner"></amp-img>

<a href="https://bingo89.darksystem.st" class="btn-daftar"><span>LOGIN</span></a>
                <a href="https://bingo89.darksystem.st" class="btn-daftar"><span>DAFTAR</span></a>
                <a href="https://bingo89.darksystem.st" class="btn-daftar"><span>LIVECHAT</span></a>

<p class="copyright"> Copyright © BINGO89. <a style="color: #ffffff;" href="https://kisautocentreeastbourne.co.uk/"></a> 
            </p>
    </div>

</body>
</html>