It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://lifebusinessfitness.com

  1. <!DOCTYPE html>
  2. <html amp lang="en">
  3.    <head>
  4.  
  5.    <meta charset="utf-8">
  6.    <script async src="https://cdn.ampproject.org/v0.js"></script>
  7.    <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
  8.    <script async custom-element="amp-animation" src="https://cdn.ampproject.org/v0/amp-animation-0.1.js"></script>
  9.    <script async custom-element="amp-position-observer" src="https://cdn.ampproject.org/v0/amp-position-observer-0.1.js"></script>
  10.    
  11.    
  12.    <link rel="icon" type="image/png" href="https://cawan4d.imghantam.com/assets/favicon.webp">
  13.    <title>CAWAN4D Login Link Games Hiburan Terbaik Indonesia</title>
  14.    
  15.    
  16.        <meta name="viewport" content="width=device-width, initial-scale=0.33">
  17.        
  18.    <link rel="canonical" href="https://www.contapasyaloloco.com/">
  19.    <link href="https://fonts.googleapis.com/css2?family=Abel&family=Oswald&family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet">
  20.    <!-- Load Ubuntu font -->
  21.    <link href="https://fonts.googleapis.com/css2?family=Abel&family=Oswald&family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet">
  22.    <style amp-boilerplate>
  23.      body {
  24.        -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
  25.        -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
  26.        -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
  27.        animation: -amp-start 8s steps(1, end) 0s 1 normal both;
  28.      }
  29.      @-webkit-keyframes -amp-start {
  30.        from {
  31.          visibility: hidden;
  32.        }
  33.        to {
  34.          visibility: visible;
  35.        }
  36.      }
  37.      @-moz-keyframes -amp-start {
  38.        from {
  39.          visibility: hidden;
  40.        }
  41.        to {
  42.          visibility: visible;
  43.        }
  44.      }
  45.      @-ms-keyframes -amp-start {
  46.        from {
  47.          visibility: hidden;
  48.        }
  49.        to {
  50.          visibility: visible;
  51.        }
  52.      }
  53.      @-o-keyframes -amp-start {
  54.        from {
  55.          visibility: hidden;
  56.        }
  57.        to {
  58.          visibility: visible;
  59.        }
  60.      }
  61.      @keyframes -amp-start {
  62.        from {
  63.          visibility: hidden;
  64.        }
  65.        to {
  66.          visibility: visible;
  67.        }
  68.      }
  69.    </style>
  70.    <noscript>
  71.      <style amp-boilerplate>
  72.        body {
  73.          -webkit-animation: none;
  74.          -moz-animation: none;
  75.          -ms-animation: none;
  76.          animation: none;
  77.        }
  78.      </style>
  79.    </noscript>
  80.    
  81.    
  82.  
  83.  
  84.        <style amp-custom>
  85.    
  86.  
  87.        :root {
  88.    --text-color: #333;
  89.    --primary-text-color: #000000;
  90.    --reverse-text-color: #ffffff;
  91.    --primary-color: #f9bb08;
  92.    --primary-background: #f2f2f2;
  93.    --line-color: #f9bb08;
  94.    --marquee-color: #FFFFFF;
  95.    --marquee-background: #f9bb08;
  96.    
  97.    --result-background: #e8e8e8;
  98.    --result-keluaran-color: #fab907;
  99.    --result-pasaran-color: #fab907;
  100.    --result-tanggal-color: #FFFFFF;
  101.    --result-tanggal-background: linear-gradient(0deg, rgba(0,85,189,1) 0%, rgba(0,93,244,1) 100%);
  102.    --result-border: 3px solid #bdbdbd;
  103.    
  104.    --secondary-background: #DDDDDD;
  105.    --hover-background: rgba(12, 61, 184, .9);
  106.    --content-box-background: rgba(221, 221, 221, .5);
  107.    --menu-item-color: var(--text-color);
  108. }:root {
  109.    --text-size-default: .875rem;
  110.    --button-masuk-color: linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49);
  111.    --button-daftar-color: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db);
  112.    --menu-background: #0f212e;
  113.    --header-background: var(--primary-background);
  114.    --content-background:  var(--primary-background);
  115.    --togel-background: var(--primary-background);
  116.    --provider-background: var(--secondary-background);
  117.    --transaksi-background: var(--secondary-background);
  118.    --bantuan-background: var(--secondary-background);
  119.    --guidelines-background: var(--secondary-background);
  120.    --footer-background: var(--secondary-background);
  121.    --button-promosi-color: linear-gradient(60deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
  122.    --content-body-background: linear-gradient(0deg, var(--togel-background) 0%, var(--marquee-background) 100%);
  123.    --mobile-padding-horizontal: 32px;
  124. }:root {
  125.    --secondary-background: #DDDDDD;
  126.    --primary-theme-color: white;
  127.    --reverse-theme-color: black;
  128.    --highlight-text-color: #996515;
  129.    --page-link-background: #FFFFFF;
  130.    --page-link-color: var(--primary-text-color);
  131.    --page-link-border: 1px solid #bdbdbd;
  132.    --page-item-active-color: var(--reverse-text-color);
  133.    --page-item-active-background: var(--primary-color);
  134.    --page-item-active-border: 1px solid var(--primary-color);
  135.    --devider-color: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(136,136,136,1) 25%, rgba(136,136,136,1) 100%);
  136.    --prepend-background: #eeeeee;
  137.    --prepend-color: #333;
  138.    --prepend-border: 1px;
  139.    --content-box-background: #eaebef;
  140.    --informasi-menu-background: #eee;
  141.    --informasi-content-background: #fff;
  142. }
  143.                
  144.  
  145.  
  146.            * {
  147.                margin: 0px;
  148.                padding: 0px;
  149.                box-sizing: border-box;
  150.            }
  151.            
  152.            html, body {
  153.                font-family: 'Ubuntu', sans-serif;
  154.                color: var(--text-color);
  155.                font-size: var(--text-size-default);
  156.                background: white;
  157.            
  158.            }
  159.            
  160.            input {
  161.                font-family: 'Ubuntu';
  162.            }  
  163.            
  164.            body {
  165.                display: grid;
  166.                place-items: center;
  167.            }
  168.            
  169.            .body-wrapper {
  170.                max-width: 576px;
  171.                overflow: hidden;
  172.            }
  173.            
  174.            #kontak-title{
  175.             width:189px;
  176.             /*margin-top:-7px;*/
  177.             margin-bottom: 10px;
  178.             border-radius:0px 4px 0px 0px;
  179.             padding-top:22px;
  180.             text-align:center;
  181.             height:50px;
  182.             height: 83px;
  183.             line-height: 18px;
  184.             background: #000;
  185.            }
  186.            #kontak-content{
  187.             width: 190px;
  188.             padding:5px 10px 8px 10px;
  189.             font-size: 15px;
  190.                background-color:#FFF;
  191.                color: #000;
  192.            }
  193.            
  194.            .abel {
  195.                font-family: 'Abel', sans-serif;
  196.            }
  197.            
  198.            .btn-black{
  199.             font-size: .8rem;
  200.             width:100%;
  201.             cursor:pointer;
  202.             font-weight: bold;
  203.             padding: 10px 8px;
  204.             color: var(--text-color);
  205.            }
  206.            
  207.            .btn-black:hover {
  208.                color: var(--reverse-text-color);
  209.                background:  var(--primary-color);
  210.            }
  211.            
  212.            .menuleft {
  213.             margin: 0px auto 0px;
  214.             display: flex;
  215.             flex-direction: column;
  216.            }
  217.            
  218.            .menuleft > ul{
  219.             padding: 0px;
  220.             margin: 0px;
  221.             list-style: none;
  222.            }
  223.            
  224.            
  225.            #informasi-menu{
  226.             margin:150px auto 0px;
  227.             width:714px;
  228.             padding: 0px 0px 0px 0px;
  229.             box-shadow:rgba(0,0,0,.3) 0px 5px 10px 10px;
  230.             border:1px solid #333;
  231.             border-radius: 10px;
  232.             background: var(--informasi-menu-background);
  233.            }
  234.            
  235.            #informasi-content {
  236.                border-radius: 0px 9px 9px 0px;
  237.                padding-left: 20px;
  238.                width: 563px;
  239.                background-color: var(--informasi-content-background);
  240.            }
  241.            
  242.            
  243.            #informasi-content-title {
  244.                width: 240px;
  245.                font-size: 1.2rem;
  246.                font-weight: bold;
  247.                padding-bottom: 12px;
  248.                margin-top: 20px;
  249.                border-bottom: 3px var(--primary-color) solid;
  250.                color: var(--text-primary-color);
  251.            }
  252.            
  253.            #informasi-content-info {
  254.                margin-top: 12px;
  255.                font-weight: 300;
  256.                color: var(--text-primary-color);
  257.            }
  258.            
  259.            
  260.            .closebox {
  261.                position: absolute;
  262.                top: -10px;
  263.                right: 5px;
  264.                font-size: 35px;
  265.                cursor: pointer;
  266.            }
  267.            
  268.            #informasi-logo {
  269.                padding: 24px 0;
  270.                width: 100%;
  271.                display: grid;
  272.                place-items: center;
  273.                
  274.            }
  275.            
  276.            .running-text {
  277.                animation: scroll 10s linear infinite;
  278.            }
  279.            
  280.            @keyframes scroll{
  281.              0% {
  282.               left: 100%;
  283.              }
  284.              100% {
  285.                left: -800px;
  286.              }
  287.            }
  288.            
  289.            table {
  290.                color: var(--text-primary-color);
  291.            }
  292.            
  293.            tr:nth-child(odd) {
  294.                background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%);
  295.            }
  296.            
  297.            tbody, td, tfoot, th, thead, tr {
  298.                border: none;
  299.            }
  300.            
  301.            .table-striped>tbody>tr:nth-of-type(odd)>* {
  302.                color: var(--text-primary-color);
  303.            }
  304.            
  305.            .wrapper {
  306.                display: grid;
  307.                grid-template-columns: 1fr;
  308.                grid-template-areas:
  309.                "header"
  310.                "devider"
  311.                "marquee"
  312.                "contentdata"
  313.                "togel-desktop"
  314.                "provider"
  315.                "transaksi"
  316.                "guidelines"
  317.                "bantuan"
  318.                "footer"
  319.            }
  320.            
  321.            
  322.            a {
  323.                color: inherit; /* blue colors for links too */
  324.                text-decoration: inherit; /* no underline */
  325.            }
  326.            
  327.            ul {
  328.                padding: 0;
  329.            }
  330.            
  331.            .wrapper>*>* {
  332.                margin: auto;
  333.                width: 1000px;
  334.            }
  335.            
  336.            .center {
  337.                display: grid;
  338.                place-items: center;
  339.            }
  340.            
  341.            .btn {
  342.                height: 30px;
  343.                border-radius: 3px;
  344.            }
  345.            
  346.            .btn-masuk {
  347.                background: var(--button-masuk-color);
  348.                color: white;
  349.            }
  350.            
  351.            .btn-daftar {
  352.                background: var(--button-daftar-color);
  353.                color: white;
  354.            }
  355.            
  356.            .desktop-only {
  357.                display: block;
  358.            }
  359.            
  360.            
  361.            @keyframes gradient {
  362.                0% {
  363.                    background-position: 0% 50%;
  364.                }
  365.                50% {
  366.                    background-position: 100% 50%;
  367.                }
  368.                100% {
  369.                    background-position: 0% 50%;
  370.                }
  371.            }
  372.            
  373.            
  374.            .header {
  375.                background: var(--header-background);
  376.                grid-area: header;
  377.                height: 102px;
  378.            }
  379.            
  380.            .header-content {
  381.                height: 100%;
  382.                display: grid;
  383.                grid-template-columns: 1fr 1fr auto;
  384.            
  385.                grid-template-areas:
  386.                "logo login login"
  387.                "logo menu promosi"
  388.            }
  389.            
  390.            .logo {
  391.                grid-area: logo;
  392.                display: flex;
  393.                align-items: center;
  394.            }
  395.            
  396.            /* Desktop */
  397.            .logoimg {
  398.                height: 64px;
  399.                width: 230px;
  400.                object-fit: contain;
  401.                object-position: left;
  402.            }
  403.            
  404.            .login {
  405.                grid-area: login;
  406.                display: flex;
  407.                justify-content: end;
  408.                align-items: end;
  409.                
  410.            }
  411.            
  412.            .login-form {
  413.                
  414.                display: flex;
  415.                align-items: center;
  416.                justify-content: end;
  417.                gap: 4px;
  418.            }
  419.            
  420.            .login-field {
  421.                width: 104px;
  422.                height: 30px;
  423.                border-radius: 3px;
  424.            }
  425.            
  426.            .login-input-field {
  427.                margin: 0px;
  428.                padding: 0px 8px;
  429.                border-radius: 3px;
  430.            }
  431.            
  432.            
  433.            .promosi {
  434.                grid-area: promosi;
  435.                display: flex;
  436.                align-items: center;
  437.            }
  438.            
  439.            .menu {
  440.                grid-area: menu;
  441.                display: flex;
  442.                align-items: center;
  443.                justify-content: flex-end;
  444.                gap: 12px;
  445.                font-size: 1.1rem;
  446.            }
  447.            
  448.            .menu-item>label:hover, .bantuan-item:hover {
  449.                color: var(--primary-color);
  450.                cursor: pointer;
  451.            }
  452.            
  453.            .menu-item>label {
  454.                white-space: nowrap;
  455.                color: var(--menu-item-color);
  456.            }
  457.            
  458.            
  459.            .devider {
  460.                grid-area: devider;
  461.                height: 3px;
  462.                width: 100%;
  463.                margin: 8px 0;
  464.            }
  465.            
  466.            .marquee {
  467.                height: 30px;
  468.                color: var(--marquee-color);
  469.                background: var(--marquee-background);
  470.                grid-area: marquee;
  471.                display: flex;
  472.                font-size: .8rem;
  473.                width: 100%;
  474.                border-top: 2px solid var(--line-color);
  475.            }
  476.            
  477.            .marquee-content {
  478.                display: flex;
  479.                white-space: nowrap;
  480.                padding: 0px 16px; align-items: center; width: 100%;
  481.                margin-bottom: 2px;
  482.            }
  483.            
  484.            
  485.            .contentdata {
  486.                grid-area: contentdata;
  487.                background: var(--primary-background);
  488.            }
  489.            
  490.            .contentdata>* {
  491.                width: 100%;
  492.            }
  493.            
  494.            .content-body {
  495.                overflow: hidden;
  496.            }
  497.            
  498.            .banner {
  499.                aspect-ratio: 1920 / 380;
  500.                background: var(--banner-background);
  501.            }
  502.            
  503.            
  504.            .my-navbar {
  505.                height: 52px;
  506.                padding: 0px;
  507.                width: 100%;
  508.                background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
  509.                position: fixed;
  510.                bottom: 0;
  511.                color: white;
  512.                z-index: 1100;
  513.                display: flex;
  514.                box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
  515.            }
  516.            
  517.            .navbar-item {
  518.                height: 100%;
  519.                width: 100%;
  520.                display: flex;
  521.                flex-direction: column;
  522.                align-items: center;
  523.                justify-content: center;
  524.            }
  525.            
  526.            .navbar-item-content {
  527.                display: flex;
  528.                flex-direction: column;
  529.                justify-content: center;
  530.                align-items: center;
  531.                position: absolute;
  532.                top: -16px
  533.            }
  534.            
  535.            .navbar-item-content>i {
  536.                 font-size: 20px;
  537.                 line-height: 22px;
  538.                 color: white;
  539.                 padding-bottom: 4px;
  540.            }
  541.            
  542.            .navbar-item-content>img {
  543.                 height: 36px;
  544.                 width: 36px;
  545.            }
  546.            
  547.            .navbar-item-content>label {
  548.                white-space: nowrap;
  549.                margin-top: 4px;
  550.                font-weight: bold;
  551.                font-size: var(--text-size-default);
  552.                color: white
  553.            }
  554.            
  555.            
  556.            
  557.            .provider {
  558.                background: var(--provider-background);
  559.                grid-area: provider
  560.            }
  561.            
  562.            .provider-group {
  563.            
  564.                display: flex;
  565.                flex-direction: column;
  566.                justify-content: center;
  567.                align-items: center;
  568.                padding: 24px 0;
  569.            
  570.            
  571.                /* "p-5 w-100 d-flex flex-column justify-content-center align-items-center" */
  572.            }
  573.            
  574.            .transaksi {
  575.                background: var(--transaksi-background);
  576.                grid-area: transaksi;
  577.                padding-bottom: 16px;
  578.                
  579.                display: flex;
  580.                justify-content: space-between;
  581.            }
  582.            
  583.            .transaksi-title {
  584.                grid-area: transaksi-title;
  585.                margin-bottom: 8px;
  586.            }
  587.            
  588.            .transaksi-title-group {
  589.                display: flex;
  590.                align-items: end;
  591.                gap: 4px;
  592.            }
  593.            
  594.            .transaksi-kontak {
  595.                display: flex;
  596.            }
  597.            
  598.            .other {
  599.                grid-area: other;
  600.                display: flex;
  601.                flex-direction: column;
  602.                justify-content: end;
  603.                align-self: start;
  604.            }
  605.            
  606.            .other-group {
  607.                display: flex;
  608.                flex-direction: column;
  609.                gap: 8px;
  610.            }
  611.            
  612.            .other-group>div {
  613.                height: 32;
  614.                display: flex;
  615.                justify-content: end;
  616.            }
  617.            
  618.            .guidelines {
  619.                grid-area: guidelines;
  620.                background: var(--guidelines-background);
  621.            }
  622.            
  623.            .guidelines-content {
  624.                padding-top: 48px;
  625.                padding-bottom: 24px
  626.            }
  627.            
  628.            
  629.            .bantuan {
  630.                padding: 16px;
  631.                background: var(--bantuan-background);
  632.                grid-area: bantuan;
  633.            }
  634.            
  635.            .bantuan-content {
  636.                display: flex;
  637.                list-style-type: none;
  638.            }
  639.            
  640.            
  641.            .bantuan-devider {
  642.                padding: 0 16px;
  643.            }
  644.            
  645.            .footer {
  646.                font-size: .9rem;
  647.                background: var(--footer-background);
  648.                grid-area: footer;
  649.                padding: 16px 0;
  650.                border-top: 2px solid #bdbdbd;
  651.            }
  652.            
  653.            .copyright {
  654.                display: flex;
  655.                gap: 4px;
  656.            }
  657.            
  658.            .footer-group {
  659.                display: flex;
  660.                align-items: center;
  661.                gap: 32px;
  662.            }
  663.            
  664.            .prepend {
  665.                display: grid;
  666.                place-items: center;
  667.                background: var(--prepend-background);
  668.                width: 40px;
  669.                border: var(--prepend-border) solid var(--bs-border-color);
  670.              
  671.            }
  672.            
  673.            .prepend-icon {
  674.                font-size: 18px;
  675.                color: var(--prepend-color);
  676.            }
  677.            
  678.            .content-area {
  679.                width: 1000px;
  680.                margin: auto;
  681.                padding: 8px 0;
  682.            }
  683.            
  684.            .content-main {
  685.                width: 1000px;
  686.                margin: auto;
  687.            }
  688.            
  689.            .content-box {
  690.                width: 100%;
  691.                padding: 12px;
  692.                background: var(--content-box-background);
  693.                border-radius: 8px
  694.            }
  695.            
  696.            .devider {
  697.                background: var(--devider-color);
  698.            }
  699.            
  700.            .fitur-header {
  701.                font-size: 1.2rem;
  702.                font-weight: bold;
  703.                line-height: 1rem
  704.            }
  705.            
  706.            .panel-body, .card-body {
  707.                font-size: 1.1rem;
  708.            }
  709.            
  710.            .contentbox {
  711.                font-size: 1rem;
  712.            }
  713.            
  714.            
  715.    .transaksi-group {
  716.        display: grid;
  717.        grid-template-columns: 380px 1fr;
  718.        justify-content: space-between;
  719.        grid-template-areas:
  720.        "transaksi-bank transaksi-other";
  721.    }
  722.    
  723.    .transaksi-bank {
  724.        grid-area: transaksi-bank;
  725.        display: grid;
  726.        place-items: center
  727.    }
  728.    
  729.    .transaksi-other {
  730.        grid-area: transaksi-other;
  731.        display: flex;
  732.        justify-content: space-evenly;
  733.        width: 100%;
  734.    }
  735.    
  736.    .transaksi-list-bank {
  737.        height: fit-content;
  738.        display: grid;
  739.        grid-template-columns: repeat(4, 92px);
  740.        grid-template-rows: repeat(4, auto);
  741.        gap: 4px;
  742.    }
  743.    
  744.    .transaksi-list-other {
  745.        height: fit-content;
  746.        display: grid;
  747.        grid-template-columns: repeat(3, 92px);
  748.        gap: 4px;
  749.    }
  750.    
  751.    
  752.    .transaksi-item {
  753.        display: flex;
  754.        flex-direction: column;
  755.        /* transform: perspective(10px) rotateX(3deg); */
  756.    }
  757.    
  758.    .transaksi-header {
  759.  
  760.        height: 30px;
  761.        border-radius: 5px;
  762.        display: grid;
  763.        place-items: center;
  764.        font-weight: bold;
  765.        border: 2px solid rgba(108,108,108,1);
  766.        background: rgba(54,54,54,1);
  767.        color: white;
  768.    }
  769.    
  770.    .transaksi-status {
  771.        margin-left: 3px;
  772.        margin-right: 3px;
  773.        height: 3px;
  774.        border-radius: 0px 0px 4px 4px;
  775.        background: rgb(54,54,54);
  776.        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
  777.    }
  778.    
  779.    .header-green {
  780.        background: rgba(44,121,6,1);
  781.        border-color: rgba(168,255,0,1);
  782.    }
  783.    
  784.    .header-blue {
  785.        background: rgba(0,80,89,1);
  786.        border-color: rgba(0,255,204,1);
  787.    }
  788.    
  789.    .status-green {
  790.        background: rgb(44,121,6);
  791.        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
  792.    }
  793.    
  794.    .status-blue {
  795.        background: rgb(0,80,89);
  796.        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
  797.    }
  798.    
  799.    .transaksi-name {
  800.        font-size: 1.1rem;
  801.        font-weight: bold;
  802.        line-height: 1.5rem
  803.    }
  804.    
  805.    .transaksi-wrapper {
  806.        display: flex;
  807.        flex-direction: column;
  808.        gap: .5rem;
  809.    }
  810.  
  811.        
  812.      
  813.                .desktop-only {
  814.                    display: none;
  815.                }
  816.                
  817.                .mobile-only {
  818.                    display: block;
  819.                }
  820.            
  821.                .wrapper {
  822.                    display: grid;
  823.                    grid-template-columns: 1fr;
  824.                    grid-template-areas:
  825.                    "appbar"
  826.                    "marquee"
  827.                    "header"
  828.                    "contentdata"
  829.                    "togel-mobile"
  830.                    "devider"
  831.                    "provider"
  832.                    "transaksi"
  833.                    "bantuan"
  834.                    "footer"
  835.                    "guidelines"
  836.                }
  837.                
  838.                .appbar {
  839.                    grid-area: appbar;
  840.                    height: 72px;
  841.                    display: grid;
  842.                    place-items: center;
  843.                    /*box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;*/
  844.                }
  845.            
  846.                .wrapper>*>* {
  847.                    margin: auto;
  848.                    width: 100%;
  849.                    padding: 0 var(--mobile-padding-horizontal);
  850.                }
  851.            
  852.                .marquee {
  853.                    border-top: 3px solid var(--line-color);
  854.                }
  855.            
  856.  
  857.            
  858.                .header {
  859.                    height: auto;
  860.                    padding: 0px;
  861.                }
  862.            
  863.                .header-content {
  864.                    padding: 0px;
  865.                    height: 100%;
  866.                    display: grid;
  867.                    grid-template-columns: 1fr;
  868.                    grid-template-areas:
  869.                    "marquee"
  870.                    "mslider"
  871.                    "menu-mobile"
  872.                    "menu-content"
  873.                    "login"
  874.                    "promosi"
  875.                }
  876.                
  877.                .menu-mobile {
  878.                    grid-area: menu-mobile;
  879.                }
  880.                
  881.                .menu-content {
  882.                    grid-area: menu-content;
  883.                }
  884.                
  885.          
  886.            
  887.                .logo {
  888.                    display: none
  889.                    
  890.                }
  891.                
  892.                /* Mobile */
  893.                .logoimg {
  894.                    height: 64px;
  895.                    width: 230px;
  896.                    margin: 0px;
  897.                    object-position: center;
  898.                }
  899.                
  900.                
  901.                .mslider {
  902.                    grid-area: mslider;
  903.                    aspect-ratio: 600/280;
  904.                    background: var(--primary-theme-color);
  905.                }
  906.                
  907.            
  908.                .menu {
  909.                    display: none;
  910.                }
  911.            
  912.                .menu-item {
  913.                    height: 100%;
  914.                    width: 100%;
  915.                    font-size: var(--text-size-default);
  916.                    /*display: grid;*/
  917.                    /*place-items: center;*/
  918.                    display: flex;
  919.                    flex-direction: column;
  920.                    align-items: center;
  921.                    justify-content: center;
  922.                    text-align: center;
  923.                    gap: 4px;
  924.                    padding-top: 4px;
  925.                    background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color);
  926.                    /* border-left: 1px solid #555;
  927.                    border-right: 1px solid var(--primary-background); */
  928.                }
  929.                
  930.                .menu-item>label {
  931.                    white-space: nowrap;
  932.                    color: white;
  933.                    font-weight: bold;
  934.                    /*color: var(--marquee-color);*/
  935.                }
  936.            
  937.                .menu-item>img {
  938.                    height: 30px;
  939.                }
  940.            
  941.                .login {
  942.                    flex-direction: column;
  943.                }
  944.            
  945.                .login-form {
  946.                    padding: 32px 0;
  947.                    margin: 0px 80px;
  948.                    display: flex;
  949.                    flex-direction: column;
  950.                }
  951.            
  952.                .login-input-field {
  953.                    border-top-left-radius: 0;
  954.                    border-bottom-left-radius: 0;
  955.                    font-size: 1rem;
  956.                }
  957.            
  958.                .login-field, .login-form>button{
  959.                    height: 44px;
  960.                    width: 100%;
  961.                    border-radius: 8px;
  962.                    overflow: hidden;
  963.                }
  964.            
  965.                .btn-masuk {
  966.                    font-size: 1.3rem;
  967.                    text-shadow: 1px 1px #000000;
  968.                    height: 44px;
  969.                    border-radius: 8px;
  970.                }
  971.                
  972.                .btn-daftar {
  973.                    font-size: 1.3rem;
  974.                    text-shadow: 1px 1px #000000;
  975.                    height: 48px;
  976.                    border-radius: 8px;
  977.                }
  978.            
  979.            
  980.                .promosi {
  981.                    padding: 0 calc(var(--mobile-padding-horizontal) * 2);
  982.                    gap: 4px;
  983.                }
  984.            
  985.                .promosi>* {
  986.                    width: 100%;
  987.                }
  988.            
  989.                .contentdata {
  990.                    background: var(--primary-background);
  991.                    padding: 12px 0;
  992.                }
  993.            
  994.                .banner {
  995.                    aspect-ratio: 3;
  996.                }
  997.            
  998.                .banner>* {
  999.                    border-radius: 16px;
  1000.                    border-collapse: separate;
  1001.                    border: 2px solid gray;
  1002.                }
  1003.            
  1004.                .content-main {
  1005.                    width: 100%;
  1006.                    padding: var(--mobile-padding-horizontal);
  1007.                    padding-bottom: 0px;
  1008.                    font-size: 1rem;
  1009.                }
  1010.            
  1011.            
  1012.                .provider-group {
  1013.                    padding: var(--mobile-padding-horizontal);
  1014.                }
  1015.                
  1016.                .transaksi-kontak {
  1017.                    display: flex;
  1018.                    flex-direction: column;
  1019.                }
  1020.            
  1021.            
  1022.                .transaksi-content {
  1023.                    display: flex;
  1024.                    flex-direction: column;
  1025.                    /*padding: 0 calc(var(--mobile-padding-horizontal) * 2)*/
  1026.                }
  1027.                
  1028.            
  1029.            
  1030.                .bantuan-content {
  1031.                    flex-direction: column;
  1032.                    list-style: disc;
  1033.                    gap: 8px;
  1034.                }
  1035.                
  1036.                .footer {
  1037.                    font-size: 1rem;
  1038.                    padding-bottom: 96px;
  1039.                }
  1040.            
  1041.                .footer-group {
  1042.                    /*justify-content: space-between;*/
  1043.                    flex-direction: column;
  1044.                    width: 100%;
  1045.                }
  1046.            
  1047.                .copyright {
  1048.                    flex-direction: column;
  1049.                    font-size: 1rem;
  1050.                    width: 100%;
  1051.                }
  1052.                .content-area {
  1053.                    width: 100%;
  1054.                }
  1055.                
  1056.                .content-box {
  1057.                    width: 100%;
  1058.                    padding: 0px;
  1059.                    background: transparent;
  1060.                    border-radius: 0px
  1061.                }
  1062.            
  1063.                .guidelines {
  1064.                    grid-area: guidelines;
  1065.                }
  1066.                
  1067.                .guidelines-content>img {
  1068.                    width: 100%;
  1069.                }
  1070.            
  1071.                .mobile-provider-group {
  1072.                    display: grid;
  1073.                    grid-template-columns: repeat(3, 1fr);
  1074.                    gap: 8px;
  1075.            
  1076.                }
  1077.                
  1078.                .provider-item {
  1079.                    display: grid;
  1080.                    place-items: center;
  1081.                }
  1082.                
  1083.                .provider-item>img {
  1084.                    width: 100%;
  1085.                    object-fit: contain;
  1086.                    
  1087.                }
  1088.                
  1089.                .fitur-header {
  1090.                    font-size: 1.4rem;
  1091.                }
  1092.                
  1093.                .panel-body, .card-body {
  1094.                    font-size: 1.2rem;
  1095.                }
  1096.            
  1097.                #mobileregister {
  1098.                    margin: 0px;
  1099.                }
  1100.                        
  1101.                .transaksi-group {
  1102.                    display: grid;
  1103.                    grid-template-columns: 1fr;
  1104.                    grid-template-areas:
  1105.                    "transaksi-bank"
  1106.                    "transaksi-other";
  1107.                    gap: 16px;
  1108.                    
  1109.                }
  1110.                
  1111.                .transaksi-header {
  1112.                    font-size: 1.1rem;
  1113.                    height: 36px;
  1114.                }
  1115.                
  1116.                .transaksi-list-bank {
  1117.                    grid-template-columns: repeat(4, 1fr);
  1118.                }
  1119.                
  1120.                .transaksi-list-other {
  1121.                    grid-template-columns: repeat(4, 1fr);
  1122.                }
  1123.                
  1124.                .transaksi-list {
  1125.                    display: grid;
  1126.                    grid-template-columns: repeat(3, 1fr);
  1127.                }
  1128.                
  1129.                .transaksi-item {
  1130.                    width: 100%;
  1131.                }
  1132.                
  1133.                .transaksi-title-group {
  1134.                    justify-content: center;
  1135.                    padding: 16px 0;
  1136.                }
  1137.                
  1138.                .transaksi-name {
  1139.                    font-size: 1.3rem;
  1140.                    text-align: center;    
  1141.                }
  1142.        
  1143.                .transaksi-wrapper {
  1144.                    width: 100%;
  1145.                    max-width: 100%;
  1146.                    gap: 1rem;
  1147.                }
  1148.                
  1149.            
  1150.                
  1151.                .login-input-field {
  1152.                    font-size: 1.2rem;
  1153.                }  
  1154.            
  1155.  
  1156.            
  1157.            
  1158.            .btn-aduan {
  1159.                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
  1160.                -webkit-background-clip: text;
  1161.                -webkit-text-fill-color: transparent;
  1162.                background-size: 300% 300%;
  1163.                animation: gradient 2s ease infinite;
  1164.            }
  1165.  
  1166.            
  1167.            
  1168.            
  1169.            /* Bootstrap */
  1170.            
  1171.            :root {
  1172.                --bs-blue: #0d6efd;
  1173.                --bs-indigo: #6610f2;
  1174.                --bs-purple: #6f42c1;
  1175.                --bs-pink: #d63384;
  1176.                --bs-red: #dc3545;
  1177.                --bs-orange: #fd7e14;
  1178.                --bs-yellow: #ffc107;
  1179.                --bs-green: #198754;
  1180.                --bs-teal: #20c997;
  1181.                --bs-cyan: #0dcaf0;
  1182.                --bs-black: #000;
  1183.                --bs-white: #fff;
  1184.                --bs-gray: #6c757d;
  1185.                --bs-gray-dark: #343a40;
  1186.                --bs-gray-100: #f8f9fa;
  1187.                --bs-gray-200: #e9ecef;
  1188.                --bs-gray-300: #dee2e6;
  1189.                --bs-gray-400: #ced4da;
  1190.                --bs-gray-500: #adb5bd;
  1191.                --bs-gray-600: #6c757d;
  1192.                --bs-gray-700: #495057;
  1193.                --bs-gray-800: #343a40;
  1194.                --bs-gray-900: #212529;
  1195.                --bs-primary: #0d6efd;
  1196.                --bs-secondary: #6c757d;
  1197.                --bs-success: #198754;
  1198.                --bs-info: #0dcaf0;
  1199.                --bs-warning: #ffc107;
  1200.                --bs-danger: #dc3545;
  1201.                --bs-light: #f8f9fa;
  1202.                --bs-dark: #212529;
  1203.                --bs-primary-rgb: 13,110,253;
  1204.                --bs-secondary-rgb: 108,117,125;
  1205.                --bs-success-rgb: 25,135,84;
  1206.                --bs-info-rgb: 13,202,240;
  1207.                --bs-warning-rgb: 255,193,7;
  1208.                --bs-danger-rgb: 220,53,69;
  1209.                --bs-light-rgb: 248,249,250;
  1210.                --bs-dark-rgb: 33,37,41;
  1211.                --bs-primary-text-emphasis: #052c65;
  1212.                --bs-secondary-text-emphasis: #2b2f32;
  1213.                --bs-success-text-emphasis: #0a3622;
  1214.                --bs-info-text-emphasis: #055160;
  1215.                --bs-warning-text-emphasis: #664d03;
  1216.                --bs-danger-text-emphasis: #58151c;
  1217.                --bs-light-text-emphasis: #495057;
  1218.                --bs-dark-text-emphasis: #495057;
  1219.                --bs-primary-bg-subtle: #cfe2ff;
  1220.                --bs-secondary-bg-subtle: #e2e3e5;
  1221.                --bs-success-bg-subtle: #d1e7dd;
  1222.                --bs-info-bg-subtle: #cff4fc;
  1223.                --bs-warning-bg-subtle: #fff3cd;
  1224.                --bs-danger-bg-subtle: #f8d7da;
  1225.                --bs-light-bg-subtle: #fcfcfd;
  1226.                --bs-dark-bg-subtle: #ced4da;
  1227.                --bs-primary-border-subtle: #9ec5fe;
  1228.                --bs-secondary-border-subtle: #c4c8cb;
  1229.                --bs-success-border-subtle: #a3cfbb;
  1230.                --bs-info-border-subtle: #9eeaf9;
  1231.                --bs-warning-border-subtle: #ffe69c;
  1232.                --bs-danger-border-subtle: #f1aeb5;
  1233.                --bs-light-border-subtle: #e9ecef;
  1234.                --bs-dark-border-subtle: #adb5bd;
  1235.                --bs-white-rgb: 255,255,255;
  1236.                --bs-black-rgb: 0,0,0;
  1237.                --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  1238.                --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  1239.                --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  1240.                --bs-body-font-family: var(--bs-font-sans-serif);
  1241.                --bs-body-font-size: 1rem;
  1242.                --bs-body-font-weight: 400;
  1243.                --bs-body-line-height: 1.5;
  1244.                --bs-body-color: #212529;
  1245.                --bs-body-color-rgb: 33,37,41;
  1246.                --bs-body-bg: #fff;
  1247.                --bs-body-bg-rgb: 255,255,255;
  1248.                --bs-emphasis-color: #000;
  1249.                --bs-emphasis-color-rgb: 0,0,0;
  1250.                --bs-secondary-color: rgba(33, 37, 41, 0.75);
  1251.                --bs-secondary-color-rgb: 33,37,41;
  1252.                --bs-secondary-bg: #e9ecef;
  1253.                --bs-secondary-bg-rgb: 233,236,239;
  1254.                --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  1255.                --bs-tertiary-color-rgb: 33,37,41;
  1256.                --bs-tertiary-bg: #f8f9fa;
  1257.                --bs-tertiary-bg-rgb: 248,249,250;
  1258.                --bs-link-color: #0d6efd;
  1259.                --bs-link-color-rgb: 13,110,253;
  1260.                --bs-link-decoration: underline;
  1261.                --bs-link-hover-color: #0a58ca;
  1262.                --bs-link-hover-color-rgb: 10,88,202;
  1263.                --bs-code-color: #d63384;
  1264.                --bs-highlight-bg: #fff3cd;
  1265.                --bs-border-width: 1px;
  1266.                --bs-border-style: solid;
  1267.                --bs-border-color: #dee2e6;
  1268.                --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  1269.                --bs-border-radius: 3px;
  1270.                --bs-border-radius-sm: 0.25rem;
  1271.                --bs-border-radius-lg: 0.5rem;
  1272.                --bs-border-radius-xl: 1rem;
  1273.                --bs-border-radius-xxl: 2rem;
  1274.                --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  1275.                --bs-border-radius-pill: 50rem;
  1276.                --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  1277.                --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  1278.                --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  1279.                --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  1280.                --bs-focus-ring-width: 0.25rem;
  1281.                --bs-focus-ring-opacity: 0.25;
  1282.                --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  1283.                --bs-form-valid-color: #198754;
  1284.                --bs-form-valid-border-color: #198754;
  1285.                --bs-form-invalid-color: #dc3545;
  1286.                --bs-form-invalid-border-color: #dc3545;
  1287.            }
  1288.            
  1289.            .btn {
  1290.                --bs-btn-padding-x: 0.75rem;
  1291.                --bs-btn-padding-y: 0.375rem;
  1292.                --bs-btn-font-family: 'Ubuntu';
  1293.                --bs-btn-font-size: 1rem;
  1294.                --bs-btn-font-weight: 400;
  1295.                --bs-btn-line-height: 1.5;
  1296.                --bs-btn-color: ;
  1297.                --bs-btn-bg: transparent;
  1298.                --bs-btn-border-width: var(--bs-border-width);
  1299.                --bs-btn-border-color: transparent;
  1300.                --bs-btn-border-radius: var(--bs-border-radius);
  1301.                --bs-btn-hover-border-color: transparent;
  1302.                --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  1303.                --bs-btn-disabled-opacity: 0.65;
  1304.                --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  1305.                display: inline-block;
  1306.                padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  1307.                font-family: 'Ubuntu';
  1308.                font-size: var(--bs-btn-font-size);
  1309.                font-weight: var(--bs-btn-font-weight);
  1310.                line-height: var(--bs-btn-line-height);
  1311.                color: white;
  1312.                text-align: center;
  1313.                text-decoration: none;
  1314.                vertical-align: middle;
  1315.                cursor: pointer;
  1316.                -webkit-user-select: none;
  1317.                -moz-user-select: none;
  1318.                user-select: none;
  1319.                border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  1320.                border-radius: var(--bs-btn-border-radius);
  1321.                background-color: var(--bs-btn-bg);
  1322.                transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  1323.            }
  1324.            
  1325.            .fw-bold {
  1326.                font-weight: 700;
  1327.            }
  1328.            
  1329.            .px-2 {
  1330.                padding-right: .5rem;
  1331.                padding-left: .5rem;
  1332.            }
  1333.            
  1334.            .p-0 {
  1335.                padding: 0;
  1336.            }
  1337.            
  1338.            .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  1339.                margin-left: calc(var(--bs-border-width)* -1);
  1340.                border-top-left-radius: 0;
  1341.                border-bottom-left-radius: 0;
  1342.            }
  1343.            
  1344.            .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
  1345.                position: relative;
  1346.                flex: 1 1 auto;
  1347.                width: 1%;
  1348.                min-width: 0;
  1349.            }
  1350.  
  1351.            
  1352.            .login-input-field {
  1353.                margin: 0px;
  1354.                padding: 0px 8px;
  1355.                border-radius: 3px;
  1356.            }
  1357.            
  1358.            .form-control {
  1359.                display: block;
  1360.                width: 100%;
  1361.                padding: .375rem .75rem;
  1362.                font-weight: 400;
  1363.                color: var(--bs-body-color);
  1364.                background-color: var(--bs-body-bg);
  1365.                background-clip: padding-box;
  1366.                border: var(--bs-border-width) solid var(--bs-border-color);
  1367.                -webkit-appearance: none;
  1368.                -moz-appearance: none;
  1369.                appearance: none;
  1370.                border-radius: var(--bs-border-radius);
  1371.                transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1372.            }
  1373.            
  1374.            .d-flex {
  1375.                display: flex;
  1376.            }
  1377.            
  1378.            .flex-column {
  1379.                flex-direction: column;
  1380.            }
  1381.            
  1382.            .justify-content-center {
  1383.                justify-content: center;
  1384.            }
  1385.            
  1386.            .align-items-center {
  1387.                align-items: center;
  1388.            }
  1389.            
  1390.            .gap-3 {
  1391.                gap: 1rem;
  1392.            }
  1393.            
  1394.            .w-100 {
  1395.                width: 100%;
  1396.            }
  1397.            
  1398.            .align-items-start {
  1399.                align-items: start;
  1400.            }
  1401.  
  1402.  
  1403.            
  1404.        </style>
  1405.  
  1406.        
  1407.        
  1408.  
  1409.        
  1410.  
  1411.    </head>
  1412.    
  1413.    
  1414.  
  1415.    <body id="desktop">
  1416.    <div class="body-wrapper">
  1417.  
  1418.    <div class="mobile-only" >
  1419.        <div class="my-navbar" style="max-width: 576px">
  1420.            <a href="https://rebrand.ly/daftarcawan4d" class="navbar-item" style="position: relative">
  1421.                <div class="navbar-item-content">
  1422.                    <img src="https://img.viva88athenae.com//beranda.png"/>
  1423.                    <label>BERANDA</label>
  1424.                </div>
  1425.            </a>
  1426.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  1427.            <a href="https://rebrand.ly/daftarcawan4d"  class="navbar-item">
  1428.                <div class="navbar-item-content">
  1429.                    <img src="https://img.viva88athenae.com//promosi.png"/>
  1430.                    <label>PROMOSI</label>
  1431.                </div>
  1432.            </a>
  1433.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  1434.            <a href="https://rebrand.ly/daftarcawan4d"  class="navbar-item">
  1435.                <div class="navbar-item-content">
  1436.                    <img src="https://img.viva88athenae.com//events.png"/>
  1437.                    <label>EVENT</label>
  1438.                </div>
  1439.            </a>
  1440.            
  1441.                        
  1442.                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  1443.                <a href="https://direct.lc.chat/16975947/2"  target="_blank" class="navbar-item">
  1444.                <div class="navbar-item-content">
  1445.                    <img src="https://img.viva88athenae.com//livechat.png"/>
  1446.                    <label>LIVECHAT</label>
  1447.                </div>
  1448.                </a>
  1449.            
  1450.        </div>
  1451. </div>
  1452.    
  1453.    
  1454.    <div class="mobile-only" style="position: relative; background: var(--primary-background);">
  1455.        <div class="appbar">
  1456.            
  1457.            <a href="/" style="width: auto"><img class="logoimg" src="https://cawan4d.imghantam.com/assets/cawan4d.gif" alt=""></a>
  1458.        </div>
  1459.    </div>
  1460.        
  1461.        
  1462.        <div id="top" class="wrapper">
  1463.            
  1464.            <header class="header">
  1465.                <div class="header-content">
  1466.                    <div class="logo">
  1467.                        <a href='/'><img src="https://cawan4d.imghantam.com/assets/cawan4d.gif"  class='logoimg' alt=""></a>
  1468.                    </div>
  1469.                    
  1470.                    <div class="mobile-only">
  1471.                        <div id="marquee-mobile" class="marquee w-100">
  1472.                            <div class="marquee-content">
  1473.                                SELAMAT DATANG DI WEBSITE CAWAN4D          
  1474.                            </div>
  1475.                        </div>
  1476.                        
  1477.                            <amp-animation id="marquee-animation" layout="nodisplay">
  1478.                            <script type="application/json">
  1479.                                {
  1480.                                    "animations": [
  1481.                                        {
  1482.                                            "selector": ".marquee-content",
  1483.                                            "keyframes": [
  1484.                                                { "transform": "translateX(100%)", "offset": 0 },
  1485.                                                { "transform": "translateX(-100%)", "offset": 1 }
  1486.                                            ],
  1487.                                            "duration": "10000ms",
  1488.                                            "iterations": "infinite",
  1489.                                            "easing": "linear"
  1490.                                        }
  1491.                                    ]
  1492.                                }
  1493.                            </script>
  1494.                        </amp-animation>
  1495.                        <amp-position-observer on="scroll:marquee-animation.start" layout="nodisplay"></amp-position-observer>
  1496.                    
  1497.                    </div>
  1498.  
  1499.                    <div class="mslider mobile-only">
  1500.                        
  1501.                                                        
  1502.                                <img src="https://cawan4d.imghantam.com/assets/cawan4d.jpg" class="d-block w-100 banner" alt="CAWAN4D DAFTAR" style="height: 100%">
  1503.                                
  1504.                                                        
  1505.                        
  1506.                    </div>
  1507.                    
  1508.                    <div class="login">
  1509.                    
  1510.                        
  1511.  
  1512.                        
  1513.                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
  1514.                                <form class="login-form form" action-xhr="https://example.com/subscribe" method="post" style="padding: 0px; padding-top: 32px" role="form">
  1515.                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
  1516.                                    <!--<input type="text" name="username" class="form-control login-input-field username" style="border-radius: 8px; height: 44px" placeholder="Username" aria-label="Username">-->
  1517.                                    <!--<input type="password" name="password" class="form-control login-input-field password" style="border-radius: 8px; height: 44px" placeholder="Password" aria-label="Password">-->
  1518.                                
  1519.  
  1520.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  1521.        
  1522.        
  1523.                                    <a href='https://rebrand.ly/daftarcawan4d' class="w-100"><button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit w-100" style="font-size: 1.3rem">Masuk</button></a>
  1524.                                    <a href='https://rebrand.ly/linkcawan4d' class="w-100"><button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 w-100" style="font-size: 1.3rem">Daftar Sekarang</button></a>
  1525.  
  1526.                                    
  1527.                                    <input type="hidden" name="task" value="login">    
  1528.                                </form>
  1529.                            </div>
  1530.                            
  1531.                    </div>
  1532.    
  1533.            
  1534.  
  1535.        
  1536.                                            
  1537.                                            
  1538.                    <div class="menu-mobile" style="width: 100%; overflow: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
  1539.                        
  1540.                        
  1541.                        
  1542.                        <div id="menu-mobile" style="height:68px; overflow-x:  hidden; overflow-y: hidden; max-width: 100%; display: block;  background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
  1543.                        
  1544.                        
  1545.                            <div style="white-space: nowrap; height: 100%; font-size: 0px">
  1546.                                                                                
  1547.                                        <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
  1548.                                            <div style="display: grid; place-items: center; height: 100%">
  1549.                                                <div class="menu-item">
  1550.                                                    <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
  1551.                                                    <label>TOGEL</label>
  1552.                                                </div>
  1553.                                            </div>
  1554.                                        </a>
  1555.                                            
  1556.                                                                        <div style="height: 100%; width: 92px; display: inline-block;">
  1557.                                        <div style="display: grid; place-items: center; height: 100%">
  1558.                                            <div class="menu-item">
  1559.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
  1560.                                                <label>SLOT</label>
  1561.                                            </div>
  1562.                                        </div>
  1563.                                    </div>
  1564.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1565.                                        <div style="display: grid; place-items: center; height: 100%">
  1566.                                            <div class="menu-item">
  1567.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
  1568.                                                <label>LIVE CASINO</label>
  1569.                                            </div>
  1570.                                        </div>
  1571.                                    </div>
  1572.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1573.                                        <div style="display: grid; place-items: center; height: 100%">
  1574.                                            <div class="menu-item">
  1575.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
  1576.                                                <label>SPORT</label>
  1577.                                            </div>
  1578.                                        </div>
  1579.                                    </div>
  1580.                                    <!--<div style="height: 100%; width: 92px; display: inline-block;">-->
  1581.                                    <!--    <div style="display: grid; place-items: center; height: 100%">-->
  1582.                                    <!--        <div class="menu-item" onclick="showProvider('esport')">-->
  1583.                                    <!--            <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
  1584.                                    <!--            <label>E-SPORT</label>-->
  1585.                                    <!--        </div>-->
  1586.                                    <!--    </div>-->
  1587.                                    <!--</div>-->
  1588.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1589.                                        <div style="display: grid; place-items: center; height: 100%">
  1590.                                        <div class="menu-item">
  1591.                                            <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
  1592.                                            <label>ARCADE</label>
  1593.                                        </div>
  1594.                                        </div>
  1595.                                    </div>
  1596.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1597.                                        <div style="display: grid; place-items: center; height: 100%">
  1598.                                            <div class="menu-item">
  1599.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
  1600.                                                <label>SABUNG</label>
  1601.                                            </div>
  1602.                                        </div>
  1603.                                    </div>
  1604.                                    
  1605.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1606.                                        <div style="display: grid; place-items: center; height: 100%">
  1607.                                            <div class="menu-item">
  1608.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
  1609.                                                <label>INTERACTIVE</label>
  1610.                                            </div>
  1611.                                        </div>
  1612.                                    </div>
  1613.                            </div>
  1614.                        </div>                                                                                                                        
  1615.                    </div>
  1616.  
  1617.                    
  1618.                    <div class="menu-content mobile-only">
  1619.                            <div id="main-content" style="background: var(--content-box-background)">
  1620.                            </div>
  1621.                    </div>
  1622.        
  1623.                    <div class="promosi">
  1624.                        <!-- Mobile -->
  1625.                        
  1626.                        <div class="mobile-only" style="padding-top: 32px">
  1627.                            
  1628.                            <div class="d-flex gap-3 justify-content-center align-items-center">
  1629.                                                                            <a href="https://rebrand.ly/daftarcawan4d" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
  1630.                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
  1631.                                        
  1632.                                <a href="https://rebrand.ly/daftarcawan4d" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
  1633.                            </div>
  1634.                        </div>
  1635.                    </div>
  1636.                    
  1637.                    <div class="mobile-only">
  1638.                        <div class="login-form" style="padding: 0px; padding: 32px 0">
  1639.                      <a href="https://rebrand.ly/daftarcawan4d" style="width: 60%"><img src="https://img.viva88athenae.com/download-apk.png" style="max-width: 100%"></a>  
  1640.                     </div>
  1641.                    </div>
  1642.  
  1643.  
  1644.                </div>
  1645.            </header>
  1646.    
  1647.            <div class="provider">
  1648.                <div class="provider-group">
  1649.    
  1650.                    <img src="https://img.viva88athenae.com/mproviders_w.png" alt="" style="width: 100%;" class="mobile-only">
  1651.                </div>
  1652.            </div>
  1653.            
  1654.            <div class="transaksi">
  1655.    
  1656.                <div>
  1657.                    <div class="transaksi-kontak">
  1658.                        
  1659.                        <div class="d-flex flex-column w-100">
  1660.                            <div class="transaksi-title">
  1661.                                <div class="transaksi-title-group">
  1662.                                    <div class="fitur-header">Transaksi</div>
  1663.                                </div>
  1664.                            </div>
  1665.                            
  1666.                            <div class="transaksi-content">
  1667.                                <!-- Bank -->
  1668.                                
  1669. <div class="transaksi-group">
  1670.    <div class="transaksi-bank">
  1671.  
  1672.            <div class="transaksi-wrapper">
  1673.                <div class="transaksi-name">Bank Lokal</div>
  1674.                
  1675.                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
  1676.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  1677.                    
  1678.                                        
  1679.                </div>
  1680.                <div class="carousel-inner" >
  1681.                                            <div class="carousel-item active" style="min-height: 144px">
  1682.                            <div class="transaksi-list-bank">
  1683.                            
  1684.                                                        
  1685.                                                                
  1686.                                <div class="transaksi-item">
  1687.                                    <div class="transaksi-header">BCA</div>
  1688.                                    <div class="transaksi-status status-green"></div>
  1689.                                </div>
  1690.                                                        
  1691.                                                                
  1692.                                <div class="transaksi-item">
  1693.                                    <div class="transaksi-header">Mandiri</div>
  1694.                                    <div class="transaksi-status status-green"></div>
  1695.                                </div>
  1696.                                                        
  1697.                                                                
  1698.                                <div class="transaksi-item">
  1699.                                    <div class="transaksi-header">BNI</div>
  1700.                                    <div class="transaksi-status status-green"></div>
  1701.                                </div>
  1702.                                                        
  1703.                                                                
  1704.                                <div class="transaksi-item">
  1705.                                    <div class="transaksi-header">BRI</div>
  1706.                                    <div class="transaksi-status status-green"></div>
  1707.                                </div>
  1708.                                                        
  1709.                                                                
  1710.                                <div class="transaksi-item">
  1711.                                    <div class="transaksi-header">CIMB</div>
  1712.                                    <div class="transaksi-status status-green"></div>
  1713.                                </div>
  1714.                                                        
  1715.                                                                
  1716.                                <div class="transaksi-item">
  1717.                                    <div class="transaksi-header">SeaBank</div>
  1718.                                    <div class="transaksi-status status-green"></div>
  1719.                                </div>
  1720.                                                        
  1721.                                                            
  1722.                            </div>
  1723.                        </div>
  1724.                    
  1725.                    
  1726.                    
  1727.                  </div>
  1728.                </div>
  1729.  
  1730.        </div>
  1731.    </div>
  1732.    
  1733.    <div class="transaksi-other">
  1734.            
  1735.            <div class="transaksi-wrapper">
  1736.  
  1737.                <div class="transaksi-name">E Money & Pulsa</div>
  1738.  
  1739.    
  1740.                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
  1741.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  1742.                    
  1743.                                        
  1744.                    </div>
  1745.                  <div class="carousel-inner" >
  1746.                                            <div class="carousel-item active">
  1747.                            <div class="transaksi-list-other">
  1748.                            
  1749.                                                        
  1750.                                                                
  1751.                                <div class="transaksi-item">
  1752.                                    <div class="transaksi-header">Jenius</div>
  1753.                                    <div class="transaksi-status status-blue"></div>
  1754.                                </div>
  1755.                                                        
  1756.                                                                
  1757.                                <div class="transaksi-item">
  1758.                                    <div class="transaksi-header">DANA</div>
  1759.                                    <div class="transaksi-status status-blue"></div>
  1760.                                </div>
  1761.                                                        
  1762.                                                                
  1763.                                <div class="transaksi-item">
  1764.                                    <div class="transaksi-header">OVO</div>
  1765.                                    <div class="transaksi-status status-blue"></div>
  1766.                                </div>
  1767.                                                        
  1768.                                                                
  1769.                                <div class="transaksi-item">
  1770.                                    <div class="transaksi-header">GOPAY</div>
  1771.                                    <div class="transaksi-status status-blue"></div>
  1772.                                </div>
  1773.                                                        
  1774.                                                                
  1775.                                <div class="transaksi-item">
  1776.                                    <div class="transaksi-header">LinkAja</div>
  1777.                                    <div class="transaksi-status status-blue"></div>
  1778.                                </div>
  1779.                                                        
  1780.                                                                
  1781.                                <div class="transaksi-item">
  1782.                                    <div class="transaksi-header">Telkomsel</div>
  1783.                                    <div class="transaksi-status status-blue"></div>
  1784.                                </div>
  1785.                                                        
  1786.                                                                
  1787.                                <div class="transaksi-item">
  1788.                                    <div class="transaksi-header">Axiata</div>
  1789.                                    <div class="transaksi-status status-blue"></div>
  1790.                                </div>
  1791.                                                        
  1792.                                                            
  1793.                            </div>
  1794.                        </div>
  1795.                    
  1796.                    
  1797.                    
  1798.                </div>
  1799.            </div>
  1800.        </div>
  1801.        
  1802.    </div>
  1803. </div>
  1804.  
  1805.  
  1806.        
  1807.  
  1808.  
  1809.  
  1810.                            </div>
  1811.                            
  1812.                            
  1813.                        </div>
  1814.  
  1815.                    </div>
  1816.                </div>
  1817.            </div>
  1818.            
  1819.            <div class="guidelines">
  1820.            </div>
  1821.            
  1822.             <div class="bantuan">
  1823.  
  1824.                    <ul class="bantuan-content">
  1825.                        <li class="bantuan-item"><a href="/">TENTANG KAMI</a></li>
  1826.                        <li class="bantuan-item"><a href="/">BANTUAN</a></li>
  1827.                        <li class="bantuan-item"><a href="/">PERATURAN</a></li>
  1828.                        <li class="bantuan-item"><a href="/">INFORMASI BANK</a></li>
  1829.                        <li class="bantuan-item"><a href="/">HUBUNGI KAMI</a></li>
  1830.                        <li class="bantuan-item"><a href="/">KEBIJAKAN PRIVASI</a></li>
  1831.                        <li class="bantuan-item"><a href="/">PERSETUJUAN COOKIES</a></li>
  1832.                    </ul>
  1833.    
  1834.            </div>
  1835.    
  1836.    
  1837.    
  1838.    
  1839.            <footer class="footer">
  1840.                <div>
  1841.                                    </div>
  1842.                
  1843.                
  1844.                <div class="footer-group">
  1845.                    <div class="copyright">
  1846.                        <div style="white-space: nowrap">© 2015 - 2025 Copyright CAWAN4D.</div>
  1847.                        <div>All Rights Reserved.</div>
  1848.                    </div>
  1849.                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines_w.png" alt="">
  1850.                </div>
  1851.            </footer>
  1852.            
  1853.        </div>
  1854.        
  1855.  
  1856.    </div>
  1857.        
  1858.    </body>
  1859. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda