:root{--latar:#e8f3ef;--kertas:#fff;--tinta:#1f2a44;--tinta-2:#2a3654;--tinta-lembut:#56627a;--garis:#d3e0dc;--garis-2:#c2d3cd;--daun:#2f8f5b;--daun-tua:#1f6b42;--daun-muda:#e3f3ea;--kuning:#f6c343;--kuning-terang:#f9d26b;--kuning-tua:#d9a21b;--kuning-muda:#fdf1cc;--langit:#eef7fc;--merah:#d8453b;--huruf:"Andika", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--judul:"Fredoka", "Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--latar);color:var(--tinta);font-family:var(--huruf);padding-inline:16px;padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px);margin:0;font-size:17px;line-height:1.55}.wadah{max-width:1152px;margin-inline:auto}h1,h2,h3{font-family:var(--judul);text-wrap:balance;letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.15}p{margin:0}a{color:var(--daun-tua)}button,input,select{font:inherit}:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}section[id]{scroll-margin-top:16px}.tersembunyi{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn{font-family:var(--judul);cursor:pointer;text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:17px;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-utama{background:var(--daun);color:#fff;box-shadow:0 4px 0 var(--daun-tua)}.btn-utama:hover{background:#2a8152}.btn-kuning{background:var(--kuning);color:var(--tinta);box-shadow:0 4px 0 var(--kuning-tua)}.btn-kuning:hover{background:var(--kuning-terang)}.btn-putih{background:var(--kertas);color:var(--tinta);box-shadow:inset 0 0 0 2px var(--garis-2)}.btn-kecil{padding:9px 16px;font-size:15px}.btn-besar{padding:14px 30px;font-size:20px}.btn-penuh{width:100%;min-height:56px;font-size:18px}.btn.nonaktif{opacity:.45;pointer-events:none}.tautan{color:var(--tinta-lembut);cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:15px;text-decoration:underline}.kepala{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:14px;display:flex}.logo{font-family:var(--judul);color:var(--tinta);align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.logo svg{width:40px;height:40px}.navigasi{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.navigasi form{margin:0}.kaki{color:var(--tinta-lembut);flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:56px 40px;font-size:14px;display:flex}.kabar{background:var(--daun-muda);color:var(--daun-tua);border-radius:14px;margin-block:8px 16px;padding:12px 16px;font-weight:700}.pembuka{grid-template-columns:1.1fr .9fr;align-items:end;gap:20px 48px;padding-block:20px 26px;display:grid}.alis{font-family:var(--judul);letter-spacing:.08em;text-transform:uppercase;color:var(--daun-tua);font-size:14px;font-weight:600}.pembuka h1{margin-top:10px;font-size:clamp(32px,5vw,56px)}.coret{white-space:nowrap;position:relative}.coret svg{width:108%;height:18px;position:absolute;bottom:-8px;left:-4%;overflow:visible}.pembuka-samping p{color:var(--tinta-lembut);max-width:46ch}.janji{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.janji li{background:var(--kertas);box-shadow:inset 0 0 0 2px var(--garis);border-radius:999px;padding:6px 14px;font-size:15px;font-weight:700}.pita{padding-block:72px 8px}.pita-kepala{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px;margin-bottom:26px;display:flex}.pita-kepala h2{font-size:clamp(26px,3.6vw,40px)}.pita-kepala p{color:var(--tinta-lembut);max-width:52ch}.kisi-jilid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.jilid{background:var(--kertas);box-shadow:0 2px 0 var(--garis);border-radius:22px;flex-direction:column;gap:10px;padding:20px;display:flex}.jilid-no{font-family:var(--judul);color:var(--daun-tua);letter-spacing:.06em;font-size:14px;font-weight:700}.jilid h3{font-size:21px}.jilid ul{color:var(--tinta-lembut);margin:0;padding-left:20px;font-size:15px}.jilid-kaki{color:var(--tinta-lembut);margin-top:auto;font-size:14px;font-weight:700}.alasan{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.alasan h3{margin-bottom:6px;font-size:21px}.alasan p{color:var(--tinta-lembut);font-size:16px}.ikon{background:var(--kertas);width:50px;height:50px;box-shadow:0 2px 0 var(--garis);border-radius:16px;place-items:center;margin-bottom:12px;display:grid}.ikon svg{width:28px;height:28px}.gabung{grid-template-columns:.9fr 1.1fr;align-items:start;gap:24px;display:grid}.tawaran{background:var(--kertas);box-shadow:inset 0 0 0 3px var(--daun);border-radius:22px;padding:22px 24px}.tawaran-label{font-family:var(--judul);letter-spacing:.08em;text-transform:uppercase;color:var(--daun-tua);font-size:14px;font-weight:600}.tawaran-harga{font-family:var(--judul);margin-block:4px 6px;font-size:clamp(40px,6vw,56px);font-weight:700;line-height:1.1}.tawaran-catatan{color:var(--tinta-lembut);font-size:15px}.termasuk{gap:8px;margin:14px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.termasuk li{align-items:flex-start;gap:10px;display:flex}.termasuk svg{flex:none;width:20px;height:20px;margin-top:3px}.kartu-form{background:var(--kertas);box-shadow:0 2px 0 var(--garis), 0 18px 40px -24px #1f2a4459;border-radius:24px;grid-template-columns:1fr 1fr;gap:16px;padding:24px;display:grid}.kartu-form.satu-kolom{grid-template-columns:1fr}.kartu-form>h3,.kartu-form>.judul-form,.kartu-form>.lead,.kartu-form>.btn,.kartu-form>.halus,.kartu-form>form,.kartu-form>.rincian-bayar,.kartu-form>.pita-status{grid-column:1/-1}.kartu-form h3{font-size:24px}.judul-form{font-size:clamp(24px,3.4vw,32px)}.lead{color:var(--tinta-lembut);margin-top:-8px;font-size:15px}.isian{align-content:start;gap:6px;display:grid}.isian.penuh{grid-column:1/-1}.isian label{font-size:15px;font-weight:700}.isian input,.isian select{border:2px solid var(--garis);width:100%;height:52px;color:var(--tinta);background:#fbfdfc;border-radius:14px;padding:0 14px}.isian input:focus,.isian select:focus{border-color:var(--daun);outline:none}.isian [aria-invalid=true]{border-color:var(--merah)}.galat{color:var(--merah);font-size:13px}.halus{color:var(--tinta-lembut);font-size:14px}.halaman-sempit{max-width:560px;margin:24px auto 0}.pita-status{font-family:var(--judul);letter-spacing:.06em;text-transform:uppercase;background:var(--daun-muda);color:var(--daun-tua);border-radius:8px;justify-self:start;padding:4px 10px;font-size:13px;font-weight:600}.pita-status.tunggu{background:var(--kuning-muda);color:#6b5200}.rincian-bayar{background:var(--latar);border-radius:18px;margin:0;padding:6px 16px;display:grid}.rincian-bayar>div{border-bottom:2px dashed var(--garis);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.rincian-bayar>div:last-child{border-bottom:0}.rincian-bayar dt{color:var(--tinta-lembut);font-size:15px}.rincian-bayar dd{font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.nominal{font-family:var(--judul);font-size:28px}.salin{background:var(--kertas);box-shadow:inset 0 0 0 2px var(--garis-2);cursor:pointer;color:var(--tinta);border:0;border-radius:10px;padding:6px 12px;font-size:14px;font-weight:700}.panggung{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:20px;display:grid}.kartu-lembar{background:var(--kertas);box-shadow:0 2px 0 var(--garis), 0 18px 40px -24px #1f2a4459;border-radius:24px;overflow:hidden}.kepala-lembar{grid-area:kepala;align-items:center;gap:14px;padding:16px 20px 10px;display:flex}.label-jilid{font-family:var(--judul);letter-spacing:.06em;text-transform:uppercase;background:var(--daun-muda);color:var(--daun-tua);white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600}.soal{flex:1;font-size:clamp(18px,2.3vw,24px);font-weight:700;line-height:1.3}.ucap{background:var(--kuning-muda);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.ucap svg{width:26px;height:26px}.papan{aspect-ratio:1000/640;background:radial-gradient(circle, var(--garis) 1.6px, transparent 1.8px) 0 0 / 26px 26px, #fdfefd;width:min(100% - 28px,156.25dvh - 312.5px);min-width:min(100% - 28px,300px);box-shadow:inset 0 0 0 2px var(--garis);border-radius:16px;grid-area:papan;margin-inline:auto;position:relative}.papan svg.gambar,.papan canvas{width:100%;height:100%;position:absolute;inset:0}.papan canvas{touch-action:none;cursor:crosshair}.papan.menghapus canvas{cursor:cell}.umpan{background:var(--tinta);color:#fff;font-family:var(--judul);pointer-events:none;text-align:center;border-radius:999px;max-width:92%;padding:10px 22px;font-size:clamp(15px,2.2vw,22px);font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.umpan.baik{background:var(--daun)}.sampul{text-align:center;background:#fdfefde6;border-radius:16px;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.sampul h3{margin-bottom:6px;font-size:clamp(20px,3vw,32px)}.sampul p{color:var(--tinta-lembut);margin-bottom:16px}.sampul .aksi{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sampul .catatan{color:var(--merah);font-size:14px}.bintang-besar{justify-content:center;gap:4px;margin-bottom:6px;display:flex}.alat{flex-wrap:wrap;grid-area:alat;align-items:center;gap:10px;padding:14px 20px 18px;display:flex}.krayon-krayon{gap:8px;display:flex}.krayon{cursor:pointer;border:0;border-radius:50%;width:46px;height:46px;transition:transform .15s;box-shadow:inset 0 -5px #0000002e}.krayon[aria-pressed=true]{box-shadow:inset 0 -5px 0 #0000002e, 0 0 0 3px var(--kertas), 0 0 0 6px var(--tinta);transform:translateY(-4px)}.alat-btn{background:var(--latar);cursor:pointer;height:46px;color:var(--tinta);border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:16px;font-weight:700;display:inline-flex}.alat-btn svg{flex:none;width:22px;height:22px}.alat-btn[aria-pressed=true]{background:var(--tinta);color:#fff}.tombol-selesai{height:58px;margin-left:auto;padding:0 30px;font-size:20px}.tombol-selesai svg{width:24px;height:24px}.miring{background:var(--kuning-muda);border-radius:12px;align-items:center;gap:8px;margin:0 14px 12px;padding:8px 12px;font-size:14px;font-weight:700;display:none}.miring svg{flex:none;width:22px;height:22px}.samping{background:var(--kertas);box-shadow:0 2px 0 var(--garis);border-radius:24px;padding:18px}.samping h3{font-size:18px}.samping .sub{color:var(--tinta-lembut);margin-top:2px;font-size:14px}.kastil{background:var(--langit);border-radius:16px;width:100%;height:auto;margin-block:10px;display:block}.bagian{opacity:0;transform-box:fill-box;transform-origin:bottom;transition:opacity .5s,transform .5s;transform:translateY(8px)}.bagian.nyala{opacity:1;transform:none}.bagian.bayang{opacity:.14;transform:none}.langkah-langkah{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:4px;display:grid}.langkah{font-family:var(--judul);aspect-ratio:1;background:var(--latar);color:var(--tinta-lembut);border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid}.langkah.kini{box-shadow:inset 0 0 0 3px var(--tinta);color:var(--tinta)}.langkah.ok{background:var(--daun);color:#fff}.suara{border-top:2px dashed var(--garis);color:var(--tinta-lembut);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:14px;font-size:14px;display:flex}.sakelar{background:var(--garis-2);cursor:pointer;border:0;border-radius:999px;flex:none;width:48px;height:28px;position:relative}.sakelar:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .2s;position:absolute;top:3px;left:3px}.sakelar[aria-checked=true]{background:var(--daun)}.sakelar[aria-checked=true]:after{left:23px}.kembali{margin-top:10px;display:inline-block}.catatan-suara{color:#6b5200;background:var(--kuning-muda);border-radius:10px;margin-top:10px;padding:8px 10px;font-size:13px;line-height:1.4}.hujan{pointer-events:none;width:34px;height:34px;animation:.9s ease-out forwards hujan;position:absolute}@keyframes hujan{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}to{transform:translate(var(--dx), var(--dy)) scale(1) rotate(160deg);opacity:0}}.peta-kepala{grid-template-columns:1fr auto;align-items:end;gap:18px 32px;padding-block:16px 8px;display:grid}.peta-kepala h1{margin-top:6px;font-size:clamp(30px,4.4vw,48px)}.peta-kepala>.btn,.peta-kepala>.kabar{grid-column:1/-1;justify-self:start}.angka-angka{flex-wrap:wrap;gap:10px;margin:0;display:flex}.angka-angka>div{background:var(--kertas);box-shadow:0 2px 0 var(--garis);border-radius:18px;min-width:110px;padding:10px 16px}.angka-angka dt{color:var(--tinta-lembut);font-size:13px}.angka-angka dd{font-family:var(--judul);font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:700}.angka-angka small{color:var(--tinta-lembut);font-size:15px;font-weight:500}.peta-jilid{margin-top:36px}.peta-jilid-kepala{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.peta-jilid-kepala h2{font-size:clamp(22px,3vw,30px)}.pil{background:var(--kertas);color:var(--tinta-lembut);white-space:nowrap;box-shadow:inset 0 0 0 2px var(--garis);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.pil-selesai{background:var(--daun-muda);color:var(--daun-tua);box-shadow:none}.pil-cek{background:var(--kuning-muda);color:#6b5200;box-shadow:none}.kastil-kastil{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kelompok-kastil{background:var(--kertas);box-shadow:0 2px 0 var(--garis);border-radius:20px;padding:12px}.kelompok-judul{font-family:var(--judul);color:var(--tinta-lembut);margin-bottom:8px;font-size:14px;font-weight:600}.ubin-ubin{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ubin{aspect-ratio:1;font-family:var(--judul);background:var(--latar);color:var(--tinta);box-shadow:inset 0 0 0 2px var(--garis-2);border-radius:14px;align-content:center;place-items:center;gap:0;font-size:22px;font-weight:700;text-decoration:none;display:grid}.ubin-selesai{background:var(--daun-muda);box-shadow:inset 0 0 0 2px #b9dcc7}.ubin-kini{background:var(--kuning);box-shadow:0 4px 0 var(--kuning-tua)}.ubin-kunci{color:var(--garis-2);box-shadow:none}.ubin-kunci svg{width:20px;height:20px}.ubin-bintang{letter-spacing:1px;color:var(--kuning-tua);font-size:12px;line-height:1}.ubin-bintang i{color:var(--garis-2);font-style:normal}.admin-kepala{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding-block:16px;display:flex}.admin-kepala h1{margin-top:6px;font-size:clamp(26px,3.6vw,38px)}.cari{flex:1;gap:8px;min-width:0;max-width:460px;display:flex}.cari input{border:2px solid var(--garis);background:#fbfdfc;border-radius:12px;flex:1;min-width:0;height:44px;padding:0 12px}.tab{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tab-item{color:var(--tinta);background:var(--kertas);box-shadow:inset 0 0 0 2px var(--garis);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:700;text-decoration:none}.tab-item.aktif{background:var(--tinta);color:#fff;box-shadow:none}.tab-hitung{text-align:center;background:var(--latar);min-width:22px;color:var(--tinta);border-radius:999px;margin-left:4px;padding:1px 6px;font-size:12px;display:inline-block}.daftar-pengguna{gap:10px;display:grid}.baris-pengguna{background:var(--kertas);box-shadow:0 2px 0 var(--garis);border-radius:18px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px 24px;padding:14px 18px;display:grid}.baris-pengguna.sorot{box-shadow:inset 0 0 0 3px var(--daun)}.pengguna-nama{flex-wrap:wrap;align-items:center;gap:10px;font-size:18px;display:flex}.pengguna-sub{color:var(--tinta-lembut);overflow-wrap:anywhere;font-size:14px}.pengguna-nominal{text-align:right;font-variant-numeric:tabular-nums;display:grid}.pengguna-nominal strong{font-family:var(--judul);font-size:22px}.pengguna-aksi{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pengguna-aksi form{margin:0}.kosong{background:var(--kertas);text-align:center;color:var(--tinta-lembut);border-radius:18px;padding:28px}.halaman{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}@media (width<=900px){.pembuka{grid-template-columns:1fr;align-items:start}.panggung{grid-template-columns:1fr}.samping{order:-1;grid-template-columns:120px 1fr auto;align-items:center;gap:2px 16px;padding:12px 16px;display:grid}.samping .kastil{grid-area:1/1/5;margin:0}.samping .langkah-langkah{grid-column:2;max-width:300px}.samping .suara{border-top:0;border-left:2px dashed var(--garis);flex-direction:column;grid-area:1/3/5;align-items:flex-start;margin:0;padding:0 0 0 16px}.samping .kembali{grid-column:2;margin-top:4px}.samping .catatan-suara{grid-column:1/-1}.kisi-jilid{grid-template-columns:1fr 1fr}.alasan,.gabung{grid-template-columns:1fr}.kastil-kastil{grid-template-columns:1fr 1fr}.baris-pengguna{grid-template-columns:1fr auto}.pengguna-aksi{grid-column:1/-1;justify-content:flex-start}}@media (width<=600px){body{font-size:16px}.logo span{font-size:19px}.logo svg{width:34px;height:34px}.kisi-jilid{grid-template-columns:1fr}.kartu-form{grid-template-columns:1fr;padding:18px}.kepala-lembar{flex-wrap:wrap;gap:8px 10px;padding:12px 12px 8px}.kepala-lembar .label-jilid{order:1}.kepala-lembar .ucap{order:2;margin-left:auto}.kepala-lembar .soal{flex-basis:100%;order:3;font-size:18px}.ucap{width:44px;height:44px}.papan{width:calc(100% - 16px);min-width:0}.alat{gap:8px;padding:12px}.krayon{width:40px;height:40px}.alat-btn{padding:0 12px}.alat-btn span{display:none}.tombol-selesai{width:100%;margin-left:0}.samping{grid-template-columns:88px 1fr;padding:10px 12px}.samping .suara{border-left:0;border-top:2px dashed var(--garis);flex-direction:row;grid-area:auto/1/auto/-1;align-items:center;padding:8px 0 0}.peta-kepala{grid-template-columns:1fr}.angka-angka>div{flex:1;min-width:0;padding:8px 12px}.angka-angka dd{font-size:22px}.kastil-kastil{grid-template-columns:1fr}.ubin-ubin{grid-template-columns:repeat(6,1fr);gap:6px}.ubin{border-radius:10px;font-size:18px}.baris-pengguna{grid-template-columns:1fr}.pengguna-nominal{text-align:left}}@media (width<=600px) and (orientation:portrait){.miring{display:flex}}@media (height<=540px) and (orientation:landscape){.kartu-lembar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kepala kepala""papan alat";display:grid}.kepala-lembar{padding:8px 14px 6px}.soal{font-size:17px}.ucap{width:40px;height:40px}.papan{width:min(100% - 16px,156.25dvh - 131.25px);min-width:0;margin:0 0 10px 10px}.alat{flex-flow:column;align-items:stretch;gap:6px;padding:0 10px 10px}.krayon-krayon{grid-template-columns:1fr 1fr;gap:6px;display:grid}.krayon{width:36px;height:36px}.alat-btn{height:38px}.alat-btn span{display:none}.tombol-selesai{height:48px;margin:0;padding:0 12px;font-size:16px}.panggung{grid-template-columns:1fr}.samping{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.kabar-ajak{background:var(--kuning-muda);color:#5e4700;margin-top:4px}.ajak-mitra{color:var(--tinta-lembut);margin-top:14px;font-size:15px}.tawaran-harga s{color:var(--tinta-lembut);vertical-align:middle;margin-right:6px;font-size:.42em;font-weight:500}.kaki-tautan{gap:16px;display:flex}.langkah-mitra{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.langkah-mitra>div{background:var(--kertas);box-shadow:0 2px 0 var(--garis);border-radius:20px;padding:18px}.langkah-mitra strong{font-family:var(--judul);margin-bottom:4px;font-size:20px;display:block}.langkah-mitra p{color:var(--tinta-lembut);font-size:15px}.ajak-kisi{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-top:20px;display:grid}.tautan-ajak{background:var(--latar);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:flex}.tautan-ajak code{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.kode-ajak{font-family:var(--judul);letter-spacing:.04em;color:var(--tinta);font-size:20px}.sub-judul{margin-top:10px;font-size:20px!important}.form-rekening{gap:14px;display:grid}.baris-ajak{border-bottom:2px dashed var(--garis);justify-content:space-between;align-items:center;gap:10px;padding-block:8px;display:flex}.teks-merah{color:var(--merah)}.judul-bagian{margin:36px 0 12px;font-size:24px}.tabel-gulir{background:var(--kertas);box-shadow:0 2px 0 var(--garis);border-radius:18px;overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:15px}.tabel th,.tabel td{text-align:left;border-bottom:1px solid var(--garis);white-space:nowrap;padding:10px 14px}.tabel th{color:var(--tinta-lembut);font-size:13px;font-weight:700}.tabel .angka{text-align:right;font-variant-numeric:tabular-nums}@media (width<=900px){.langkah-mitra,.ajak-kisi{grid-template-columns:1fr}}.harga-pembuka{margin-top:14px;font-size:18px}.harga-pembuka strong{font-family:var(--judul);font-size:26px}.harga-pembuka s{color:var(--tinta-lembut);margin-right:4px}.tombol-pembuka{flex-wrap:wrap;gap:10px;margin-block:14px 8px;display:flex}.hasil{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.hasil li{background:var(--kertas);box-shadow:0 2px 0 var(--garis);border-radius:18px;align-items:flex-start;gap:12px;padding:16px;display:flex}.hasil svg{flex:none;width:26px;height:26px}.hasil strong{font-family:var(--judul);font-size:18px;font-weight:600}.hasil p{color:var(--tinta-lembut);font-size:15px}.cara{counter-reset:cara;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.cara li{background:var(--kertas);box-shadow:0 2px 0 var(--garis);counter-increment:cara;border-radius:20px;padding:18px}.cara li:before{content:counter(cara);background:var(--daun);color:#fff;width:36px;height:36px;font-family:var(--judul);border-radius:50%;place-items:center;margin-bottom:10px;font-weight:700;display:grid}.cara strong{font-family:var(--judul);margin-bottom:4px;font-size:18px;font-weight:600;display:block}.cara p{color:var(--tinta-lembut);font-size:15px}.cerita{background:var(--kuning-muda);border-radius:24px;max-width:760px;padding:28px}.cerita h2{margin-block:6px 10px;font-size:clamp(24px,3.2vw,34px)}.cerita p:last-child{font-size:17px}.daftar-jilid{grid-template-columns:repeat(2,1fr);align-items:start;gap:10px;display:grid}.jilid-lipat{background:var(--kertas);box-shadow:0 2px 0 var(--garis);border-radius:16px}.jilid-lipat summary{cursor:pointer;padding:14px 18px;font-size:17px;list-style-position:inside}.jilid-lipat summary strong{font-family:var(--judul);margin-left:6px;font-weight:600}.jilid-lipat ul{color:var(--tinta-lembut);margin:0;padding:0 18px 16px 40px;font-size:15px}.info-bayar{color:var(--tinta-lembut);background:var(--kertas);box-shadow:inset 0 0 0 2px var(--garis);border-radius:14px;margin-top:14px;padding:12px 14px;font-size:15px}.sandi{gap:8px;display:flex}.sandi input{flex:1;min-width:0}.lihat-sandi{background:var(--latar);cursor:pointer;color:var(--tinta);border:0;border-radius:12px;flex:none;padding:0 14px;font-size:14px;font-weight:700}.kode-teman summary{cursor:pointer;color:var(--daun-tua);padding-block:4px;font-size:15px;font-weight:700}.kode-teman[open] summary{margin-bottom:10px}.bilah-beli{z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--kertas);justify-content:space-between;align-items:center;gap:12px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px -8px #1f2a444d}.bilah-beli strong{font-family:var(--judul);font-size:20px}.ajakan-uji{background:var(--daun-muda);border-radius:14px;margin:0 20px 18px;padding:12px 16px;font-weight:700}.kenalan{max-width:560px;margin:8px 0 24px}.nominal-kotak{background:var(--kuning-muda);border-radius:18px;justify-items:start;gap:4px;padding:16px 18px;display:grid}.nominal-kotak .nominal{font-size:36px}@media (width<=900px){.hasil,.cara,.daftar-jilid{grid-template-columns:1fr}.panggung[data-mode=uji] .samping{order:1}}@media (width<=600px){.tombol-pembuka .btn{width:100%}.bilah-beli:not([hidden]){display:flex}.kaki{padding-bottom:96px}.cerita{padding:20px}}.mitra-baru{box-shadow:inset 0 0 0 3px var(--daun);margin-bottom:8px}.pesan-wa{white-space:pre-wrap;font-family:var(--huruf);background:var(--latar);border-radius:12px;margin:0;padding:12px 14px;font-size:14px}.ganti-kode{gap:6px;display:flex}.ganti-kode input{border:2px solid var(--garis);text-transform:uppercase;border-radius:10px;width:130px;height:38px;padding:0 10px}.tabel td{vertical-align:top}.pasang{background:var(--kertas);box-shadow:inset 0 0 0 2px var(--daun);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-block:8px 4px;padding:14px 18px;display:flex}.pasang p{color:var(--tinta-lembut);font-size:14px}.pasang-aksi{align-items:center;gap:8px;display:flex}@media (display-mode:standalone){.kepala{padding-top:max(14px, env(safe-area-inset-top,0px))}}.peta-jilid-kunci .peta-jilid-kepala{background:var(--kertas);opacity:.75;box-shadow:0 2px 0 var(--garis);border-radius:18px;padding:14px 16px}.pil-kunci{align-items:center;gap:6px;display:inline-flex}.pil-kunci svg{width:14px;height:14px}.pil-mulai{background:var(--kuning);color:var(--tinta);box-shadow:none;margin-left:8px}.peta-jilid-kepala .jilid-no+.pil{margin-left:8px}.untuk-orang-tua{color:var(--tinta-lembut);margin-top:36px;font-size:15px}.modal{background:var(--kertas);width:min(440px,100% - 32px);color:var(--tinta);border:0;border-radius:24px;padding:0;box-shadow:0 24px 60px -20px #1f2a4473}.modal::backdrop{background:#1f2a4473}.modal[open]{animation:.18s ease-out modal-muncul}@keyframes modal-muncul{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal-isi{gap:12px;padding:24px;display:grid}.modal-isi h2{font-size:22px}.modal-isi p{color:var(--tinta-lembut);font-size:16px}.modal-aksi{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.btn-bahaya{background:var(--merah);color:#fff;box-shadow:0 4px #a8322a}.btn-bahaya:hover{background:#c43d34}@media (width<=600px){.modal-aksi .btn{flex:1}}.faq-pita{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:24px 48px;display:grid}.faq-samping{justify-items:start;gap:14px;display:grid;position:sticky;top:24px}.faq-samping h2{font-size:clamp(26px,3.6vw,40px)}.faq-samping p{color:var(--tinta-lembut);max-width:34ch}.faq{gap:10px;display:grid}.faq-item{background:var(--kertas);box-shadow:0 2px 0 var(--garis);border-radius:18px;transition:box-shadow .15s}.faq-item[open]{box-shadow:inset 0 0 0 2px var(--daun), 0 2px 0 var(--garis)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:17px;font-weight:700;line-height:1.35;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--daun-tua)}.faq-ikon{width:28px;height:28px;color:var(--daun);flex:none;transition:transform .2s}.faq-item[open] .faq-ikon{transform:rotate(45deg)}.faq-item p{color:var(--tinta-lembut);max-width:62ch;padding:0 20px 18px}@media (width<=900px){.faq-pita{grid-template-columns:1fr}.faq-samping{position:static}}@media (width<=600px){.faq-item summary{padding:16px;font-size:16px}.faq-item p{padding:0 16px 16px}}