


<!DOCTYPE html>
<html amp lang="id-ID">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Layanan Terbaik INITOTO88 - Daftar Slot 5000 Yang Mudah Banget Pecahan Gemsnya</title>
<meta name="description" content="INITOTO88 kasih info slot 5000 yang lagi sering dicari mudah pecah gemsnya. Praktis, gampang dimainin, dan cocok buat yang pengen main tanpa ribet.">
<link rel="canonical" href="https://suedeandmesh.com/jewelry/">
<meta property="og:type" content="website">
<meta property="og:url" content="https://suedeandmesh.com/jewelry/">
<meta property="og:title" content="Layanan Terbaik INITOTO88 - Daftar Slot 5000 Yang Mudah Banget Pecahan Gemsnya">
<meta property="og:description" content="INITOTO88 kasih info slot 5000 yang lagi sering dicari mudah pecah gemsnya. Praktis, gampang dimainin, dan cocok buat yang pengen main tanpa ribet.">
<meta property="og:image" content="https://initoto88.design/assets/banner/initoto88-03.webp">
<meta property="og:site_name" content="INITOTO88">
<meta property="og:url" content="https://suedeandmesh.com/jewelry/" />
<link rel="shortcut icon" href="https://initoto88.design/assets/icons/initoto88-icon.webp">
<link rel="icon" type="image/png" href="https://initoto88.design/assets/icons/initoto88-icon.webp">
<link rel="apple-touch-icon" href="https://initoto88.design/assets/icons/initoto88-icon.webp">
<link rel="preconnect" href="https://cdn.ampproject.org">
<link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;600;700&display=swap">
<script async src="https://cdn.ampproject.org/v0.js"></script>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://situs-slot-deposit-1000.pages.dev/amp/"
  },
  "headline": "Layanan Terbaik INITOTO88 - Daftar Slot 5000 Yang Mudah Banget Pecahan Gemsnya",
  "image": [
    "https://initoto88.design/assets/banner/initoto88-03.webp"
  ],
  "datePublished": "2026-03-27T08:00:00+07:00",
  "dateModified": "2026-03-27T09:20:00+07:00",
  "author": {
    "@type": "Person",
    "name": "Admin"
  },
  "publisher": {
    "@type": "Organization",
    "name": "INITOTO88",
    "logo": {
      "@type": "ImageObject",
      "url": "https://initoto88.design/assets/logo/initoto88-logo.gif"
    }
  },
  "description": "INITOTO88 kasih info slot 5000 yang lagi sering dicari mudah pecah gemsnya. Praktis, gampang dimainin, dan cocok buat yang pengen main tanpa ribet."
}
</script>

<style amp-custom>
/* ===== RESET & BASE ===== */
*,:after,:before{box-sizing:border-box;margin:0;padding:0}
body{
  min-height:var(--vh,100vh);
  min-width:320px;
  overflow-x:hidden;
  overflow-wrap:break-word;
  line-height:1;
  text-size-adjust:none;
  font-family:'Rajdhani',sans-serif;
  background:#040913;
  color:#eaf6ff;
}
a{color:inherit;text-decoration:none;transition:color .25s ease,text-shadow .25s ease}
ul{list-style:none}
img{max-width:100%;vertical-align:top}

/* ===== CSS VARIABLES ===== */
:root{
  --vh:100vh;
  --blue-deep:#050c18;
  --blue-dark:#0a1630;
  --blue-mid:#123463;
  --blue-bright:#38bdf8;
  --blue-glow:#5dd6ff;
  --blue-neon:#2563eb;
  --blue-star:#d9efff;
  --gold:#c6a861;
  --white:#ffffff;
  --text-dim:#9ab9d8;
  --text-bright:#eaf6ff;
  --card-bg:rgba(9, 22, 44, 0.72);
  --card-border:rgba(117, 196, 255, 0.18);
  --glow-shadow:0 0 20px rgba(37, 99, 235, 0.26),0 0 60px rgba(56, 189, 248, 0.14);
  --glow-shadow-sm:0 0 10px rgba(56, 189, 248, 0.22);
}

