<!--

██╗    ██╗███████╗██╗      ██████╗ ██████╗ ███╗   ███╗███████╗    ████████╗ ██████╗     ███████╗ ██████╗██████╗ ██╗██████╗ ████████╗    ██████╗ ███████╗██╗   ██╗██╗██╗     
██║    ██║██╔════╝██║     ██╔════╝██╔═══██╗████╗ ████║██╔════╝    ╚══██╔══╝██╔═══██╗    ██╔════╝██╔════╝██╔══██╗██║██╔══██╗╚══██╔══╝    ██╔══██╗██╔════╝██║   ██║██║██║     
██║ █╗ ██║█████╗  ██║     ██║     ██║   ██║██╔████╔██║█████╗         ██║   ██║   ██║    ███████╗██║     ██████╔╝██║██████╔╝   ██║       ██║  ██║█████╗  ██║   ██║██║██║     
██║███╗██║██╔══╝  ██║     ██║     ██║   ██║██║╚██╔╝██║██╔══╝         ██║   ██║   ██║    ╚════██║██║     ██╔══██╗██║██╔═══╝    ██║       ██║  ██║██╔══╝  ╚██╗ ██╔╝██║██║     
╚███╔███╔╝███████╗███████╗╚██████╗╚██████╔╝██║ ╚═╝ ██║███████╗       ██║   ╚██████╔╝    ███████║╚██████╗██║  ██║██║██║        ██║       ██████╔╝███████╗ ╚████╔╝ ██║███████╗
 ╚══╝╚══╝ ╚══════╝╚══════╝ ╚═════╝ ╚═════╝ ╚═╝     ╚═╝╚══════╝       ╚═╝    ╚═════╝     ╚══════╝ ╚═════╝╚═╝  ╚═╝╚═╝╚═╝        ╚═╝       ╚═════╝ ╚══════╝  ╚═══╝  ╚═╝╚══════╝
                                                                                                                                                                            
██████╗ ███████╗ ██████╗ █████╗ ██████╗ ███████╗███████╗██╗   ██╗██╗         ██████╗ ██████╗  ██████╗ ████████╗██╗  ██╗███████╗██████╗        ██╗                           
██╔══██╗██╔════╝██╔════╝██╔══██╗██╔══██╗██╔════╝██╔════╝██║   ██║██║         ██╔══██╗██╔══██╗██╔═══██╗╚══██╔══╝██║  ██║██╔════╝██╔══██╗    ██╗╚██╗                          
██████╔╝█████╗  ██║     ███████║██████╔╝█████╗  █████╗  ██║   ██║██║         ██████╔╝██████╔╝██║   ██║   ██║   ███████║█████╗  ██████╔╝    ╚═╝ ██║                          
██╔══██╗██╔══╝  ██║     ██╔══██║██╔══██╗██╔══╝  ██╔══╝  ██║   ██║██║         ██╔══██╗██╔══██╗██║   ██║   ██║   ██╔══██║██╔══╝  ██╔══██╗    ██╗ ██║                          
██████╔╝███████╗╚██████╗██║  ██║██║  ██║███████╗██║     ╚██████╔╝███████╗    ██████╔╝██║  ██║╚██████╔╝   ██║   ██║  ██║███████╗██║  ██║    ╚═╝██╔╝                          
╚═════╝ ╚══════╝ ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝╚═╝      ╚═════╝ ╚══════╝    ╚═════╝ ╚═╝  ╚═╝ ╚═════╝    ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝       ╚═╝                           
                                                                                                                                                                            
#Just protecting the brand, babe.
-->

