/* Gaya bersama punyaa.web.id */
:root{--hijau:#01cab7;--toska:#02aacf;--biru:#046ff3;--gelap:#01060c;--panel:#071420;--garis:#13293d;--teks:#cbd5e1;--redup:#8796a8;--putih:#fff;
  --gradasi:linear-gradient(90deg,var(--hijau),var(--toska),var(--biru))}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--teks);
  background:radial-gradient(ellipse at 0% 0%,#03433f 0,transparent 42%),radial-gradient(ellipse at 100% 0%,#1d6f8c 0,transparent 38%),var(--gelap);background-attachment:fixed}
a{color:var(--hijau)}
.wadah{max-width:1080px;margin:0 auto;padding:0 20px}
nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
nav .logo img{height:38px;display:block}
nav .menu{display:flex;gap:22px;align-items:center}
nav .menu a{color:var(--teks);text-decoration:none;font-size:.95rem}
nav .menu a:hover{color:#fff}
.tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font:inherit;font-weight:600;text-decoration:none;
  padding:12px 24px;border-radius:999px;color:var(--gelap);background:var(--gradasi);transition:transform .15s,box-shadow .15s}
.tombol:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(2,170,207,.35)}
.tombol.garis{background:transparent;color:#fff;border:1.5px solid var(--garis)}
.tombol.garis:hover{border-color:var(--toska);box-shadow:none}
.tombol.kecil{padding:8px 18px;font-size:.9rem}
.tombol[disabled]{opacity:.6;cursor:wait;transform:none}
h1,h2,h3{color:#fff;line-height:1.25}
.grad{background:var(--gradasi);-webkit-background-clip:text;background-clip:text;color:transparent}
.kartu{background:rgba(7,20,32,.82);border:1px solid var(--garis);border-radius:18px;padding:22px}
.lencana{display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(1,202,183,.12);color:var(--hijau);border:1px solid rgba(1,202,183,.35)}
footer.kaki{border-top:1px solid var(--garis);margin-top:64px;padding:28px 0 40px;font-size:.9rem;color:var(--redup)}
footer.kaki .wadah{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}
footer.kaki img{height:28px;display:block}
@media (max-width:720px){nav .menu a:not(.tombol){display:none}}