/* ===== STARFIELD BACKGROUND ===== */
#page-wrap{
  position:relative;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  background:
    radial-gradient(ellipse at 20% 20%,rgba(56,189,248,.16) 0%,transparent 50%),
    radial-gradient(ellipse at 80% 80%,rgba(37,99,235,.16) 0%,transparent 50%),
    radial-gradient(ellipse at 50% 0%,rgba(14,165,233,.12) 0%,transparent 60%),
    linear-gradient(180deg,#0b1730 0%,#07111f 40%,#040913 100%);
  overflow:hidden;
}

/* Decorative star dots via pseudo-style box-shadows on spans */
.star-layer{
  position:fixed;
  top:0;left:0;
  width:100%;height:100%;
  pointer-events:none;
  z-index:0;
}

/* ===== NEBULA ORBS (CSS only, AMP safe) ===== */
.nebula-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(60px);
  pointer-events:none;
  z-index:0;
}
.nebula-orb.n1{
  width:300px;height:300px;
  background:radial-gradient(circle,rgba(56,189,248,.24),transparent 70%);
  top:-80px;left:-60px;
  animation:orb-drift1 12s ease-in-out infinite alternate;
}
.nebula-orb.n2{
  width:250px;height:250px;
  background:radial-gradient(circle,rgba(37,99,235,.20),transparent 70%);
  top:40%;right:-60px;
  animation:orb-drift2 15s ease-in-out infinite alternate;
}
.nebula-orb.n3{
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(14,165,233,.16),transparent 70%);
  bottom:10%;left:20%;
  animation:orb-drift1 10s ease-in-out infinite alternate;
}
@keyframes orb-drift1{from{transform:translate(0,0)}to{transform:translate(20px,30px)}}
@keyframes orb-drift2{from{transform:translate(0,0)}to{transform:translate(-25px,20px)}}

/* ===== SCANLINE OVERLAY ===== */
.scanlines{
  position:fixed;
  top:0;left:0;width:100%;height:100%;
  background:repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(93,214,255,0.015) 2px,
    rgba(93,214,255,0.015) 4px
  );
  pointer-events:none;
  z-index:1;
}

/* ===== GRID LINE DECORATION ===== */
.grid-lines{
  position:fixed;
  top:0;left:0;width:100%;height:100%;
  background-image:
    linear-gradient(rgba(93,214,255,0.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(93,214,255,0.04) 1px,transparent 1px);
  background-size:50px 50px;
  pointer-events:none;
  z-index:0;
}

/* ===== MAIN CONTAINER ===== */
#main-content{
  position:relative;
  z-index:2;
  width:100%;
  max-width:480px;
  padding:0 0 2rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
}

/* ===== HEADER SECTION ===== */
.header-section{
  width:100%;
  padding:1.5rem 1.25rem 1rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
  position:relative;
}

/* Neon top border */
.header-section::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--blue-neon),var(--blue-bright),var(--blue-neon),transparent);
  animation:border-pulse 3s ease-in-out infinite;
}
@keyframes border-pulse{
  0%,100%{opacity:0.6}
  50%{opacity:1}
}

/* ===== LOGO WRAPPER ===== */
.logo-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.logo-wrap::before{
  content:'';
  position:absolute;
  inset:-8px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--blue-bright),var(--blue-neon),var(--blue-bright));
  opacity:0.18;
  animation:logo-glow 2.5s ease-in-out infinite alternate;
}
@keyframes logo-glow{from{opacity:0.14;filter:blur(4px)}to{opacity:0.34;filter:blur(8px)}}

