:root{--hijau-950: #032b17;--hijau-900: #064e2b;--hijau-800: #0a6634;--hijau-700: #0b7a3e;--hijau-600: #15924b;--hijau-500: #22a85a;--hijau-100: #dcf5e5;--hijau-50: #effaf3;--oranye-600: #ea6a0c;--oranye-500: #f97316;--oranye-100: #ffedd5;--kuning-400: #facc15;--kuning-100: #fef6d8;--merah-600: #dc2626;--merah-100: #fee2e2;--biru-600: #2563eb;--biru-100: #dbeafe;--ungu-600: #7c3aed;--ungu-100: #ede9fe;--latar: #f4f6f3;--permukaan: #ffffff;--teks: #0f1f17;--teks-2: #4b5b53;--teks-3: #8a978f;--garis: #e5eae6;--sudut-s: 10px;--sudut-m: 16px;--sudut-l: 22px;--bayang-1: 0 1px 2px rgba(6, 40, 22, .06), 0 2px 8px rgba(6, 40, 22, .05);--bayang-2: 0 8px 24px rgba(6, 40, 22, .12);--gradasi-utama: linear-gradient(160deg, #0b7a3e 0%, #15924b 55%, #22a85a 100%);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--teks);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--latar);min-height:100dvh}body{overflow-x:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}input{font:inherit}:focus-visible{outline:2px solid var(--oranye-500);outline-offset:2px}.bingkai{width:100%;max-width:520px;margin:0 auto;min-height:100dvh;background:var(--latar);position:relative;padding-bottom:96px}@media (min-width: 768px){.bingkai{max-width:1080px;padding-bottom:32px}}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:.86rem;border-radius:999px;padding:10px 18px;transition:transform .08s ease,filter .15s ease;white-space:nowrap}.tombol:active{transform:scale(.97)}.tombol-utama{background:var(--hijau-700);color:#fff;box-shadow:0 6px 16px #0b7a3e47}.tombol-utama:hover{filter:brightness(1.06)}.tombol-aksen{background:var(--oranye-500);color:#fff;box-shadow:0 6px 16px #f9731647}.tombol-garis{border:1.5px solid var(--hijau-700);color:var(--hijau-700);background:#fff}.tombol-lembut{background:var(--hijau-50);color:var(--hijau-800)}.tombol-kecil{padding:6px 12px;font-size:.75rem}.tombol-penuh{width:100%;padding:14px;font-size:.95rem}.kartu{background:var(--permukaan);border-radius:var(--sudut-l);box-shadow:var(--bayang-1)}.kartu-pad{padding:18px}.kartu-aksen{border-top:4px solid var(--oranye-500)}.lencana{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--merah-600);color:#fff;font-size:.62rem;font-weight:800;display:grid;place-items:center;border:2px solid #fff}.label-atas{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--teks);color:#fff;font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:6px;letter-spacing:.02em;white-space:nowrap}.cip{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:999px}.cip-hijau{background:var(--hijau-100);color:var(--hijau-800)}.cip-oranye{background:var(--oranye-100);color:var(--oranye-600)}.cip-merah{background:var(--merah-100);color:var(--merah-600)}.cip-ungu{background:var(--ungu-100);color:var(--ungu-600)}.cip-abu{background:#eef1ee;color:var(--teks-2)}.ikon-app{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;position:relative}.ikon-kotak{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.kepala{background:var(--gradasi-utama);color:#fff;padding:16px 16px 64px;border-radius:0 0 28px 28px;position:relative;overflow:hidden}.kepala:before,.kepala:after{content:"";position:absolute;border-radius:50%;border:2px dashed rgba(255,255,255,.18)}.kepala:before{width:220px;height:220px;right:-70px;top:-90px}.kepala:after{width:120px;height:120px;left:-40px;bottom:-50px;border-color:#f9731659}.kepala-baris{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.avatar{width:44px;height:44px;border-radius:50%;background:var(--hijau-950);color:#fff;font-weight:800;display:grid;place-items:center;font-size:.95rem;border:2px solid rgba(255,255,255,.35);flex-shrink:0}.sapa-1{font-size:.75rem;opacity:.85}.sapa-2{font-size:1rem;font-weight:800;line-height:1.25}.tombol-bulat{width:42px;height:42px;border-radius:50%;background:#ffffff29;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;position:relative;color:#fff;flex-shrink:0}.cari{margin-top:16px;position:relative;z-index:1;display:flex;align-items:center;gap:10px;background:#fff;color:var(--teks-3);border-radius:999px;padding:12px 16px;box-shadow:var(--bayang-2);width:100%;text-align:left;font-size:.88rem}.cari input{border:none;outline:none;flex:1;min-width:0;color:var(--teks);background:transparent;font-size:.92rem}.isi{padding:0 16px;margin-top:-44px;position:relative;z-index:2;display:flex;flex-direction:column;gap:16px}.judul-bagian{display:flex;align-items:baseline;justify-content:space-between;margin:4px 2px 10px}.judul-bagian h2{font-size:.98rem;font-weight:800}.judul-bagian button,.judul-bagian a{font-size:.78rem;font-weight:700;color:var(--hijau-700)}.grid-app{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 6px;align-items:start}.sel-app{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:.72rem;font-weight:600;color:var(--teks);line-height:1.25}.sel-app span.nama{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 768px){.grid-app{grid-template-columns:repeat(6,1fr)}}.baris{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--garis)}.baris:last-child{border-bottom:none}.baris-teks{flex:1;min-width:0}.baris-1{font-size:.86rem;font-weight:700}.baris-2{font-size:.74rem;color:var(--teks-2);margin-top:2px}@media (min-width: 900px){.dua-kolom{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:start}.dua-kolom>div{display:flex;flex-direction:column;gap:16px}}.nav-bawah{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;pointer-events:none}.nav-isi{pointer-events:auto;width:100%;max-width:520px;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -4px 20px #06281614;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.66rem;font-weight:600;color:var(--teks-3);padding:4px 0;position:relative}.nav-item.aktif{color:var(--hijau-800);font-weight:800}.nav-tengah{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.68rem;font-weight:800;color:var(--oranye-600);margin-top:-30px}.nav-tengah .bulatan{width:60px;height:60px;border-radius:50%;background:var(--oranye-500);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #f9731666;border:4px solid #fff}@media (min-width: 768px){.nav-bawah{display:none}}.nav-pc{display:none}@media (min-width: 768px){.nav-pc{display:flex;gap:4px;position:relative;z-index:1;margin-left:auto}.nav-pc button{color:#ffffffd9;font-weight:700;font-size:.84rem;padding:8px 14px;border-radius:999px;display:flex;align-items:center;gap:6px}.nav-pc button.aktif{background:#ffffff2e;color:#fff}}.latar-gelap{position:fixed;top:0;right:0;bottom:0;left:0;background:#03190d73;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:muncul .15s ease}@media (min-width: 768px){.latar-gelap{align-items:center}}.lembar{background:#fff;width:100%;max-width:520px;border-radius:24px 24px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));max-height:88dvh;overflow-y:auto;animation:naik .2s ease}@media (min-width: 768px){.lembar{border-radius:24px}}.pegangan{width:40px;height:4px;border-radius:2px;background:var(--garis);margin:-6px auto 14px}.layar-cari{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--latar);display:flex;justify-content:center;animation:muncul .12s ease}.layar-cari-isi{width:100%;max-width:640px;padding:14px 16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.sukses{text-align:center;padding:10px 6px 4px}.sukses-bulat{width:96px;height:96px;margin:0 auto 16px;border-radius:50%;background:var(--hijau-50);display:grid;place-items:center;box-shadow:0 0 0 12px #22a85a14;animation:denyut .5s ease}.sukses-bulat>div{width:64px;height:64px;border-radius:50%;background:var(--hijau-100);border:2px solid var(--hijau-600);display:grid;place-items:center;color:var(--hijau-700)}.sukses h3{font-size:1.1rem;font-weight:800}.sukses p{font-size:.85rem;color:var(--teks-2);margin-top:6px}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%);background:var(--teks);color:#fff;padding:10px 16px;border-radius:999px;font-size:.8rem;font-weight:700;z-index:70;box-shadow:var(--bayang-2);animation:naik .2s ease}.kosong{text-align:center;color:var(--teks-3);font-size:.85rem;padding:28px 10px}@keyframes muncul{0%{opacity:0}to{opacity:1}}@keyframes naik{0%{transform:translateY(24px);opacity:.5}to{transform:none;opacity:1}}@keyframes denyut{0%{transform:scale(.7)}70%{transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.gerbang{min-height:100dvh;background:var(--gradasi-utama);color:#fff;position:relative;overflow:hidden;padding-bottom:110px;display:flex;flex-direction:column}.gerbang:before{content:"";position:absolute;width:340px;height:340px;right:-140px;top:-120px;border-radius:50%;border:2px dashed rgba(255,255,255,.16)}.gerbang:after{content:"";position:absolute;width:260px;height:260px;left:-130px;bottom:120px;border-radius:50%;border:3px solid transparent;border-top-color:#f973168c;border-right-color:#f9731640;transform:rotate(-20deg)}.gerbang-atas{width:100%;display:flex;align-items:center;gap:10px;padding:16px;position:relative;z-index:1;max-width:1080px;margin:0 auto}.gerbang-logo{width:38px;height:38px;border-radius:11px;background:#fff;color:var(--hijau-800);font-weight:900;font-size:1.2rem;display:grid;place-items:center;box-shadow:0 4px 12px #00000026}.gerbang-nama{font-weight:900;letter-spacing:.06em;font-size:1rem;line-height:1.1}.gerbang-sub{font-size:.72rem;opacity:.85}.gerbang-isi{position:relative;z-index:1;width:100%;max-width:720px;margin:0 auto;padding:8px 16px 0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.gerbang-banner{width:100%;height:auto;margin-top:0;filter:drop-shadow(0 10px 24px rgba(0,0,0,.18))}.gerbang-judul{font-size:1.55rem;font-weight:800;margin-top:6px}.gerbang-tagline{font-size:.86rem;opacity:.9;margin-top:-8px}.gerbang-sapa{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--teks)}.gerbang-unggul{width:100%;display:grid;gap:8px;margin-top:4px}.gerbang-unggul-item{display:flex;align-items:center;gap:12px;text-align:left;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:var(--sudut-m);padding:10px 12px}@media (min-width: 768px){.gerbang-unggul{grid-template-columns:repeat(3,1fr)}}.gerbang-kutipan{font-style:italic;font-size:.86rem;opacity:.9;margin-top:6px}.gerbang-nav .nav-isi{max-width:520px}