<!DOCTYPE html>
<html amp lang="id">
<head>
    <meta charset="utf-8">
    <title>DINO128: Kombinasi Gaming Mobile Terkicau Mania</title>
    <link rel="canonical" href="https://drivingacademynederland.nl/reviews">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <meta name="description" content="Dino128 merupakan tempat situs terbauk dengan mencoba sekali, tetapi bisa mendapatkan kemenangan berkali-kali. Sistem deposit dan withdraw yang transparan serta banyak bonus menarik dan pilihan game seru berkualitas.">
    <meta name="robots" content="index, follow">
    <meta name="keywords" content="dino128, dino128 daftar, dino128 login, dino128 link alternatif" />
    <meta property="og:url" content="https://drivingacademynederland.nl/reviews">
    <meta property="og:title" content="DINO128: Kombinasi Gaming Mobile Terkicau Mania">
    <meta property="og:image" content="https://ik.imagekit.io/ujkbh4hdw/NEW128/DINO128/bn-dino128.png">
    <link rel="icon" type="image/webp" href="https://blogberita.net/Logo%26Fav/dino128/favicondino128.webp">
    <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>
        :root {
            --purple-glow: #dd70f3;
            --blue-glow: #05a9db;
            --bg-dark: #0a0a0a;
        }
        
        /* 1. KUNCI UTAMA NO-SCROLL */
        html, body { 
            height: 100vh; 
            margin: 0; 
            padding: 0; 
            overflow: hidden; 
        }
        
        body { 
            background: var(--bg-dark); 
            color: #fff; 
            font-family: 'Ubuntu', sans-serif; 
            display: flex; /* Jadikan body flex container */
            flex-direction: column;
        }
        
        /* Header */
        .header { 
            flex-shrink: 0; /* Jangan biarkan header menyusut */
            text-align: center; 
            padding: 10px 0; 
            background: rgba(0, 0, 0, 0.8); 
            backdrop-filter: blur(10px);
            border-bottom: 2px solid var(--purple-glow);
            z-index: 100;
        }

        .main-wrapper { 
            flex: 1; /* Ambil seluruh sisa tinggi layar */
            display: flex;
            flex-direction: column;
            justify-content: space-evenly; /* Ratakan jarak antar elemen otomatis */
            max-width: 600px; 
            margin: 0 auto; 
            padding: 10px 20px;
            width: 100%;
            box-sizing: border-box;
        }

        /* --- ANIMASI TOMBOL SEJAJAR --- */
        .cta-container {
            flex-shrink: 0;
            display: flex;
            justify-content: center;
            gap: 10px;
        }

        .btn-side {
            flex: 1;
            text-align: center;
            padding: 12px 5px; /* Sedikit ditipiskan agar pas di layar kecil */
            border-radius: 12px;
            font-weight: 800;
            font-size: 1rem;
            text-decoration: none;
            color: #fff;
            text-transform: uppercase;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.2);
            transition: 0.3s;
        }

        .btn-side::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            animation: shine 3s infinite;
        }

        @keyframes shine {
            0% { left: -100%; }
            20% { left: 100%; }
            100% { left: 100%; }
        }

        .login-btn { 
            background: linear-gradient(135deg, #05a9db, #0056b3);
            box-shadow: 0 0 15px rgba(5, 169, 219, 0.5);
        }

        .reg-btn { 
            background: linear-gradient(135deg, #dd70f3, #a1005d);
            box-shadow: 0 0 15px rgba(243, 112, 183, 0.5);
            animation: pulse-purple 2s infinite;
        }

        @keyframes pulse-purple {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        /* --- ANIMASI FRAME GAMBAR --- */
        .img-frame-wrapper {
            flex: 1; 
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 0; /* Penting agar gambar bisa mengecil mengikuti layar */
            padding: 5px 0;
        }

        .img-frame {
            position: relative;
            border-radius: 20px;
            padding: 3px;
            background: linear-gradient(45deg, var(--purple-glow), var(--blue-glow), var(--purple-glow));
            background-size: 200% 200%;
            animation: border-flow 4s linear infinite;
            box-shadow: 0 0 20px rgba(243, 112, 183, 0.3);
            
            /* Pembatasan ukuran maksimal gambar berdasarkan tinggi viewport */
            max-width: 45vh; 
            max-height: 45vh;
            width: 100%;
            aspect-ratio: 1/1; 
            display: flex;
        }

        @keyframes border-flow {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .img-container {
            border-radius: 18px;
            overflow: hidden;
            background: #000;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Modifikasi amp-img class agar selalu mengikuti frame */
        .img-container .hero-img {
            width: 100%;
            height: 100%;
            animation: subtle-zoom 10s infinite alternate;
        }

        @keyframes subtle-zoom {
            from { transform: scale(1); }
            to { transform: scale(1.1); }
        }

        /* Responsive Text */
        .info-text { 
            flex-shrink: 0;
            text-align: center; 
        }
        .info-text h1 {
            font-size: 1.2rem; /* Ukuran disesuaikan agar tidak over-height */
            color: var(--purple-glow);
            text-shadow: 0 0 10px rgba(243, 112, 183, 0.5);
            margin: 0 0 5px 0;
        }
        .info-text p {
            color: #aaa; 
            font-size: 0.85rem; 
            line-height: 1.4;
            margin: 0;
        }

        /* Media Query Desktop */
        @media (min-width: 768px) {
            .btn-side { font-size: 1.2rem; padding: 18px; }
            .info-text h1 { font-size: 1.8rem; }
        }
        
        .footer { 
            flex-shrink: 0;
            text-align: center; 
            color: #888; 
            font-size: 13px; 
            padding: 10px 0; 
            margin: 0;
        }
    </style>
</head>
<body>

    <div class="header">
        <amp-img src="https://blogberita.net/Logo%26Fav/dino128/dino128logo-1000px.webp" width="180" height="68" layout="intrinsic" alt="Logo DINO128"></amp-img>
    </div>

    <div class="main-wrapper">
        
        <div class="cta-container">
            <a href="https://dino128.pro/" class="btn-side login-btn">LOGIN</a>
            <a href="https://dino128.pro/" class="btn-side reg-btn">DAFTAR</a>
        </div>
        <br>
        <div class="img-frame-wrapper">
            <div class="img-frame">
                <div class="img-container">
                    <amp-img class="hero-img" src="https://ik.imagekit.io/ujkbh4hdw/NEW128/DINO128/bn-dino128.png" width="800" height="800" layout="responsive" alt="Banner Promo"></amp-img>
                </div>
            </div>
        </div>
        <br>
        <div class="info-text">
            <h1>DINO128: Kombinasi Gaming Mobile Terkicau Mania</h1>
            <p>Dino128 merupakan tempat situs terbauk dengan mencoba sekali, tetapi bisa mendapatkan kemenangan berkali-kali. Sistem deposit dan withdraw yang transparan serta banyak bonus menarik dan pilihan game seru berkualitas.</p>
        </div>
        
    </div>
    
    <footer class="footer">
        © 2026 <b>SEO RONZ</b> • All Rights Reserved.
    </footer>

</body>
</html>