.logo-img-wrap{
  display:block;
  line-height:0;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(117,196,255,.35);
  box-shadow:var(--glow-shadow-sm);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
}
.logo-img-wrap amp-img{
  display:block;
  width:220px;
  height:auto;
}

/* ===== STATUS BADGE ===== */
.status-badge{
  display:flex;
  align-items:center;
  gap:0.5rem;
  background:rgba(56,189,248,.10);
  border:1px solid rgba(117,196,255,.28);
  border-radius:100px;
  padding:0.35rem 1rem;
  font-family:'Orbitron',monospace;
  font-size:10px;
  letter-spacing:0.12em;
  color:#ffffff;
  text-transform:uppercase;
  box-shadow:0 0 14px rgba(56,189,248,.10);
}
.status-dot{
  width:6px;height:6px;
  border-radius:50%;
  background:var(--blue-bright);
  box-shadow:0 0 8px var(--blue-bright);
  animation:blink 1.2s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.2}}

/* ===== HERO SECTION ===== */
.hero-section{
  width:100%;
  padding:0 1.25rem 1.25rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
}

/* ===== SECTION TITLE ===== */
.section-title{
  font-family:'Orbitron',monospace;
  font-size:14px;
  font-weight:900;
  letter-spacing:0.08em;
  text-align:center;
  color:var(--white);
  text-shadow:
    0 0 10px var(--blue-glow),
    0 0 30px rgba(56,189,248,.28);
  line-height:1.3;
  text-transform:uppercase;
  animation:title-shimmer 4s ease-in-out infinite;
}
@keyframes title-shimmer{
  0%,100%{text-shadow:0 0 10px var(--blue-glow),0 0 30px rgba(56,189,248,.28)}
  50%{text-shadow:0 0 20px var(--blue-bright),0 0 50px rgba(37,99,235,.32),0 0 80px rgba(56,189,248,.18)}
}

/* ===== BANNER IMAGE ===== */
.banner-frame{
  width:100%;
  position:relative;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(117,196,255,.24);
  box-shadow:
    var(--glow-shadow),
    inset 0 0 30px rgba(19,52,99,.28);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
}
.banner-frame::before{
  content:'';
  position:absolute;
  top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);
  animation:shine 5s ease-in-out infinite;
  z-index:2;
  pointer-events:none;
}
@keyframes shine{0%{left:-100%}60%,100%{left:160%}}

.banner-frame amp-img{
  display:block;
  width:100%;
}

/* Corner decorations */
.corner{
  position:absolute;
  width:16px;height:16px;
  z-index:3;
  pointer-events:none;
}
.corner.tl{top:6px;left:6px;border-top:2px solid var(--blue-bright);border-left:2px solid var(--blue-bright)}
.corner.tr{top:6px;right:6px;border-top:2px solid var(--blue-bright);border-right:2px solid var(--blue-bright)}
.corner.bl{bottom:6px;left:6px;border-bottom:2px solid var(--blue-bright);border-left:2px solid var(--blue-bright)}
.corner.br{bottom:6px;right:6px;border-bottom:2px solid var(--blue-bright);border-right:2px solid var(--blue-bright)}

/* ===== STATS BAR ===== */
.stats-bar{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:0.5rem;
}
.stat-item{
  background:var(--card-bg);
  border:1px solid var(--card-border);
  border-radius:10px;
  padding:0.6rem 0.4rem;
  text-align:center;
  backdrop-filter:blur(10px);
  position:relative;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.stat-item::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--blue-bright),transparent);
}
.stat-value{
  display:block;
  font-family:'Orbitron',monospace;
  font-size:10px;
  font-weight:700;
  color:#ffffff;
  text-shadow:0 0 10px rgba(56,189,248,.30);
  line-height:1;
  margin-bottom:0.3rem;
}
.stat-label{
  display:block;
  font-size:12px;
  color:#d9efff;
  letter-spacing:0.1em;
  text-transform:uppercase;
  font-family:'Orbitron',monospace;
}

