<?php
if ($id_login == "") {
    ?> 
    <style>
    .info-box {
    max-width: 500px;
    margin: 20px auto;
    padding: 20px;
    border: 2px solid #ff0000;
    border-radius: 10px;
    text-align: center;
    background: #363636;
    font-family: Arial, sans-serif;
}

/* Judul besar tebal */
.info-title {
    font-size: 28px;
    font-weight: bold;
    color: #d10000;
    margin-bottom: 15px;
}

/* Teks latin (clean style) */
.info-text {
    font-size: 16px;
    font-style: italic;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Button */
.btn {
    display: inline-block;
    padding: 10px 18px;
    margin: 5px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.btn-wa {
    background: #25D366;
}

.btn-tele {
    background: #0088cc;
}
</style>

<div class="info-box">
    <div class="info-title">
        INFO PENTING !!
    </div>

    <div class="info-text">
        => Jika Mengalami Kendala <br>
        => Silahkan Hubung Kontak Kami <br>
        => Harap cek dulu Rekening Admin <br>
        Sebelum Melakukan Deposit !!!
    </div>

    <a href="https://wa.me/6285799478550" class="btn btn-wa" target="_blank">
        WhatsApp
    </a>

    <a href="https://t.me/bah_abas" class="btn btn-tele" target="_blank">
        Telegram
    </a>
</div>

    <div class=login-links-container>
        <a style="background-color: #60be01;" href="?page=register">Daftar </a>
        <a style="background-color: #81818f;" href=?page=masuk>Masuk </a>
    </div>
    <?php
}
?>
        <div class=main-menu-outer-container id=main_menu_outer_container>
            
            <main>
                <a href="?page=menu_togel" data-active="true">
            <div>
                <img alt="Togel" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/others.svg?v=0" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/others-active.svg?v=0);" width="25" />
            </div>
            Togel
        </a>
        <a href="?page=menu_slot" data-active="true">
            <div>
                <img alt="Hot Games" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/hot-games.svg?v=0" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/hot-games-active.svg?v=0);" width="25" />
            </div>
            Hot Games
        </a>
            <a href="?page=menu_slot" data-active="true">
                <div>
                    <img alt="Slots" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/slots.svg?v=0" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/slots-active.svg?v=0);" width="25" />
                </div>
                Slots
            </a>
            <a href="?page=menu_casino" data-active="true">
                <div>
                    <img alt="Live Casino" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/casino.svg?v=0" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/casino-active.svg?v=0);" width="25" />
                </div>
                Live Casino
            </a>
            <a href="?page=sports" data-active="true">
                <div>
                    <img alt="Olahraga" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/sports.svg?v=0" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/sports-active.svg?v=0);" width="25" />
                </div>
                Sepak Bola
            </a>
            <a href="?page=menu_fishing" data-active="true">
                <div>
                    <img alt="Crash Game" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/crash-game.svg?v=0" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/crash-game-active.svg?v=0);" width="25" />
                </div>
                Fishing
            </a>
            <a href="?page=menu_poker" data-active="true">
                <div>
                    <img alt="Poker" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/poker.svg?v=0" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/poker-active.svg?v=0);" width="25" />
                </div>
                Poker
            </a>
            <a href="?page=menu_egames" data-active="true">
                <div>
                    <img alt="E-Sports" height="25" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/e-sports.svg?v=0" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/v-zelma-v2-charlie/dark-green/mobile/menu/e-sports-active.svg?v=0);" width="25" />
                </div>
                Egames
            </a>
    </main> 
    </div> 
    
    <div class="standard-lottery-container standard-provider-container">
    <div class="standard-lottery-content">
        <div class="popular-game-title-container">
            <div class="standard-form-title">
                Game Populer
            </div>
            <div class="container-content" id="popular_game_container">
                <i class="left-chevron left_trigger" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-down.svg?v=0);"></i>
                <div class="game-list">
                        <div class="games-group">
                            <a href="/mobile/login" class="game-item" data-game="Sweet Bonanza 1000™">
                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20fruitswx.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20fruitswx.jpg?v=20240813" type="image/jpeg" /><img alt="vs20fruitswx" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20fruitswx.jpg?v=20240813" width="100" /></picture>
                                <div class="game-name">Sweet Bonanza 1000™</div>
                            </a>
                                <a href="/mobile/login" class="game-item" data-game="Mahjong Ways">
                                    <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PGSOFT/mahjong-ways.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PGSOFT/mahjong-ways.jpg?v=20240813" type="image/jpeg" /><img alt="PGSOFT_65" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/PGSOFT/mahjong-ways.jpg?v=20240813" width="100" /></picture>
                                    <div class="game-name">Mahjong Ways</div>
                                </a>
                        </div>
                        <div class="games-group">
                            <a href="/mobile/login" class="game-item" data-game="Mahjong Wins 2">
                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vswaysmahwin2.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vswaysmahwin2.jpg?v=20240813" type="image/jpeg" /><img alt="vswaysmahwin2" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vswaysmahwin2.jpg?v=20240813" width="100" /></picture>
                                <div class="game-name">Mahjong Wins 2</div>
                            </a>
                                <a href="/mobile/login" class="game-item" data-game="Jajanan Pasar">
                                    <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20fruitjpas.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20fruitjpas.jpg?v=20240813" type="image/jpeg" /><img alt="vs20fruitjpas" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20fruitjpas.jpg?v=20240813" width="100" /></picture>
                                    <div class="game-name">Jajanan Pasar</div>
                                </a>
                        </div>
                        <div class="games-group">
                            <a href="/mobile/login" class="game-item" data-game="SixSixSix">
                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1534.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1534.jpg?v=20240813" type="image/jpeg" /><img alt="HACKSAW_1534" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1534.jpg?v=20240813" width="100" /></picture>
                                <div class="game-name">SixSixSix</div>
                            </a>
                                <a href="/mobile/login" class="game-item" data-game="Gates of Olympus 1000™">
                                    <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20olympx.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20olympx.jpg?v=20240813" type="image/jpeg" /><img alt="vs20olympx" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20olympx.jpg?v=20240813" width="100" /></picture>
                                    <div class="game-name">Gates of Olympus 1000™</div>
                                </a>
                        </div>
                        <div class="games-group">
                            <a href="/mobile/login" class="game-item" data-game="Ze Zeus">
                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1508.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1508.jpg?v=20240813" type="image/jpeg" /><img alt="HACKSAW_1508" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/HACKSAW/HACKSAW_1508.jpg?v=20240813" width="100" /></picture>
                                <div class="game-name">Ze Zeus</div>
                            </a>
                                <a href="/mobile/login" class="game-item" data-game="Way of Ninja">
                                    <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20olympnin.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20olympnin.jpg?v=20240813" type="image/jpeg" /><img alt="vs20olympnin" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20olympnin.jpg?v=20240813" width="100" /></picture>
                                    <div class="game-name">Way of Ninja</div>
                                </a>
                        </div>
                        <div class="games-group">
                            <a href="/mobile/login" class="game-item" data-game="Starlight Princess™">
                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20starlight.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20starlight.jpg?v=20240813" type="image/jpeg" /><img alt="vs20starlight" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20starlight.jpg?v=20240813" width="100" /></picture>
                                <div class="game-name">Starlight Princess™</div>
                            </a>
                                <a href="/mobile/login" class="game-item" data-game="Mahjong Ways 2">
                                    <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PGSOFT/mahjong-ways2.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PGSOFT/mahjong-ways2.jpg?v=20240813" type="image/jpeg" /><img alt="PGSOFT_74" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/PGSOFT/mahjong-ways2.jpg?v=20240813" width="100" /></picture>
                                    <div class="game-name">Mahjong Ways 2</div>
                                </a>
                        </div>
                        <div class="games-group">
                            <a href="/mobile/login" class="game-item" data-game="Nexus Gates of Olympus™">
                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20nexusgates.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20nexusgates.jpg?v=20240813" type="image/jpeg" /><img alt="vs20nexusgates" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/PP/vs20nexusgates.jpg?v=20240813" width="100" /></picture>
                                <div class="game-name">Nexus Gates of Olympus™</div>
                            </a>
                                <a href="/mobile/login" class="game-item" data-game="Wild Bounty Showdown">
                                    <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PGSOFT/PGSOFT_135.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/PGSOFT/PGSOFT_135.jpg?v=20240813" type="image/jpeg" /><img alt="PGSOFT_135" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/PGSOFT/PGSOFT_135.jpg?v=20240813" width="100" /></picture>
                                    <div class="game-name">Wild Bounty Showdown</div>
                                </a>
                        </div>
                        <div class="games-group">
                            <a href="/mobile/login" class="game-item" data-game="Lucky Twins Nexus">
                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsNexus.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsNexus.jpg?v=20240813" type="image/jpeg" /><img alt="SMG_luckyTwinsNexus" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsNexus.jpg?v=20240813" width="100" /></picture>
                                <div class="game-name">Lucky Twins Nexus</div>
                            </a>
                                <a href="/mobile/login" class="game-item" data-game="Nexus Knockout Football Rush">
                                    <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/HABANERO/SGKnockoutFootballRushNexus.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/HABANERO/SGKnockoutFootballRushNexus.jpg?v=20240813" type="image/jpeg" /><img alt="SGKnockoutFootballRushNexus" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/HABANERO/SGKnockoutFootballRushNexus.jpg?v=20240813" width="100" /></picture>
                                    <div class="game-name">Nexus Knockout Football Rush</div>
                                </a>
                        </div>
                        <div class="games-group">
                            <a href="/mobile/login" class="game-item" data-game="The Crypt">
                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/NOLIMITCITY/thecrypt00000000.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/NOLIMITCITY/thecrypt00000000.jpg?v=20240813" type="image/jpeg" /><img alt="thecrypt00000000" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/NOLIMITCITY/thecrypt00000000.jpg?v=20240813" width="100" /></picture>
                                <div class="game-name">The Crypt</div>
                            </a>
                                <a href="/mobile/login" class="game-item" data-game="Lucky Twins Power Clusters">
                                    <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsPowerClusters.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsPowerClusters.jpg?v=20240813" type="image/jpeg" /><img alt="SMG_luckyTwinsPowerClusters" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/MICROGAMING/SMG_luckyTwinsPowerClusters.jpg?v=20240813" width="100" /></picture>
                                    <div class="game-name">Lucky Twins Power Clusters</div>
                                </a>
                        </div>
                        <div class="games-group">
                            <a href="/mobile/login" class="game-item" data-game="Mental">
                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/NOLIMITCITY/mental0000000000.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/NOLIMITCITY/mental0000000000.jpg?v=20240813" type="image/jpeg" /><img alt="mental0000000000" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/NOLIMITCITY/mental0000000000.jpg?v=20240813" width="100" /></picture>
                                <div class="game-name">Mental</div>
                            </a>
                                <a href="/mobile/login" class="game-item" data-game="Fortune Gems 2">
                                    <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/JILI/JILI_223.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/JILI/JILI_223.jpg?v=20240813" type="image/jpeg" /><img alt="JILI_223" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/JILI/JILI_223.jpg?v=20240813" width="100" /></picture>
                                    <div class="game-name">Fortune Gems 2</div>
                                </a>
                        </div>
                        <div class="games-group">
                            <a href="/mobile/login" class="game-item" data-game="Hot Hot Fruit">
                                <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/HABANERO/HB0160.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/HABANERO/HB0160.jpg?v=20240813" type="image/jpeg" /><img alt="SGHotHotFruit" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/HABANERO/HB0160.jpg?v=20240813" width="100" /></picture>
                                <div class="game-name">Hot Hot Fruit</div>
                            </a>
                                <a href="/mobile/login" class="game-item" data-game="Fortune Gems">
                                    <picture><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/JILI/JILI_109.webp?v=20240813" type="image/webp" /><source srcset="//d33egg70nrp50s.cloudfront.net/Images/providers/JILI/JILI_109.jpg?v=20240813" type="image/jpeg" /><img alt="JILI_109" height="100" loading="lazy" src="//d33egg70nrp50s.cloudfront.net/Images/providers/JILI/JILI_109.jpg?v=20240813" width="100" /></picture>
                                    <div class="game-name">Fortune Gems</div>
                                </a>
                        </div>
                </div>
                <i class="right-chevron right_trigger" style="--image-src: url(//d33egg70nrp50s.cloudfront.net/Images/icons/chevron-down.svg?v=0);"></i>
            </div>
        </div>
   </div>
 </div>
</div>