<!DOCTYPE html>
<html amp lang="id">
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<link rel="canonical" href="https://www.tvpinto.com">
<meta name="keywords" content="tata4d"/>
<link rel="icon" type="image/x-icon" href="ikon.png">
<title>Tata4d : Tempat Main Asik Bikin Semua Nyaman</title>
<meta name="title" content="Tata4d : Tempat Main Asik Bikin Semua Nyaman">
<meta name="description" content="tata4d adalah platform atau situs yang menyediakan permainan Slot Online Gacor dan Terpercaya Bisa Mudah JP">
<meta name="google-site-verification" content="0MSam3ZIrPttbNlRX4Vunl8Mca_1HM_i5_11_yur48k" />
<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>
.atasbox,
.center,
.footer {
text-align: center
}
* {
box-sizing: border-box;
margin: 0;
padding: 0
}
:focus {
outline: 0
}
::-webkit-scrollbar {
display: none
}
a,
a:after,
a:hover,
a:visited {
text-decoration: none;
color: #dfdfdf;
}
html {
max-width: 500px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-image: url("background.jpg");
}
body {
color: #dfdfdf;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h2 {
margin: 20px;
padding: 10px;
background-color: #1f1f1f;
border-bottom: 2px solid transparent;
background-image: linear-gradient(#313131, #000), radial-gradient(circle at left top, #9002fc, #6424be);
background-origin: border-box;
background-clip: padding-box, border-box;
border-radius: 10px;
}
button {
margin: 5px 5px 50px 5px;
width: 50%; height: 40px;
background-image: linear-gradient(#494949, #2e2e2e);
color: #b6b6b6;
font-size: 0.8em;
border-radius: 10px;
font-weight: bold;
transition: 0.5s all;
}
button:hover {
border-bottom: 2px solid transparent;
background-image: linear-gradient(#313131, #000), radial-gradient(circle at left top, #9002fc, #6424be);
background-origin: border-box;
background-clip: padding-box, border-box;
color: #fff;
}
.atas {
display: grid;
min-height: 85vh;
}
.atasbox {
margin: auto;
}
.ataslink {
display: inline-grid;
margin: 1rem;
}
.ataslink a {
margin: 0 0 20px 0;
color: #fff;
position: relative;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
padding: 16px 35px;
border-radius: 25px;
overflow: hidden;
border: 3px double transparent;
background-image: linear-gradient(#313131, #000), radial-gradient(circle at left top, #9002fc, #6424be);
background-origin: border-box;
background-clip: padding-box, border-box;
transition: 0.5s all;
}
.logo-kiri {
position: absolute;
left: 0;
top: 50%;
width: 50px;
transform: translateY(-50%);
}
.logo-kanan {
position: absolute;
right: 0;
top: 50%;
width: 50px;
transform: translateY(-50%);
}
.ataslink a:hover {
color: #1f1f1f;
background-image: linear-gradient(#9002fc, #6424be), radial-gradient(circle at left top, #6424be, #6424be)
}
.ataslink a:hover span {
cursor: pointer;
display: inline-block;
position: relative;
transition: .2s;
}
.ataslink span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: .2s;
}
.debar {
animation: 1.5s ease 0s infinite beat;
margin: 0px 25px 0 25px;
}
@keyframes beat {
0%,
50%,
100% {
transform: scale(1, 1);
}
30%,
80% {
transform: scale(0.92, 0.95);
}
}
@keyframes pulse {
0%,
50%,
100% {
background: #fee;
}
30%,
80% {
background: #fff;
}
}
.klikajah:hover span {
padding-right: 20px;
transition: .2s
}
.klikajah:hover span:after {
opacity: 1;
right: 0
}
.center {
margin-bottom: 10px
}
.imghero {
border-radius: 8px;
border: 2px solid #fff;
margin: 1rem;
}
.demo {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 5px;
overflow: hidden;
margin: 20px;
}
.demo-gim {
padding: 15px;
text-align: center;
border: 2px double transparent;
background-image: linear-gradient(#313131, #000), radial-gradient(circle at left top, #9002fc, #6424be);
background-origin: border-box;
background-clip: padding-box, border-box;
transition: 0.5s all;
}
.demo-gim:hover {
color: #1f1f1f;
background-image: linear-gradient(#6424be 20%, #000 80%), radial-gradient(circle at left top, #6424be, #9002fc);
background-origin: border-box;
background-clip: padding-box, border-box;
}
.nama-gim {
font-size: 0.6em;
font-weight: bold;
padding: 5px;
margin: 10px 0 0 0;
}
.demo-gim amp-img {
border-radius: 10px;
}
.footer {
position: absolute;
left: 0;
bottom: 50;
width: 100%;
font-size: 0.7em;
}
</style>
</head>
<body>
<main>
<div class="atas">
<div class="atasbox">
<div>
<amp-img class="imghero" height="1500" width="1500" layout="responsive" alt="tata4d"
src="https://www.tvpinto.com/tata4dz.jpg"></amp-img>
</div>
<div class="ataslink">
<a href="https://slottata4d.com" class="klikajah" >
<img src="https://www.tvpinto.com/ICON_DAFTAR_pwjmxm.png" class="logo-kiri">
<div class="debar">Daftar tata4d</div>
<img src="https://www.tvpinto.com/ICON_DAFTAR_pwjmxm.png" class="logo-kanan">
</a>
<a href="https://taklo.me/tata4d" class="klikajah" rel="nofollow">
<img src="https://www.tvpinto.com/ICON_LOGIN_ytme0w.png" class="logo-kiri">
<div class="debar">Login tata4d</div>
<img src="https://www.tvpinto.com/ICON_LOGIN_ytme0w.png" class="logo-kanan">
</a>
</div>
<a href="https://taklo.me/rtptata4d" rel="nofollow">
<button>RTP tata4d</button>
</a>
<div class="footer">
<p>©2025 | <a href="https://slottata4d.com">Tata4d</a> : Tempat Main Asik Bikin Semua Nyaman</p>
<p>tata4d</p>
</div>
</div>
</div>
</main>
</body>
</html>