/* ===== BUTTONS SECTION ===== */
.buttons-section{
  width:100%;
  padding:0 1.25rem;
  display:flex;
  flex-direction:column;
  gap:0.875rem;
}

/* Main CTA Button */
.btn-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0.75rem;
  width:100%;
  height:3.5rem;
  border-radius:10px;
  font-family:'Orbitron',monospace;
  font-size:15px;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,filter .25s ease;
}
.btn-cta:active{transform:scale(0.97)}

/* Primary button */
.btn-primary{
  background:linear-gradient(135deg,#6fe0ff,#2563eb,#38bdf8,#1d4ed8);
  background-size:300% 300%;
  color:#fff;
  border:1px solid rgba(117,196,255,.42);
  box-shadow:
    0 0 20px rgba(37,99,235,.34),
    0 0 40px rgba(56,189,248,.18),
    inset 0 1px 0 rgba(255,255,255,0.2),
    inset 0 -1px 0 rgba(0,0,0,0.16);
  animation:btn-flow 3s ease infinite;
}
@keyframes btn-flow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* Secondary button */
.btn-secondary{
  background:linear-gradient(135deg,rgba(14,34,63,.92),rgba(20,58,112,.92));
  color:#ffffff;
  border:1px solid rgba(117,196,255,.30);
  box-shadow:
    0 0 15px rgba(37,99,235,.18),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

/* Button shimmer effect */
.btn-cta::before{
  content:'';
  position:absolute;
  top:0;left:-100%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.16),transparent);
  animation:btn-shine 3s ease-in-out infinite;
}
.btn-primary::before{animation-delay:0s}
.btn-secondary::before{animation-delay:1.5s}
@keyframes btn-shine{0%{left:-100%}50%,100%{left:150%}}

/* Btn icon svg */
.btn-icon{
  width:1.2rem;height:1.2rem;
  fill:currentColor;
  flex-shrink:0;
}

/* ===== DIVIDER ===== */
.divider{
  width:100%;
  padding:0 1.25rem;
  display:flex;
  align-items:center;
  gap:0.75rem;
}
.divider-line{
  flex:1;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(93,214,255,.34),transparent);
}
.divider-text{
  font-family:'Orbitron',monospace;
  font-size:20px;
  letter-spacing:0.15em;
  color:#ffffff;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 0 10px rgba(56,189,248,.20);
}

/* ===== FEATURES SECTION ===== */
.features-section{
  width:100%;
  padding:0 1.25rem;
  display:flex;
  flex-direction:column;
  gap:0.6rem;
}

.feature-card{
  display:flex;
  align-items:center;
  gap:0.875rem;
  background:var(--card-bg);
  border:1px solid var(--card-border);
  border-radius:12px;
  padding:0.875rem 1rem;
  position:relative;
  overflow:hidden;
  backdrop-filter:blur(8px);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.feature-card::before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--blue-bright),var(--blue-neon));
  box-shadow:0 0 8px rgba(56,189,248,.35);
}

.feature-icon{
  width:2.2rem;height:2.2rem;
  border-radius:8px;
  background:linear-gradient(135deg,rgba(56,189,248,.24),rgba(37,99,235,.18));
  border:1px solid rgba(117,196,255,.20);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  box-shadow:0 0 12px rgba(56,189,248,.14);
}
.feature-icon svg{
  width:1rem;height:1rem;
  fill:#ffffff
}

.feature-text{flex:1;min-width:0}
.feature-title{
  font-family:'Orbitron',monospace;
  font-size:14px;
  font-weight:700;
  color:var(--white);
  letter-spacing:0.08em;
  text-transform:uppercase;
  margin-bottom:0.2rem;
}
.feature-desc{
  font-size:10px;
  color:var(--text-dim);
  line-height:1.5;
}