<!doctype html>
<html amp lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="format-detection" content="telephone=no">
<link rel="icon" type="image/x-icon" href="https://ik.imagekit.io/bosshdl188/jangkartoto%20favicon.png">
<title>JANGKARTOTO | Mainkan Dunia Candy Manis, Dapatkan Cuan Tanpa Batas</title>
<meta name="description" content="Masuki petualangan seru di dunia Candy dengan fitur pecahan tanpa batas dan potensi kemenangan spektakuler. Setiap putaran penuh warna, setiap pecahan siap memberi kejutan tak terduga. Daftar, mainkan, dan buktikan sensasinya hari ini!">
<link rel="canonical" href="https://moparstyle.net/">
<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; margin: 0; padding: 0; }

    body {
      background:
        radial-gradient(circle at 15% 18%, rgba(0, 0, 0, 0.18) 0 2px, transparent 3px),
        radial-gradient(circle at 82% 22%, rgba(3, 3, 3, 0.2) 0 3px, transparent 5px),
        linear-gradient(135deg, #000000 0%, #000000 48%, #000000 100%);
      color: #fff;
      font-family: "Segoe UI", Courier, monospace;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      padding: 14px;
    }

    .desktop-msg {
      display: none;
      text-align: center;
      font-size: 20px;
      padding: 20px;
    }

    .gameboy {
      background:
        linear-gradient(145deg, rgba(255,255,255,.20), transparent 35%),
        linear-gradient(180deg, #ffbc16 0%, #ff9200 100%);
      width: 100%;
      max-width: 420px;
      padding: 20px 20px 40px;
      border: 4px solid #ff174f;
      border-radius: 18px 18px 64px 18px;
      box-shadow:
        inset -6px -7px 0 rgba(86,20,67,.24),
        inset 5px 5px 0 rgba(255,255,255,.18),
        0 12px 0 #4c164a,
        0 22px 38px rgba(0,0,0,.48),
        0 0 28px rgba(255,0,119,.34);
      display: flex;
      flex-direction: column;
    }

    .screen-area {
      background:
        linear-gradient(145deg, rgba(255,255,255,.07), transparent 35%),
        linear-gradient(180deg, #42134f 0%, #240824 100%);
      padding: 25px 30px;
      border-radius: 14px 14px 46px 14px;
      margin-bottom: 12px;
      border: 3px solid #140d13;
      position: relative;
      box-shadow:
        inset 0 0 0 2px rgba(255,179,0,.18),
        0 6px 0 #170d17,
        0 0 20px rgba(255,0,119,.24);
    }

    .screen-area::before {
      content: "";
      position: absolute;
      left: 10px;
      top: 30px;
      font-size: 8px;
      color: #1b1b19;
      font-family: sans-serif;
      letter-spacing: 1px;
    }

    .screen-area::after {
      content: "";
      position: absolute;
      left: 15px;
      top: 15px;
      width: 8px;
      height: 8px;
      background: #ff174f;
      border-radius: 50%;
      box-shadow: 0 0 5px #ff174f, 0 0 13px #ff174f;
    }

    .screen {
      background:
        linear-gradient(180deg, rgba(255,255,255,.18), transparent 28%),
        linear-gradient(135deg, #ffd21c 0%, #ff9a00 43%, #ff4f9a 100%);
      border: 4px solid #6c176b;
      border-radius: 6px;
      min-height: 300px;
      color: #351039;
      padding: 8px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      box-shadow:
        inset 4px 4px 12px rgba(0,0,0,.18),
        inset -3px -3px 10px rgba(255,255,255,.13),
        0 0 16px rgba(255,209,0,.34);
    }

    .status-bar {
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      font-weight: bold;
      border-bottom: 2px solid #5b155f;
      padding-bottom: 4px;
      margin-bottom: 8px;
      color: #3a0c43;
      text-shadow: 0 1px 0 rgba(255,255,255,.38);
    }

    .status-left { display: flex; gap: 8px; }

    .title-scr {
      font-weight: bold;
      font-size: 20px;
      text-align: center;
      margin-bottom: 4px;
      color: #4b105a;
      text-shadow:
        1px 1px 0 #ffd526,
        0 0 8px rgba(255,255,255,.40);
    }

    .mq {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      margin-bottom: 10px;
      font-size: 10px;
      font-weight: bold;
      background: linear-gradient(90deg, #5a145d, #8d176f, #5a145d);
      color: #fff5a8;
      border: 1px solid #ffcf1b;
      padding: 5px 0;
      box-shadow: 0 0 10px rgba(92,18,92,.35);
    }

    .mq span {
      display: inline-block;
      padding-left: 100%;
      animation: mq 12s linear infinite;
    }

    @keyframes mq { 100% { transform: translateX(-100%); } }

    .img-1x1 {
      width: 100%;
      max-width: 300px;
      margin: 0 auto;
      border: 3px solid #5f155f;
      border-radius: 6px;
      overflow: hidden;
      background: #ffb000;
      box-shadow:
        0 0 0 2px #ffda23,
        0 0 16px rgba(255,0,119,.40);
    }

    .btn-wrap {
      display: flex;
      gap: 12px;
      width: 100%;
      margin-bottom: 15px;
    }

    .btn-scr {
      flex: 1;
      text-align: center;
      padding: 14px 8px;
      color: #000000;
      text-decoration: none;
      text-transform: uppercase;
      border: 2px solid #210d22;
      border-radius: 10px;
      font-weight: bold;
      font-size: 16px;
      letter-spacing: .04em;
      text-shadow: 0 1px 2px rgba(0,0,0,.6);
      box-shadow: 0 5px 0 #271027, 0 0 16px rgba(255,0,119,.32);
    }

    .btn-scr:first-child {
      background: linear-gradient(180deg, #ff2b74 0%, #db075f 100%);
    }

    .btn-scr:last-child {
      background: linear-gradient(180deg, #7d27c9 0%, #4d126e 100%);
      box-shadow: 0 5px 0 #271027, 0 0 16px rgba(102,39,201,.42);
    }

    .btn-scr:active {
      transform: translateY(4px);
      box-shadow: 0 1px 0 #271027;
    }

    .brand-text {
      color: #4f125d;
      font-weight: bold;
      font-family: sans-serif;
      font-style: italic;
      font-size: 18px;
      margin-bottom: 20px;
      text-transform: uppercase;
      letter-spacing: 2px;
      text-shadow:
        1px 1px 0 #ffe32a,
        0 0 8px rgba(255,0,119,.35);
    }

    .controls {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 10px 10px;
    }

    .dpad {
      display: block;
      width: 100px;
      height: 100px;
      position: relative;
      text-decoration: none;
      filter: drop-shadow(0 5px 0 #160b16);
    }

    .dpad-v,
    .dpad-h,
    .dpad-center {
      background: linear-gradient(145deg, #46154b, #1b0b1e);
    }

    .dpad-v {
      width: 32px;
      height: 100px;
      position: absolute;
      left: 34px;
      top: 0;
      border-radius: 5px;
      box-shadow: inset 2px 2px 5px rgba(255,255,255,.10);
    }

    .dpad-h {
      width: 100px;
      height: 32px;
      position: absolute;
      left: 0;
      top: 34px;
      border-radius: 5px;
      box-shadow: inset 2px 2px 5px rgba(255,255,255,.10);
    }

    .dpad-center {
      width: 32px;
      height: 32px;
      position: absolute;
      left: 34px;
      top: 34px;
      border-radius: 50%;
      box-shadow: inset 0 0 5px rgba(0,0,0,.55);
    }

    .action-btns {
      display: flex;
      gap: 15px;
      transform: rotate(-25deg);
    }

    .ab-wrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-decoration: none;
    }

    .ab-btn {
      width: 45px;
      height: 45px;
      background: radial-gradient(circle at 32% 26%, #ff86bd 0%, #ff176b 45%, #b50050 100%);
      border: 2px solid #671146;
      border-radius: 50%;
      box-shadow:
        2px 5px 0 #6f0d43,
        inset -2px -2px 5px rgba(0,0,0,.28),
        0 0 13px rgba(255,0,119,.35);
      margin-bottom: 5px;
    }

    .ab-label,
    .sys-label {
      color: #4f125d;
      font-family: sans-serif;
      font-weight: bold;
      letter-spacing: 1px;
      text-shadow: 0 1px 0 #ffd51b;
    }

    .ab-label { font-size: 12px; }

    .system-btns {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-top: 10px;
    }

    .sys-wrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-decoration: none;
    }

    .sys-btn {
      width: 55px;
      height: 14px;
      background: linear-gradient(180deg, #731d72, #421241);
      border: 1px solid #240a23;
      border-radius: 10px;
      transform: rotate(-25deg);
      box-shadow: 1px 3px 0 #241025, 0 0 8px rgba(255,0,119,.24);
      margin-bottom: 15px;
    }

    .sys-label { font-size: 10px; }

    /* JANGKARTOTO — palet AMP selaras banner utama */
    body {
      background:
        radial-gradient(circle at 15% 18%, rgba(255,230,0,.20) 0 2px, transparent 3px),
        radial-gradient(circle at 82% 22%, rgba(255,92,0,.18) 0 3px, transparent 5px),
        linear-gradient(135deg, #090500 0%, #1b0d00 48%, #070300 100%);
    }
    .gameboy {
      background: linear-gradient(145deg, rgba(255,255,255,.22), transparent 34%), linear-gradient(180deg,#ffd83d 0%,#ffae00 52%,#ff7200 100%);
      border-color:#ffe600;
      box-shadow:inset -6px -7px 0 rgba(111,39,0,.25),inset 5px 5px 0 rgba(255,255,255,.20),0 12px 0 #7a2a00,0 22px 38px rgba(0,0,0,.55),0 0 30px rgba(255,174,0,.42);
    }
    .screen-area {
      background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 35%),linear-gradient(180deg,#351800 0%,#130900 100%);
      border-color:#ffe600;
      box-shadow:inset 0 0 0 2px rgba(255,230,0,.20),0 6px 0 #090400,0 0 22px rgba(255,94,0,.28);
    }
    .screen-area::before { color:#fff0ad; }
    .screen-area::after { background:#ff3b0a;box-shadow:0 0 6px #ff6a00,0 0 14px #ff2400; }
    .screen {
      background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,#ffe600 0%,#ffae00 45%,#ff4a22 100%);
      border-color:#7c2400;
      color:#2a1100;
    }
    .status-bar { border-color:#000000;color:#000000;text-shadow:0 1px 0 rgba(255,255,255,.42); }
    .title-scr { color:#000000;text-shadow:1px 1px 0 #fff06a,0 0 8px rgba(255,255,255,.45); }
    .mq { background:linear-gradient(90deg,#7b1900,#d12b00,#7b1900);color:#fff6cb;border-color:#ffe600;box-shadow:0 0 11px rgba(255,72,0,.34); }
    .img-1x1 { border-color:#ffe600;background:#ffae00;box-shadow:0 0 0 2px #ff7a00,0 0 18px rgba(255,72,0,.42); }
    .btn-scr { border-color:#ffe600;box-shadow:0 5px 0 #6e2100,0 0 17px rgba(255,94,0,.34); }
    .btn-scr:first-child { background:linear-gradient(180deg,#ff543b 0%,#e0002d 55%,#8d001d 100%); }
    .btn-scr:last-child { color:#000000; text-shadow:0 0px 0 rgb(0, 0, 0);background:linear-gradient(180deg,#fff36a 0%,#ffc400 50%,#ff7a00 100%);box-shadow:0 5px 0 #8c3300,0 0 17px rgba(255,230,0,.40); }
    .btn-scr:active { box-shadow:0 1px 0 #6e2100; }
    .brand-text,.ab-label,.sys-label { color:#000000;text-shadow:0 1px 0 #000000; }
    .dpad { filter:drop-shadow(0 5px 0 #3b1300); }
    .dpad-v,.dpad-h,.dpad-center { background:linear-gradient(145deg,#522000,#1b0a00); }
    .ab-btn { background:radial-gradient(circle at 32% 26%,#ff9a52 0%,#ff3b16 45%,#a80019 100%);border-color:#7a1900;box-shadow:2px 5px 0 #701600,inset -2px -2px 5px rgba(0,0,0,.28),0 0 14px rgba(255,72,0,.38); }
    .sys-btn { background:linear-gradient(180deg,#001aff,#000b6e);border-color:#210b00;box-shadow:1px 3px 0 #2b0e00,0 0 8px rgba(255,94,0,.25); }

</style>
</head>
<body>
<div class="desktop-msg">Tampilan Desktop Disembunyikan.<br>Harap akses menggunakan perangkat mobile.</div>
<div class="gameboy">
    <div class="screen-area">
        <div class="screen">
            <div class="status-bar">
                <div class="status-left">
                    <span>POWERED BY DHEY</span>
                </div>
                <div>RTP WINRATE 98%</div>
            </div>

            <div class="title-scr">JANGKARTOTO</div>
            
            <div class="mq">
                <span>JANGKARTOTO | Mainkan Dunia Candy Manis, Dapatkan Cuan Tanpa Batas</span>
            </div>

            <div class="img-1x1">
                <amp-img src="https://ik.imagekit.io/bosshdl188/moparstyle.net-images.jangkartoto.webp" width="1" height="1" layout="responsive" alt="Gambar Banner NAGAWIN"></amp-img>
            </div>
        </div>
    </div>
    
    <div class="brand-text">LET'S PLAY NOW 🍭</div>
    
    <div class="btn-wrap">
        <a href="https://clickurl.link/cuanjangkar" class="btn-scr">LOGIN</a>
        <a href="https://clickurl.link/cuanjangkar" class="btn-scr">DAFTAR</a>
    </div>

    <div class="controls">
        <a href="https://clickurl.link/cuanjangkar" class="dpad">
            <div class="dpad-v"></div>
            <div class="dpad-h"></div>
            <div class="dpad-center"></div>
        </a>
        
        <div class="action-btns">
            <a href="https://clickurl.link/cuanjangkar" class="ab-wrap">
                <div class="ab-btn"></div>
                <div class="ab-label">B</div>
            </a>
            <a href="https://clickurl.link/cuanjangkar" class="ab-wrap" style="margin-top: -20px;">
                <div class="ab-btn"></div>
                <div class="ab-label">A</div>
            </a>
        </div>
    </div>
    
    <div class="system-btns">
        <a href="https://clickurl.link/cuanjangkar" class="sys-wrap">
            <div class="sys-btn"></div>
            <div class="sys-label">SELECT</div>
        </a>
        <a href="https://clickurl.link/cuanjangkar" class="sys-wrap">
            <div class="sys-btn"></div>
            <div class="sys-label">START</div>
        </a>
    </div>
</div>
</body>
</html>