:root{--latar: #FBF7F3;--latar-2: #F1E8E3;--kartu: #FFFFFF;--garis: #E9DDD7;--teks: #2B1A27;--teks-2: #5A4553;--redup: #85707E;--aksi: #8A3374;--aksi-tua: #6A2459;--aksi-muda: #F5E4EF;--aksi-teks: #FFFFFF;--aksen: #E0A82E;--aksen-muda: #FBEFD3;--aksen-tua: #7A5408;--hijau: #7A2A66;--hijau-muda: #F3E2EE;--kuning: #8A5D00;--kuning-muda: #FBEFD3;--merah: #B3372A;--merah-muda: #F8DFDA;--b-pribadi: #6B5BD6;--b-sosial: #E0782E;--b-belajar: #2F7FD8;--b-karier: #C99412;--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-judul: "Fraunces", Georgia, "Times New Roman", serif;--ukuran: 16.5px;--berat-judul: 650;--radius: 20px;--radius-kecil: 13px;--radius-tombol: 999px;--bayangan: 0 1px 2px rgba(60, 22, 50, .05), 0 8px 24px rgba(60, 22, 50, .06);--bayangan-angkat: 0 12px 32px rgba(60, 22, 50, .18);--lebar: 560px;--tepi: 18px;--nav-tinggi: 64px;--halus: cubic-bezier(.2, .8, .2, 1);--pegas: cubic-bezier(.3, 1.4, .5, 1);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--latar);color:var(--teks);font-family:var(--font);font-size:var(--ukuran);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--aksi)}img,svg{max-width:100%}:focus-visible{outline:3px solid var(--aksi);outline-offset:2px}.halaman{max-width:var(--lebar);margin:0 auto;padding:20px var(--tepi) calc(28px + env(safe-area-inset-bottom));min-height:100dvh}.halaman.ada-nav{padding-bottom:calc(var(--nav-tinggi) + 28px + env(safe-area-inset-bottom))}.halaman.ada-cta{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.tumpuk{display:flex;flex-direction:column;gap:12px}.tumpuk-besar{display:flex;flex-direction:column;gap:22px}.baris{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.baris-antara{display:flex;align-items:center;justify-content:space-between;gap:12px}.tumbuh{flex:1;min-width:0}.tengah{text-align:center;align-items:center}.judul{font-family:var(--font-judul);font-weight:var(--berat-judul);font-size:clamp(28px,7.4vw,36px);line-height:1.12;letter-spacing:-.02em}.judul em{font-style:normal;color:var(--aksi)}.judul-2{font-family:var(--font-judul);font-weight:750;font-size:21px;line-height:1.25;letter-spacing:-.01em}.lead{color:var(--teks-2);font-size:17px}.kecil{font-size:14px}.redup{color:var(--redup)}.label{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--redup)}.angka{font-variant-numeric:tabular-nums}.kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);padding:16px;box-shadow:var(--bayangan)}.daftar{display:flex;flex-direction:column;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);overflow:hidden}.daftar>*{padding:14px 16px;border-bottom:1px solid var(--garis)}.daftar>*:last-child{border-bottom:0}.kosong{text-align:center;color:var(--redup);padding:28px 16px;border:1.5px dashed var(--garis);border-radius:var(--radius)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--aksi-muda);color:var(--aksi-tua);font-size:13px;font-weight:650}.chip.hijau{background:var(--hijau-muda);color:var(--hijau)}.chip.kuning{background:var(--kuning-muda);color:var(--kuning)}.cta{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 20px;border:0;border-radius:var(--radius-tombol);background:var(--aksi);color:var(--aksi-teks);font-weight:750;font-size:17px;text-decoration:none;cursor:pointer;transition:transform .15s var(--pegas),background .15s}.cta:hover{background:var(--aksi-tua)}.cta:active{transform:scale(.98)}.cta:disabled{opacity:.55;cursor:default}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--garis);border-radius:var(--radius-kecil);background:var(--kartu);font-weight:650;text-decoration:none;color:var(--teks);cursor:pointer}.tombol.penuh{width:100%}.tombol.kecil{min-height:36px;padding:0 12px;font-size:14px}.tombol:disabled{opacity:.55}.tautan{background:none;border:0;padding:4px 0;color:var(--aksi);font-weight:650;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.isian{display:flex;flex-direction:column;gap:6px}.isian>span{font-size:14px;font-weight:650;color:var(--teks-2)}.input{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--garis);border-radius:var(--radius-kecil);background:var(--kartu);font-size:17px}.input:focus{outline:none;border-color:var(--aksi);box-shadow:0 0 0 3px var(--aksi-muda)}textarea.input{min-height:96px;resize:vertical}.input.kode{text-align:center;letter-spacing:.5em;font-size:26px;font-weight:750}.catatan{background:var(--kuning-muda);color:var(--teks);border-radius:var(--radius-kecil);padding:12px 14px;font-size:14.5px}.error{background:var(--merah-muda);color:var(--merah);border-radius:var(--radius-kecil);padding:10px 14px;font-size:14.5px;font-weight:600}.cta-bawah{position:fixed;left:0;right:0;bottom:0;padding:12px var(--tepi) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--latar) 70%,transparent);z-index:20}.cta-bawah>*{max-width:var(--lebar);margin:0 auto}.nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-tinggi) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--kartu);border-top:1px solid var(--garis);display:flex;justify-content:center;z-index:20}.nav>div{display:flex;width:100%;max-width:var(--lebar)}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--redup);font-size:12px;font-weight:650}.tirai{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f111873;z-index:40;animation:muncul .2s var(--halus)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--kartu);border-radius:22px 22px 0 0;padding:22px var(--tepi) calc(22px + env(safe-area-inset-bottom));max-height:88dvh;overflow:auto;animation:naik .25s var(--halus)}.sheet>*{max-width:var(--lebar);margin-left:auto;margin-right:auto}.toast{position:fixed;left:50%;bottom:calc(var(--nav-tinggi) + 20px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--teks);color:var(--latar);padding:11px 18px;border-radius:999px;font-size:14.5px;font-weight:600;z-index:50;box-shadow:var(--bayangan-angkat);animation:muncul .2s var(--halus);max-width:calc(100vw - 32px)}.boot{min-height:100dvh;display:grid;place-items:center}.spinner{width:34px;height:34px;border:3px solid var(--aksi-muda);border-top-color:var(--aksi);border-radius:50%;animation:putar .8s linear infinite}.masuk-hal{animation:muncul .25s var(--halus)}@keyframes putar{to{transform:rotate(360deg)}}@keyframes muncul{0%{opacity:0}to{opacity:1}}@keyframes naik{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.tumpuk-kecil{display:flex;flex-direction:column;gap:6px}.sub{font-size:15.5px;font-weight:750;color:var(--teks)}.logo{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:19px;color:var(--teks);text-decoration:none;letter-spacing:-.01em}.logo img{border-radius:9px}.tombol.bulat{width:44px;padding:0;border-radius:999px;flex-shrink:0}.tombol.utama{background:var(--aksi);color:var(--aksi-teks);border-color:var(--aksi)}.kepala{display:flex;align-items:center;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.batang{width:100%;background:var(--latar-2);border-radius:999px;overflow:hidden}.batang>i{display:block;height:100%;border-radius:999px;transition:width .9s var(--halus)}.ring{position:relative;display:grid;place-items:center;flex-shrink:0}.ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.ring-isi{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.1}.ring-angka{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1}.map-kartu{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit}.map-hero{padding:22px 16px;gap:14px}.chip.besar{font-size:15px;padding:7px 14px}.chip.merah{background:var(--merah-muda);color:var(--merah)}.kecil-chip{align-self:flex-start;font-size:12px;padding:3px 9px}.titik{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.sorot{border-color:var(--aksi);box-shadow:0 0 0 3px var(--aksi-muda),var(--bayangan)}.sorot-hijau{background:var(--hijau-muda);border-color:transparent;box-shadow:none}.pintasan{display:flex;flex-direction:column;gap:6px;padding:14px;text-decoration:none;color:inherit}.ikon-kotak{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--aksi-muda);color:var(--aksi-tua);flex-shrink:0}.pilihan{display:flex;flex-wrap:wrap;gap:8px}.pil{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--garis);background:var(--kartu);font-weight:650;font-size:14.5px;cursor:pointer;color:var(--teks)}.pil.aktif{background:var(--aksi);border-color:var(--aksi);color:var(--aksi-teks)}.tab{display:flex;gap:4px;padding:4px;background:var(--latar-2);border-radius:13px}.tab>*{flex:1;min-height:38px;border:0;background:none;border-radius:10px;font-weight:700;font-size:14px;color:var(--teks-2);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;padding:0 10px}.tab>.aktif{background:var(--kartu);color:var(--teks);box-shadow:0 1px 3px #00000014}.tab.gulir{overflow-x:auto;scrollbar-width:none}.tab.gulir::-webkit-scrollbar{display:none}.tab.gulir>*{flex:1 0 auto}.baris-prog{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;background:none;border:0;border-bottom:1px solid var(--garis);cursor:pointer;color:inherit;font:inherit}.bulan{flex-shrink:0;width:76px;font-size:12.5px;font-weight:750;color:var(--aksi-tua);background:var(--aksi-muda);border-radius:8px;padding:5px 4px;text-align:center}.baris-kelas,.baris-pilih{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;background:none;border:0;width:100%;text-align:left;font:inherit;cursor:pointer}.baris-pilih{justify-content:space-between}.kertas-bingkai{width:100%;overflow:hidden;border-radius:var(--radius-kecil);background:#fff;border:1px solid var(--garis);box-shadow:var(--bayangan)}.kertas{width:720px;padding:52px 56px;background:#fff;color:#000}.salin-box{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--latar);border:1.5px dashed var(--garis);border-radius:var(--radius-kecil);font-weight:650;font-size:14.5px;color:var(--aksi-tua)}.potong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.langkah{list-style:none;margin:0;padding:0;counter-reset:l;display:flex;flex-direction:column;gap:14px}.langkah li{counter-increment:l;display:grid;grid-template-columns:32px 1fr;column-gap:12px}.langkah li:before{content:counter(l);grid-row:span 2;width:32px;height:32px;border-radius:50%;background:var(--aksi);color:var(--aksi-teks);display:grid;place-items:center;font-weight:800;font-size:15px}.langkah span{color:var(--teks-2);font-size:14.5px}.demo{text-decoration:none;color:inherit}.tautan-isi{color:var(--aksi);font-weight:700;font-size:14.5px;display:inline-flex;align-items:center;gap:4px}.pilih-baris{cursor:pointer;flex-wrap:nowrap}.pilih-baris.aktif{background:var(--aksi-muda)}.pilih-baris input,.cek-baris input{width:21px;height:21px;accent-color:var(--aksi);flex-shrink:0;margin:1px 0 0}.cek-baris{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.cek-baris.aktif{background:var(--aksi-muda)}.kartu-tipis{padding:12px 14px;border:1px solid var(--garis);border-radius:var(--radius-kecil);background:var(--kartu)}.cek-kotak{width:22px;height:22px;border-radius:6px;border:2px solid var(--garis);display:grid;place-items:center;flex-shrink:0;color:#fff}.cek-kotak.aktif{background:var(--aksi);border-color:var(--aksi)}.mic.aktif{background:var(--merah-muda);color:var(--merah);border-color:transparent}.map-baris{display:flex;align-items:center;gap:12px}.cek-bulat{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--latar-2);color:var(--redup);font-weight:800;font-size:13px}.cek-bulat.ok{background:var(--hijau);color:#fff}.linimasa{display:flex;flex-direction:column;border-left:2px solid var(--garis);margin-left:8px}.linimasa>a{position:relative;padding:0 0 18px 18px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:2px}.linimasa>a:before{content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--aksi);border:2px solid var(--latar)}.linimasa>a.kasus:before{background:var(--kuning)}.teks-pra{white-space:pre-line}.tautan.merah{color:var(--merah);align-self:center}.rank{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--latar-2);flex-shrink:0}.angka-besar{font-size:19px}.bidang-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.susun-loading{padding:40px 16px;gap:16px}.hero-angket{background:var(--aksi);color:var(--aksi-teks);border-radius:var(--radius);padding:20px}.hero-angket .label{color:#ffffffd1}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.tgl-grup{font-size:13px;font-weight:750;color:var(--redup);text-transform:uppercase;letter-spacing:.05em;padding:4px 2px 0}.bulan-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-baris{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius-kecil);padding:12px;display:flex;flex-direction:column;gap:2px}.stat b{font-size:24px;font-weight:800;letter-spacing:-.02em}.judul{letter-spacing:-.015em;font-variation-settings:"opsz" 72,"SOFT" 50}.judul em{color:var(--aksi);font-style:italic}.judul-2{font-weight:600;letter-spacing:-.005em;font-variation-settings:"opsz" 36,"SOFT" 50}.logo{font-family:var(--font-judul);font-weight:700;font-size:21px;letter-spacing:-.01em}.ring-angka,.stat b,.angka-besar{font-family:var(--font-judul);font-weight:650}.label{color:var(--aksi-tua);opacity:.78}.kartu{border-color:var(--garis)}.daftar{box-shadow:var(--bayangan)}.chip{background:var(--aksi-muda);color:var(--aksi-tua)}.chip.abu{background:var(--latar-2);color:var(--teks-2)}.cta{box-shadow:0 8px 20px #8a337447;letter-spacing:.005em}.tombol,.tombol.bulat{border-radius:999px}.ikon-kotak{background:var(--aksen-muda);color:var(--aksen-tua);border-radius:14px}.sorot-hijau{background:linear-gradient(135deg,var(--aksi-muda),#FFF6E6);border:1px solid #EBD3E2}.bulan{background:var(--aksen-muda);color:var(--aksen-tua)}.hero-angket{background:radial-gradient(120% 140% at 100% 0%,rgba(224,168,46,.35),transparent 55%),var(--aksi)}.langkah li:before{font-family:var(--font-judul);font-weight:700;background:var(--aksi)}.nav a.aktif{color:var(--aksi)}.nav a.aktif svg{stroke-width:2.4}.demo.kartu{border-top:4px solid var(--aksen)}.lanjut-kartu{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:14px}.terkunci{align-items:flex-start;background:linear-gradient(160deg,var(--aksi-muda),var(--kartu) 70%)}.ikon-kunci{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--aksi);color:var(--aksi-teks)}.ikon-kotak.redup-ikon{background:var(--latar-2);color:var(--redup)}.kiri-teks{text-align:left;font:inherit;cursor:pointer}.cta.sekunder{background:var(--kartu);color:var(--aksi);border:1.5px solid var(--aksi);box-shadow:none}.cta.sekunder:hover{background:var(--aksi-muda)}.sosiogram{background:radial-gradient(circle at 50% 50%,#FFF8EC 0,var(--kartu) 62%);border:1px solid var(--garis);border-radius:var(--radius);padding:6px;box-shadow:var(--bayangan)}.sosiogram svg{display:block;width:100%;height:auto}.legenda{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--teks-2);justify-content:center}.legenda span{display:inline-flex;align-items:center;gap:6px}.legenda i{width:10px;height:10px;border-radius:50%;display:inline-block}.nomor-pil{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--aksen);color:#3a2600;font-size:12px;font-weight:800;margin-right:6px}.pil:disabled{opacity:.45;cursor:default}