.feature-badge{
  font-family:'Orbitron',monospace;
  font-size:10px;
  font-weight:700;
  letter-spacing:0.1em;
  color:#ffffff;
  background:rgba(8,19,37,.82);
  border:1px solid rgba(117,196,255,.22);
  border-radius:4px;
  padding:0.2rem 0.4rem;
  white-space:nowrap;
  text-transform:uppercase;
  flex-shrink:0;
  box-shadow:0 0 10px rgba(37,99,235,.10);
}

/* ===== TICKER / SCROLLING NEWS ===== */
.ticker-wrap{
  width:100%;
  background:rgba(10, 26, 49, 0.68);
  border-top:1px solid rgba(117,196,255,.14);
  border-bottom:1px solid rgba(117,196,255,.14);
  overflow:hidden;
  padding:0.5rem 0;
  position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), inset 0 -1px 0 rgba(255,255,255,.03);
}
.ticker-label{
  position:absolute;
  left:0;top:0;bottom:0;
  display:flex;
  align-items:center;
  padding:0 0.75rem;
  background:linear-gradient(90deg,var(--blue-bright),var(--blue-neon));
  font-family:'Orbitron',monospace;
  font-size:10px;
  font-weight:700;
  color:#fff;
  letter-spacing:0.1em;
  text-transform:uppercase;
  white-space:nowrap;
  z-index:2;
  box-shadow:4px 0 12px rgba(37,99,235,.28);
}
.ticker-track{
  display:flex;
  white-space:nowrap;
  padding-left:6rem;
  animation:ticker-scroll 20s linear infinite;
}
.ticker-item{
  display:inline-flex;
  align-items:center;
  gap:0.4rem;
  font-size:10px;
  color:#ffffff;
  padding:0 1.5rem;
  letter-spacing:0.03em;
}
.ticker-sep{
  color:var(--blue-bright);
  font-weight:700;
}
@keyframes ticker-scroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

/* ===== FOOTER ===== */
.footer-section{
  width:100%;
  padding:1rem 1.25rem 0.5rem;
  text-align:center;
}
.footer-text{
  font-family:'Orbitron',monospace;
  font-size:15px;
  color:#ffffff;
  letter-spacing:0.12em;
  text-transform:uppercase;
  opacity:0.72;
  text-shadow:0 0 10px rgba(56,189,248,.18);
}

/* ===== PULSE RING (decorative) ===== */
.pulse-ring{
  position:fixed;
  bottom:10%;right:5%;
  width:80px;height:80px;
  border-radius:50%;
  border:1px solid rgba(93,214,255,0.14);
  animation:pulse-expand 4s ease-out infinite;
  pointer-events:none;
  z-index:0;
}
.pulse-ring.r2{animation-delay:1.3s;width:100px;height:100px;bottom:8%;right:3%}
.pulse-ring.r3{animation-delay:2.6s;width:120px;height:120px;bottom:6%;right:1%}
@keyframes pulse-expand{
  0%{opacity:0.5;transform:scale(0.8)}
  100%{opacity:0;transform:scale(1.4)}
}

/* ===== AMP ENFORCED ===== */
amp-img.logo-amp{display:block;width:220px;max-width:100%}
amp-img.banner-amp{display:block;width:100%}
.amp-wp-enforced-sizes{display:inline-block}
[hidden]{display:none}
</style>
<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>
</head>
<body>

