<!doctype html>
<html ⚡ 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">
<!-- Preload resources -->
<link rel="preload" href="https://danielrobinsononline.com/kratonbet.jpg" as="image">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- AMP boilerplate -->
<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>
<!-- AMP runtime -->
<script async src="https://cdn.ampproject.org/v0.js"></script>
<!-- Fonts -->
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap">
<!-- Favicon -->
<link rel="shortcut icon" href="https://vocalwall.com/img/claysoccer.png" type="image/x-icon">
<!-- Metadata -->
<title>Kratonbet: Situs Games Online Terpopuler No.1 di dunia</title>
<meta name="description" content="merupakan situs games terpopuler di masyarakat indonesia yang bisa anda temukan via google atau facebook dll.">
<meta name="keywords" content="Kratonbet, kraton bet, kratonbet login, Kratonbet Alternatif" />
<link rel="canonical" href="/">
<!-- Open Graph / Social -->
<meta property="og:locale" content="id_ID">
<meta property="og:type" content="website">
<meta property="og:title" content="Kratonbet: Situs Games Online Terpopuler No.1 di dunia">
<meta property="og:description" content="merupakan situs games terpopuler di masyarakat indonesia yang bisa anda temukan via google atau facebook dll.">
<meta property="og:url" content="https://danielrobinsononline.com/">
<meta property="og:site_name" content="Slot Gacor">
<!-- Other meta -->
<meta name="author" content="Slot Gacor Team">
<meta name="rating" content="general">
<!-- AMP custom styles -->
<style amp-custom>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
:focus {
outline: 0;
}
::-webkit-scrollbar {
display: none;
}
a, a:hover, a:visited {
text-decoration: none;
color: #fff;
}
html {
max-width: 500px;
margin: 0 auto;
background: #070024;
}
body {
color: #fff;
font-family: 'Noto Sans', Arial, sans-serif;
line-height: 1.5;
}
.atas {
display: grid;
min-height: 100vh;
padding: 20px;
}
.atasbox {
margin: auto;
text-align: center;
width: 100%;
}
.ontop {
display: grid;
gap: 15px;
margin: 1.5rem 0;
}
.ontop a {
padding: 15px 25px;
font-weight: 700;
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 10px;
border: none;
position: relative;
overflow: hidden;
background: #1a1a1a;
color: #fff;
box-shadow: 0 0 12px rgba(238, 238, 238, 0.67);
animation: neonPulse 2s infinite;
transition: all 0.3s ease-in-out;
}
.ontop a::before {
content: "";
position: absolute;
top: -120%;
left: -120%;
width: 300%;
height: 300%;
background: linear-gradient(to bottom, #007ee1 0%, #0069bd 100%);
animation: rotateNeon 4s linear infinite;
z-index: 0;
opacity: 0.3;
}
.ontop a::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
background: #0a0a23;
border-radius: 8px;
z-index: 1;
}
.ontop a span {
position: relative;
z-index: 2;
}
.ontop a:hover {
transform: scale(1.05);
box-shadow: 0 0 20px #fff, 0 0 40px #9c00ff;
}
@keyframes neonPulse {
0%, 100% {
box-shadow: 0 0 12px rgba(0, 135, 224, 0.67), 0 0 30px rgba(0, 174, 243, 0.53);
}
50% {
box-shadow: 0 0 20px rgba(0, 135, 224, 0.67), 0 0 40px rgba(0, 174, 243, 0.53);
}
}
@keyframes rotateNeon {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.imghero {
box-shadow: inset 0 0 0 5px #888;
border-radius: 8px;
max-width: 100%;
height: auto;
}
.neon-box {
position: relative;
padding: 2px;
border-radius: 12px;
overflow: hidden;
width: 100%;
max-width: 400px;
margin: 30px auto;
background: #0a0a23;
box-shadow: 0 0 30px rgba(0, 255, 255, 0.2);
}
.neon-box::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(to bottom, #007ee1 0%, #0069bd 100%);
animation: spin 4s linear infinite;
z-index: 1;
}
.neon-box::after {
content: '';
position: absolute;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
background: #0a0a23;
z-index: 2;
border-radius: 10px;
}
.neon-box .content {
position: relative;
z-index: 3;
padding: 15px;
color: #eee;
}
.neon-box table {
width: 100%;
border-collapse: collapse;
}
.neon-box td {
font-size: 16px;
color: #fff;
padding: 8px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<main>
<div class="atas">
<div class="atasbox">
<div>
<div class="ontop">
<a href="https://surli.cc/jrhobb"><span>DAFTAR</span></a>
<a href="https://surli.cc/jrhobb"><span>LOGIN</span></a>
</div>
<amp-img class="imghero"
alt="Slot Gacor"
src="https://danielrobinsononline.com/kratonbet.jpg"
width="500"
height="500"
layout="responsive">
</amp-img>
</div>
<div class="ontop">
<a href="https://surli.cc/jrhobb"><span>PROMOSI</span></a>
<a href="https://surli.cc/jrhobb"><span>LIVECHAT</span></a>
</div>
<article class="neon-box">
<div class="content">
<p>© 2025 kratonbet | SEOCL</p>
</div>
</article>
</div>
</div>
</main>
</body>
</html>