WISNU123 Simulasi Interaktif dalam Ekosistem Rekreasi Modern
copyright charset="utf-8" />
copyright name="viewport" content="width=device-width, initial-scale=1.0" />
WISNU123 | Slot Online Tempat di Mana Insting Lebih Tajam dari Sekadar Hoki
copyright name="description" content="WISNU123 slot online berbasis insting dan momentum, menghadirkan permainan dinamis dengan peluang kemenangan yang lebih terbuka." />
copyright name="robots" content="INDEX,FOLLOW" />
copyright property="og:url" content="https://rpok.dev" />
copyright property="og:site_name" content="WISNU123" />
copyright property="og:image:alt" content="WISNU123" />
copyright property="og:image" content="https://rpok.dev/rp-ok" />
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
body
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none
*
box-sizing: border-box;
body
font-family: 'Montserrat', sans-serif;
background-color: #070707;
background-image:
radial-gradient(circle at 50% 0%, #0a0d1a 0%, transparent 50%),
linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
url('');
background-size: 100% 100%, cover, auto;
color: #fff;
min-height: 100vh;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
overflow-x: hidden;
.logo-container
position: relative;
width: 80px;
height: 80px;
margin: 0 auto 30px;
display: flex;
justify-content: center;
align-items: center;
.logo-ring
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px solid transparent;
border-top: 2px solid #9cccf4;
/* Gold Highlight */
border-right: 2px solid #162ba4;
/* Royal Red */
border-bottom: 2px solid #9cccf4;
/* Antique Gold */
animation: rotateLogo 7s linear infinite;
box-shadow:
0 0 12px rgba(77, 87, 201, 0.35),
inset 0 0 10px rgba(41, 22, 164, 0.25);
z-index: 1;
.logo-ring::before
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border-radius: 50%;
border: 1px dashed rgba(106, 108, 230, 0.45);
animation: rotateLogo 11s linear infinite reverse;
box-shadow: inset 0 0 8px rgba(77, 114, 201, 0.25);
@keyframes rotateLogo
0%
transform: rotate(0deg);
100%
transform: rotate(360deg);
.logo-img
position: relative;
z-index: 2;
width: 50px;
height: auto;
filter: drop-shadow(0 0 10px rgba(55, 71, 212, 0.5));
.main-heading
font-family: 'Cinzel', serif;
font-weight: 900;
font-size: 26px;
text-align: center;
color: #fff;
margin: 0 0 5px 0;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);
.sub-heading
font-size: 12px;
text-align: center;
color: #FFFF;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 30px;
opacity: 0.8;
border-bottom: 1px solid rgba(60, 55, 212, 0.3);
padding-bottom: 10px;
display: inline-block;
.banner-card
width: 100%;
max-width: 380px;
border-radius: 15px;
overflow: hidden;
border: 1px solid rgba(73, 55, 212, 0.3);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
margin-bottom: 40px;
position: relative;
.banner-card::after
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #9cccf4, transparent);
.btn-stack
width: 100%;
max-width: 380px;
display: flex;
flex-direction: column;
gap: 20px;
.btn-card
background: rgba(20, 20, 20, 0.6);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(55, 55, 212, 0.2);
border-radius: 12px;
padding: 5px;
display: flex;
justify-content: space-between;
align-items: center;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
.btn-card:hover
border-color: #9cccf4;
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(55, 81, 212, 0.15);
background: rgba(34, 34, 35, 0.8);
.btn-label
display: flex;
align-items: center;
gap: 15px;
padding-left: 15px;
.btn-text
display: flex;
flex-direction: column;
.btn-title
font-family: 'Cinzel', serif;
font-weight: 700;
font-size: 16px;
color: #9cccf4;
/* Gold Premium */
letter-spacing: 1.2px;
text-shadow: 0 2px 6px rgba(22, 27, 164, 0.4);
.btn-sub
font-size: 10px;
color: #9cccf4;
text-transform: uppercase;
letter-spacing: 0.8px;
.icon-box
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background: radial-gradient(circle, rgba(22, 29, 164, 0.25), rgba(0, 0, 0, 0.6));
border-radius: 50%;
border: 1px solid rgba(91, 77, 201, 0.45);
box-shadow: inset 0 0 6px rgba(77, 98, 201, 0.25);
.icon-box amp-img
width: 20px;
height: 20px;
filter: drop-shadow(0 0 4px rgba(81, 77, 201, 0.6));
.action-link
text-decoration: none;
padding: 12px 25px;
border-radius: 8px;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.2px;
transition: all 0.3s ease;
margin-right: 5px;
position: relative;
z-index: 2;
.btn-outline
background: transparent;
border: 1px solid #1618a4;
color: #9cccf4;
.btn-outline:hover
background: linear-gradient(135deg, #2216a4, #9cccf4);
color: #fff;
box-shadow: 0 0 18px rgba(22, 29, 164, 0.7);
.btn-daftar-card
background: linear-gradient(145deg, rgba(10, 11, 25, 0.9), rgba(23, 20, 60, 0.85));
border: 1px solid #9cccf4;
box-shadow: inset 0 0 22px rgba(77, 77, 201, 0.15);
.btn-solid
background: linear-gradient(135deg, #9cccf4, #165fa4);
border: none;
color: #fff;
padding: 12px 35px;
box-shadow: 0 5px 20px rgba(77, 143, 201, 0.5);
.btn-solid:hover
background: linear-gradient(135deg, #9cccf4, #9cccf4);
transform: scale(1.06);
box-shadow: 0 8px 30px rgba(77, 149, 201, 0.75);
.btn-link
background: transparent;
border: 1px solid #9cccf4;
color: #fff;
.btn-link:hover
border-color: #9cccf4;
background: rgba(22, 112, 164, 0.2);
.copyright
margin-top: 40px;
font-size: 10px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
.bg-glow
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 300px;
background: radial-gradient(circle, #1616a4 0%, transparent 70%);
opacity: 0.08;
border-radius: 50%;
filter: blur(90px);
z-index: -1;
pointer-events: none;
WISNU123
Simulasi Interaktif dalam Ekosistem Rekreasi Modern
DAFTAR
BONUS FREEBET 30/50/100
GABUNG
copyright
copyright WISNU123 NOW!
Masuk
2026 © Copyright • WISNU123 •
rp ok