<!-- SVG icon defs (hidden) -->
<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" hidden aria-hidden="true">
  <symbol id="ico-login" viewBox="0 0 40 40">
    <path d="M36.3,32.1c-2.6,0.7-5.5-0.9-6.8-3.5l-2.9-6.2H20h-6.6l-2.9,6.2c-1.2,2.6-4.1,4.2-6.8,3.5c-2.6-0.7-4.2-3.4-3.5-6L2,19.3C2,19.2,2,19.1,2.1,19l1.5-5.8c0.8-3,3.9-5.4,6.9-5.4H20h9.5c3,0,6.1,2.4,6.9,5.4l1.5,5.8c0,0.1,0.1,0.2,0.1,0.3l1.8,6.8C40.5,28.7,39,31.4,36.3,32.1z M16.2,15c0-0.5-0.4-0.9-0.9-0.9h-2.5v-2.5c0-0.5-0.4-0.9-0.9-0.9H11c-0.5,0-0.9,0.4-0.9,0.9v2.5H7.5c-0.5,0-0.9,0.4-0.9,0.9v0.8c0,0.5,0.4,0.9,0.9,0.9h2.6v2.6c0,0.5,0.4,0.9,0.9,0.9h0.8c0.5,0,0.9-0.4,0.9-0.9v-2.6h2.5c0.5,0,0.9-0.4,0.9-0.9V15z M25.4,13.8c-0.9,0-1.7,0.7-1.7,1.7s0.7,1.7,1.7,1.7c0.9,0,1.7-0.7,1.7-1.7S26.3,13.8,25.4,13.8z M28.7,10.5c-0.9,0-1.7,0.7-1.7,1.7c0,0.9,0.7,1.7,1.7,1.7c0.9,0,1.7-0.7,1.7-1.7C30.3,11.2,29.6,10.5,28.7,10.5z M28.7,17c-0.9,0-1.7,0.7-1.7,1.7c0,0.9,0.7,1.7,1.7,1.7c0.9,0,1.7-0.7,1.7-1.7C30.3,17.8,29.6,17,28.7,17z M31.9,13.8c-0.9,0-1.7,0.7-1.7,1.7s0.7,1.7,1.7,1.7c0.9,0,1.7-0.7,1.7-1.7S32.9,13.8,31.9,13.8z"/>
  </symbol>
  <symbol id="ico-register" viewBox="0 0 40 40">
    <path d="M31.6,36.5H8.4c-1.7,0-3.1-1.4-3.1-3.1v-4.6c0-3.8,1.8-6.9,5.2-9c1.1-0.7,2.4-1.2,3.8-1.6c-0.8-0.7-1.5-1.5-2-2.4c-0.8-1.3-1.2-2.9-1.2-4.4c0-4.9,4-8.9,8.9-8.9s8.9,4,8.9,8.9c0,1.6-0.4,3.1-1.2,4.4c-0.5,0.9-1.2,1.7-2,2.4c1.4,0.4,2.7,1,3.8,1.6c3.4,2,5.2,5.1,5.2,9v4.6C34.7,35.1,33.3,36.5,31.6,36.5z"/>
  </symbol>
  <symbol id="ico-shield" viewBox="0 0 40 40">
    <path d="M20 3L5 9v10c0 9.4 6.4 18.2 15 21 8.6-2.8 15-11.6 15-21V9L20 3zm-2 26l-6-6 2.1-2.1L18 24.8l9.9-9.9 2.1 2.1L18 29z"/>
  </symbol>
  <symbol id="ico-lightning" viewBox="0 0 40 40">
    <path d="M22 2L8 22h12l-2 16 14-20H20L22 2z"/>
  </symbol>
  <symbol id="ico-trophy" viewBox="0 0 40 40">
    <path d="M30 5H10v2H6v6c0 3.3 2.7 6 6 6h.6C14 22.5 16.8 25 20 25s6-2.5 7.4-6H28c3.3 0 6-2.7 6-6V7h-4V5zM12 17c-2.2 0-4-1.8-4-4v-4h2v4h2v4zm20-4c0 2.2-1.8 4-4 4v-4h2V9h-2V7h4v6zM18 27h4v2h-4v-2zm-4 4h12v4H14v-4z"/>
  </symbol>
  <symbol id="ico-globe" viewBox="0 0 40 40">
    <path d="M20 3C10.6 3 3 10.6 3 20s7.6 17 17 17 17-7.6 17-17S29.4 3 20 3zm14.8 15.9h-6.2c-.1-2.2-.3-4.2-.8-6.1 1.5-.4 3-.9 4.2-1.5.6.9 1.2 1.8 1.6 2.9.7 1.4 1.1 3 1.2 4.7zM20 5.4c.3.2.6.3.9.6.8.7 1.6 1.7 2.2 3 .4.7.7 1.5.9 2.3-1.3.2-2.7.4-4 .4V5.4zm-2 .6c-.8.7-1.6 1.7-2.2 3-.4.7-.7 1.5-.9 2.3 1.3.2 2.7.4 4 .4V5.4c-.3.2-.6.3-.9.6zm2 22.4c-.3-.2-.6-.3-.9-.6-.8-.7-1.6-1.7-2.2-3-.4-.7-.7-1.5-.9-2.3 1.3-.2 2.7-.4 4-.4v6.3zm2-.6c.8-.7 1.6-1.7 2.2-3 .4-.7.7-1.5.9-2.3-1.3-.2-2.7-.4-4-.4v6.3c.3-.2.6-.3.9-.6z"/>
  </symbol>
