<!doctype html>
<html ⚡ lang="id-ID">
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
	<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
	<meta name="google-site-verification" content="ECrnldK2n_huDooyxVx0yyxAvbAZsc_njBODuxgJl1g" />
	<meta name="google-site-verification" content="psqrXAuOgy26IcQZGmq69fuHsPdzuBjJoMgyjWO2wqw" />
	<meta name="google-site-verification" content="I8rwRoLKuhmwREMwft8RpFWlkPGmLp69MTZhbhN4u_k" />
	<meta name="google-site-verification" content="jstUlMfRR1coutfdEegdrnxiL5TKtG874utb1ow5HW4" />
	<meta name="google-site-verification" content="DAYz_0u9DezefzTgynctKHbqVFFrQO7st7b35of0D0o" />
    <title>HOKITOTO: SITUS SLOT88 HOKI TOTO &amp; AGEN TOGEL ONLINE TOTOHOKI</title>
    <meta name="description" content="Hokitoto merupakan situs slot 88 hoki toto dan agen togel online totohoki terbaik dan terpercaya di Indonesia yang banyak menyediakan permainan dengan minimal bet 100 perak rupiah.">
	<meta name="keywords" content="hokitoto, totohoki, togelhoki, hoki toto, toto hoki, togel hoki"/>
	<link rel="canonical" href="https://lecs-center.org/">
    <meta name="geo.placename" content="Indonesia" />
    <meta name="geo.region" content="ID" />
    <meta name="geo.country" content="ID" />
    <meta name="language" content="id-ID" />
    <meta name="tgn.nation" content="Indonesia" />
	<meta property="og:type" content="website" />
	<meta property="og:locale" content="id_ID" />
	<meta property="og:title" content="HOKITOTO: SITUS SLOT88 HOKI TOTO &amp; AGEN TOGEL ONLINE TOTOHOKI" />
	<meta property="og:description" content="Hokitoto merupakan situs slot 88 hoki toto dan agen togel online totohoki terbaik dan terpercaya di Indonesia yang banyak menyediakan permainan dengan minimal bet 100 perak rupiah." />
	<meta property="og:url" content="https://lecs-center.org/" />
	<meta property="og:site_name" content="HOKITOTO" />
	<meta property="og:image" content="https://lecs-center.org/images/baner.png" />
    <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>
    *{
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    ::-webkit-scrollbar {width: 10px;}
    ::-webkit-scrollbar-track {background: #f1f1f1;}
    ::-webkit-scrollbar-thumb {background: #888;}
    ::-webkit-scrollbar-thumb:hover {background: #555;}
    ::-webkit-scrollbar {display: none;}

    @font-face {
        font-family: Roboto;
        src: url(font/RobotoCondensed-Regular.ttf);
    }

    body{
        width: 100%;
        height: 100vh;
        color: white;
        font-family: "Arimo",sans-serif;
        background-image: url("images/bg.jpg");
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        user-select: none;
    }

    h1,h2,h3,h4,h5,h6{
        font-family: 'Roboto condensed',sans-serif;
        text-align: center;
    }
    
    .maincontainer{
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.3);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .logo{
        padding: 10px;
        width: 14%;
        box-shadow: 0px 0px 1px 1px #ffc107 , 0px 0px 10px 1px #ffc107 , 0px 0px 50px 1px #ffeb3b;
        border: 2px solid #ffc107;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-bottom: 20px;
    }

    .logo a{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .logo img{
        width: 100%;
    }

    .container{
        width: 60%;
        height: 50%;
        background-color: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(5px);
        border: 2px solid #ffc107;
        border-radius: 10px;
        box-shadow: 0px 0px 1px 1px #ffc107 , 0px 0px 10px 1px #ffc107 , 0px 0px 50px 1px #ffeb3b;
        padding: 10px 5px;
        padding-left: 0px;
        display: flex;
    }

    .left{
        width: 20px;
        height: 100%;
        background-color: #ffc107;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .box1 , .box2{
        width: 100%;
        height: 100%;
        /* border: 1px solid white; */
        padding: 0 10px;
        text-align: center;
    }

    .box1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border-right: 1px solid #ffeb3b;
    }

    .box1 h2{
        font-size: 22px;
    }

    .box1 img{
        width: 90%;
    }

    .btn{
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    .btn a {
        text-decoration: none;
    }
    .button-animation1 , .button-animation2 {
        position: relative;
        display: inline-block;
        padding: 20px 30px;
        text-transform: uppercase;
        overflow: hidden;
        letter-spacing: 4px;
        font-weight: bold;
        transition: 0.5s;
        width: 45%;
        background-color: black;
    }
    .button-animation1 span , .button-animation2 span{
        position: absolute;
        display: block;
    }
    .button-animation1 span:nth-child(1) , .button-animation2 span:nth-child(1) {
        top: 0;
        left: -100%;
        width: 100%;
        height: 2px;
        animation: btn-anim1 1s linear infinite;
    }
    .button-animation1 span:nth-child(2) , .button-animation2 span:nth-child(2) {
        top: -100%;
        right: 0;
        width: 2px;
        height: 100%;
        animation: btn-anim2 1s linear infinite;
        animation-delay: 0.25s;
    }
    .button-animation1 span:nth-child(3) , .button-animation2 span:nth-child(3) {
        bottom: 0;
        right: -100%;
        width: 100%;
        height: 2px;
        animation: btn-anim3 1s linear infinite;
        animation-delay: 0.5s;
    }
    .button-animation1 span:nth-child(4) , .button-animation2 span:nth-child(4) {
        bottom: -100%;
        left: 0;
        width: 2px;
        height: 100%;
        animation: btn-anim4 1s linear infinite;
        animation-delay: 0.75s;
    }
    .button-animation1 {
        color: #ffff;
    }
    .button-animation1 span:nth-child(1){
        background: linear-gradient(90deg, transparent, #ff9800);
    }
    .button-animation1 span:nth-child(2){
        background: linear-gradient(180deg, transparent, #ff9800);
    }
    .button-animation1 span:nth-child(3){
        background: linear-gradient(270deg, transparent, #ff9800);
    }
    .button-animation1 span:nth-child(4){
        background: linear-gradient(360deg, transparent, #ff9800);
    }
    .button-animation2 {
        color: #fff;
    }
    .button-animation2 span:nth-child(1){
        background: linear-gradient(90deg, transparent, #f00);
    }
    .button-animation2 span:nth-child(2){
        background: linear-gradient(180deg, transparent, #f00);
    }
    .button-animation2 span:nth-child(3){
        background: linear-gradient(270deg, transparent, #f00);
    }
    .button-animation2 span:nth-child(4){
        background: linear-gradient(360deg, transparent, #f00);
    }
    @keyframes btn-anim1 {
        0% {
            left: -100%;
        }
        50%, 100% {
            left: 100%;
        }
    }
    @keyframes btn-anim2 {
        0% {
            top: -100%;
        }
        50%, 100% {
            top: 100%;
        }
    }
    @keyframes btn-anim3 {
        0% {
            right: -100%;
        }
        50%, 100% {
            right: 100%;
        }
    }
    @keyframes btn-anim4 {
        0% {
            bottom: -100%;
        }
        50%, 100% {
            bottom: 100%;
        }
    }
    .button-animation1:hover {
        background-color: #ff9800;
        color: #000;
        border-radius: 5px;
        box-shadow: 0 0 5px #ff9800, 0 0 25px #ff9800, 0 0 50px #ff9800,0 0 100px #ff9800;
    }
    .button-animation2:hover{
        background-color: #f00;
        color: #000;
        border-radius: 5px;
        box-shadow: 0 0 5px #f00, 0 0 25px #f00, 0 0 50px #f00,0 0 100px #f00;
    }
    
    .box2{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .listgame{
        display: flex;
        justify-content: space-between;
    }

    .listgame img{
        width: 80px;
    }


    .table{
        width: 100%;
    }

    .table table{
        width: 100%;
        margin: auto;
        table-layout: fixed;
        text-align: left;
    }
    
    .table table,tr,td{
        border: 1px solid #ffeb3b;
        border-collapse: collapse;
    }

    .table tr:nth-child(1){
        text-align: center;
        background: linear-gradient(to bottom ,#ffc107, #ff9800);
        color: black;
    }

    .table td{
        padding: 10px;
    }

    .card{
        margin-top: 20px;
        width: 50%;
        display: flex;
        justify-content: space-between;
    }

    .card a{
        display: flex;
        text-decoration: none;
        width: 40%;
        transition: 0.3s;
        color: white;
    }

    .livechat , .telegram{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 0px 1px 1px #ff9800 , 0px 0px 10px 1px #ff9800 , 0px 0px 50px 1px #ff9800;
        border: 2px solid #13013f;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 10px;
        letter-spacing: 2px;
        transition: 0.3s;
    }

    .livechat img , .telegram img{
        width: 30px;
        margin-left: 20px;
    }

    .card a:hover {
        box-shadow: 0px 0px 1px 1px #ffc107 , 0px 0px 30px 1px #ffc107 , 0px 0px 50px 1px #ffeb3b;
    }

    .card a:hover .telegram , .card a:hover .livechat{
        border-radius: 0px;
    }

    .copy{
        font-size: 14px;
    }

    @media screen and (max-width:960px) {
        body{
            width: 100%;
            height: 100vh;
            color: white;
        }

        .maincontainer{
            width: 100%;
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            overflow-y: scroll;
        }

        .logo{
            padding: 10px;
            width: 100%;
            border: 1px solid #ffc107;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            margin-bottom: 10px;
        }

        .logo a{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .logo img{
            width: 100%;
            max-width: 200px;
        }

        .container{
            width: 100%;
            height: unset;
            border: 1px solid #ffc107; 
            border-radius: 10px;
            padding: 10px;
            display: flex;
            flex-direction: column;
        }

        .left{
            display: none;
        }

        .box1 , .box2{
            width: 100%;
            height: none;
            padding: 0px;
            text-align: center;
        }

        .box1 {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            border-right: none;
        }

        .box1 h2{
            font-size: 18px;
        }

        .box1 img{
            width: 100%;
        }

        .btn a{
            width: 48%;
        }

        .button-animation1 , .button-animation2 {
            padding: 20px;
        }
        
        .box2{
            margin-top: 10px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            font-size: 14px;
        }

        .copy{
            font-size: 10px;
        }

        .listgame{
            display: flex;
            justify-content: center;
        }

        .listgame img{
            min-width: 50px;
            max-width: 100px;
        }

        .card{
            margin-top: 10px;
            width: 100%;
            display: flex;
            justify-content: space-between;
            position: sticky;
            bottom: 0;
            background-color: #ffa726;
        }

        .card a{
            display: flex;
            text-decoration: none;
            width: 100%;
            transition: 0.3s;
            font-size: 12px;
            color: white;
        }

        .livechat , .telegram{
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #ffc107;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            padding: 5px;
            letter-spacing: 1px;
        }

        .livechat img , .telegram img{
            width: 25px;
            margin-left: 10px;
        }
    }
    
</style>
    <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
</head>

<body>
    <amp-analytics type="googleanalytics" config="https://amp.analytics-debugger.com/ga4.json" data-credentials="include">
        <script type="application/json">
        {
            "vars": {
                "GA4_MEASUREMENT_ID": "G-WP05TSB8L4",
                "GA4_ENDPOINT_HOSTNAME": "www.google-analytics.com",
                "DEFAULT_PAGEVIEW_ENABLED": true,
                "GOOGLE_CONSENT_ENABLED": false,
                "WEBVITALS_TRACKING": false,
                "PERFORMANCE_TIMING_TRACKING": false,
                "SEND_DOUBLECLICK_BEACON": false
            }
        }
        </script>
    </amp-analytics>

    <div class="maincontainer">
        <div class="logo">
            <a href="https://t2m.io/hokitoto/" target="_blank"><img src="images/logo.png" alt="logoweb"></a>
        </div>

        <div class="container">
            <div class="left"></div>

            <div class="box1">
                <h2>HOKITOTO: SITUS SLOT88 HOKI TOTO &amp; AGEN TOGEL ONLINE TOTOHOKI</h2>
                <br>
                <img src="images/baner.png" alt="banner">
                <br>
                <div class="btn">
                    <a class="button-animation1" href="https://t2m.io/hokitoto/" target="_blank">
                        LOGIN
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                    <a class="button-animation2" href="https://t2m.io/hokitoto/" target="_blank">
                        DAFTAR
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                </div>

            </div>

            <div class="box2">
                <div class="listgame">
                    <img src="images/game1.jpg" alt="game1">
                    <img src="images/game2.jpg" alt="game2">
                    <img src="images/game3.jpg" alt="game3">
                    <img src="images/game4.jpg" alt="game4">
                    <img src="images/game5.jpg" alt="game5">
                </div>

                <br>

                <div class="table">
                    <table>
                        <tr>
                            <td colspan="2">INFORMASI HOKITOTO BANDAR TOGEL ONLINE & SLOT GACOR</td>
                        </tr>
                        <tr>
                            <td>NAMA SITUS</td>
                            <td>HOKITOTO</td>
                        </tr>
                        <tr>
                            <td>GAME</td>
                            <td>TOGEL ONLINE, SLOT ONLINE, CASINO ONLINE</td>
                        </tr>
                        <tr>
                            <td>METODE TRANSAKSI</td>
                            <td>BANK TRANSAKSI, E-WALLET</td>
                        </tr>
                        <tr>
                            <td>MIN DEPO</td>
                            <td>10.000,-</td>
                        </tr>
                        <tr>
                            <td>MIN WD</td>
                            <td>50,000,-</td>
                        </tr>
                        <tr>
                            <td>PELUANG KEMENANGAN</td>
                            <td>98%</td>
                        </tr>
                    </table>
                </div>

                <br>

                <p class="copy">Copyright © HOKITOTO 2025. All Rights Reserved | 18+</p>
            </div>
        </div>

        <div class="card">
            <a href="https://tawk.to/chat/678907043a842732607031ec/1ihnk6qob" target="_blank">
                <div class="livechat">
                    <span>LIVECHAT</span>
                    <img src="images/livechat.png" alt="livechat">
                </div>
            </a>
            <a href="https://t.ly/wa-hokitoto" target="_blank">
                <div class="telegram">
                    <span>WHATSAPP</span>
                    <img src="images/whatsapp.png" alt="telegram">
                </div>
            </a>
        </div>

    </div>
</body>

</html>