/* System — tumpukan huruf sistem, tidak perlu memuat apa pun */
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
/* Token yang dipakai pustaka ini — tempel sekali di stylesheet-mu,
   lalu semua komponen yang kamu salin akan langsung berwarna benar. */
:root{
  /* Warna dasar */
  --bg:#010d0d;
  --surface:#011515;
  --card:#021b1a;
  --border:#032e2d;
  --primary:#0dbfbb;
  --primary-d:#098683;
  --accent:#7adcda;
  --accent-d:#3dccc9;
  --text:#e7f9f8;
  --muted:#92e2e0;
  --success:#28d17c;
  /* Turunan warna */
  --on-accent:#111f1f;
  --accent-l:#c3efee;
  --accent-t:#a9e8e7;
  --primary-t:#92e2e0;
  --success-t:#9eeac4;
  --text-2:#c5f0ee;
  --placeholder:#518281;
  --deep:#043736;
  --dim:#065d5b;
  --frame-a:#0f2625;
  --frame-b:#010a0a;
  --frame-c:#214746;
  /* Kanal RGB (dipakai untuk transparansi) */
  --bg-rgb:1 13 13;
  --primary-rgb:13 191 187;
  --primary-d-rgb:9 134 131;
  --accent-rgb:122 220 218;
  --accent-d-rgb:61 204 201;
  --success-rgb:40 209 124;
  /* Bayangan */
  --glow:0 0 18px rgb(13 191 187/.5);
  --accent-glow:0 0 18px rgb(122 220 218/.45);
  /* Huruf & bentuk */
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"Cascadia Code","Consolas","SF Mono",Menlo,monospace;
  --rs:1.45;
}
/* Aset gambar — di halaman ini nilainya base64 supaya bisa dibuka offline.
   Untuk produksi, arahkan ke berkas aslinya: */
.btn-bar{display:flex;gap:9px;background:var(--surface);border-top:1px solid var(--accent-d);padding:11px 13px;border-radius:calc(12px*var(--rs))}
.btn-bar a{flex:1;text-align:center;padding:13px;border-radius:calc(9px*var(--rs));font:800 14px/1 var(--sans);text-decoration:none}
.btn-bar .b1{background:var(--card);color:var(--accent);border:1px solid var(--accent)}
.btn-bar .b2{background:linear-gradient(180deg,var(--primary),var(--primary-d));color:#fff;box-shadow:var(--glow)}
.an-wv span{display:inline-block;animation:wvUp 1.4s ease-in-out infinite}
.an-wv span:nth-child(1){animation-delay:0s}
.an-wv span:nth-child(2){animation-delay:.08s}
.an-wv span:nth-child(3){animation-delay:.16s}
.an-wv span:nth-child(4){animation-delay:.24s}
.an-wv span:nth-child(5){animation-delay:.32s}
.an-wv span:nth-child(6){animation-delay:.4s}
.an-wv span:nth-child(7){animation-delay:.48s}
@keyframes wvUp{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-13px)}}
.btn-shine{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,var(--primary),var(--primary-d));color:#fff;font:800 14px/1 var(--sans);
  padding:14px 30px;border:1px solid var(--primary);border-radius:calc(10px*var(--rs));text-decoration:none;box-shadow:var(--glow)}
.btn-shine::after{content:"";position:absolute;top:0;bottom:0;width:45%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transform:translateX(-140%);animation:btnSweep 2.2s ease-in-out infinite}
@keyframes btnSweep{0%,55%{transform:translateX(-140%)}75%,100%{transform:translateX(260%)}}