</svg>

<div id="page-wrap">
  <!-- Decorative bg elements -->
  <div class="nebula-orb n1"></div>
  <div class="nebula-orb n2"></div>
  <div class="nebula-orb n3"></div>
  <div class="scanlines"></div>
  <div class="grid-lines"></div>
  <div class="pulse-ring"></div>
  <div class="pulse-ring r2"></div>
  <div class="pulse-ring r3"></div>

  <!-- TICKER BAR (top) -->
  <div class="ticker-wrap">
    <span class="ticker-label">LIVE</span>
    <div class="ticker-track">
      <span class="ticker-item">&#9733; JACKPOT MAXWIN TERBUKA<span class="ticker-sep">|</span></span>
      <span class="ticker-item">WIN RATE 98.7%<span class="ticker-sep">|</span></span>
      <span class="ticker-item">PREDIKSI TOGEL<span class="ticker-sep">|</span></span>
      <span class="ticker-item">ANTI-LAG ANTI-BLOCK<span class="ticker-sep">|</span></span>
      <span class="ticker-item">GAMPANG MENANG<span class="ticker-sep">|</span></span>
      <span class="ticker-item">WITHDRAW INSTAN 2 MENIT<span class="ticker-sep">|</span></span>
      <!-- duplicate for seamless loop -->
      <span class="ticker-item">&#9733; JACKPOT MAXWIN TERBUKA<span class="ticker-sep">|</span></span>
      <span class="ticker-item">WIN RATE 98.7%<span class="ticker-sep">|</span></span>
      <span class="ticker-item">PREDIKSI TOGEL<span class="ticker-sep">|</span></span>
      <span class="ticker-item">ANTI-LAG ANTI-BLOCK<span class="ticker-sep">|</span></span>
      <span class="ticker-item">GAMPANG MENANG<span class="ticker-sep">|</span></span>
      <span class="ticker-item">WITHDRAW INSTAN 2 MENIT<span class="ticker-sep">|</span></span>
    </div>
  </div>

  <div id="main-content">

    <!-- HEADER -->
    <div class="header-section">
      <!-- Logo -->
      <a href="https://superini.me/fanew88" class="logo-wrap">
        <span class="logo-img-wrap">
          <amp-img
            src="https://initoto88.design/assets/logo/initoto88-logo.gif"
            alt="Logo mawartoto"
            width="auto"
            height="57"
            layout="fixed-height"
            class="logo-amp amp-wp-enforced-sizes">
            <noscript>
              <img src="https://initoto88.design/assets/logo/initoto88-logo.gif" alt="Logo mawartoto" width="220" height="57">
            </noscript>
          </amp-img>
        </span>
      </a>

      <!-- Status Badge -->
      <div class="status-badge">
        <span class="status-dot"></span>
        INITOTO88
      </div>
    </div>

    <!-- HERO SECTION -->
    <div class="hero-section">
      <!-- Title -->
      <h1 class="section-title">SLOT 5000 - SITUS TOTO TOGEL ONLINE</h1>

      <!-- Stats Bar -->
      <div class="stats-bar">
        <div class="stat-item">
          <span class="stat-value">98.7%</span>
          <span class="stat-label">WIN RATE</span>
        </div>
        <div class="stat-item">
          <span class="stat-value">24/7</span>
          <span class="stat-label">ONLINE</span>
        </div>
        <div class="stat-item">
          <span class="stat-value">2min</span>
          <span class="stat-label">WITHDRAW</span>
        </div>
      </div>

      <!-- Banner Image -->
      <div class="banner-frame">
        <span class="corner tl"></span>
        <span class="corner tr"></span>
        <span class="corner bl"></span>
        <span class="corner br"></span>
        <a href="https://superini.me/fanew88">
          <amp-img
            src="https://initoto88.design/assets/banner/initoto88-03.webp"
            alt="Banner INITOTO88"
            width="600"
            height="600"
            layout="responsive"
            class="banner-amp amp-wp-enforced-sizes">
            <noscript>
              <img src="https://initoto88.design/assets/banner/initoto88-03.webp" alt="Banner INITOTO88" width="600" height="600">
            </noscript>
          </amp-img>
        </a>
      </div>
    </div>

    <!-- BUTTONS -->
    <div class="buttons-section">
      <a href="https://superini.me/fanew88" class="btn-cta btn-primary">
        <svg class="btn-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" aria-hidden="true">
          <use href="#ico-login"/>
        </svg>
        LOGIN
      </a>
      <a href="https://superini.me/fanew88" class="btn-cta btn-secondary">
        <svg class="btn-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" aria-hidden="true">
          <use href="#ico-register"/>
        </svg>
        DAFTAR
      </a>
    </div>
<br>
    <!-- DIVIDER -->
    <div class="divider">
      <span class="divider-line"></span>
      <span class="divider-text">Keunggulan</span>
      <span class="divider-line"></span>
    </div>
<br>
    <!-- FEATURE CARDS -->
    <div class="features-section">

      <div class="feature-card">
        <div class="feature-icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" aria-hidden="true"><use href="#ico-shield"/></svg>
        </div>
        <div class="feature-text">
          <div class="feature-title">Sistem Fair Play</div>
          <div class="feature-desc">RNG tersertifikasi resmi, tidak ada manipulasi hasil</div>
        </div>
      </div>

      <div class="feature-card">
        <div class="feature-icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" aria-hidden="true"><use href="#ico-lightning"/></svg>
        </div>
        <div class="feature-text">
          <div class="feature-title">Anti-Lag Server</div>
          <div class="feature-desc">Server Thailand tier-1, uptime 99.9% tanpa gangguan</div>
        </div>
      </div>

      <div class="feature-card">
        <div class="feature-icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" aria-hidden="true"><use href="#ico-trophy"/></svg>
        </div>
        <div class="feature-text">
          <div class="feature-title">Maxwin Terbesar</div>
          <div class="feature-desc">Jackpot progresif dengan pembayaran tertinggi 2026</div>
        </div>
      </div>

      <div class="feature-card">
        <div class="feature-icon">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" aria-hidden="true"><use href="#ico-globe"/></svg>
        </div>
        <div class="feature-text">
          <div class="feature-title">Pasaran Terlengkap</div>
          <div class="feature-desc">Pasaran Toto Togel Terlengkap Dan Terupdate 2026</div>
        </div>
      </div>

    </div>

    <!-- FOOTER -->
    <div class="footer-section">
      <p class="footer-text">&#169; 2026 &bull; INITOTO88 X CN-2809</p>
    </div>

  </div><!-- /main-content -->
</div><!-- /page-wrap -->

</body>
</html>