:root{--navy: #1b2a4a;--navy-600: #24365c;--navy-100: #e8ecf4;--abu-900: #1f2430;--abu-700: #495063;--abu-500: #6b7280;--abu-300: #cbd2dd;--abu-100: #f1f3f7;--putih: #ffffff;--sukses: #14663f;--sukses-bg: #e6f4ec;--gagal: #8a1c1c;--gagal-bg: #fbeaea;--tunggu: #7a5200;--tunggu-bg: #fdf3e0;--radius: 10px;--bayang: 0 1px 2px rgba(27, 42, 74, .08), 0 4px 16px rgba(27, 42, 74, .06);--lebar-konten: 1180px}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55;color:var(--abu-900);background:var(--abu-100);-webkit-text-size-adjust:100%}h1,h2,h3{color:var(--navy);line-height:1.25;margin:0 0 .5rem}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}a{color:var(--navy)}p{margin:0 0 .75rem}.wadah{width:100%;max-width:var(--lebar-konten);margin:0 auto;padding:0 16px}.wadah-sempit{max-width:560px}.kartu{background:var(--putih);border:1px solid var(--abu-300);border-radius:var(--radius);padding:16px;box-shadow:var(--bayang)}.kartu+.kartu{margin-top:12px}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.baris{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.baris-antara{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.tumpuk{display:flex;flex-direction:column;gap:12px}.kecil{font-size:.85rem;color:var(--abu-700)}.label-kartu{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--abu-500);margin-bottom:4px}.angka-besar{font-size:1.8rem;font-weight:700;color:var(--navy)}.formula{font-size:.78rem;color:var(--abu-500);border-top:1px dashed var(--abu-300);margin-top:8px;padding-top:6px}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--radius);border:1px solid var(--navy);background:var(--navy);color:var(--putih);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none}.tombol:hover:not(:disabled){background:var(--navy-600)}.tombol:disabled{opacity:.55;cursor:not-allowed}.tombol-sekunder{background:var(--putih);color:var(--navy)}.tombol-sekunder:hover:not(:disabled){background:var(--navy-100)}.tombol-teks{background:none;border:none;color:var(--navy);text-decoration:underline;min-height:44px;cursor:pointer;font-size:.95rem}.tombol-blok{width:100%}label{display:block;font-weight:600;font-size:.92rem;margin-bottom:4px;color:var(--abu-900)}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;font-size:1rem;font-family:inherit;color:var(--abu-900);background:var(--putih);border:1px solid var(--abu-300);border-radius:var(--radius)}input:focus,select:focus,textarea:focus,.tombol:focus-visible,a:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.bidang+.bidang{margin-top:12px}.bantuan{font-size:.82rem;color:var(--abu-700);margin-top:4px}.lencana{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid transparent}.lencana-sukses{background:var(--sukses-bg);color:var(--sukses);border-color:#b6ddc7}.lencana-gagal{background:var(--gagal-bg);color:var(--gagal);border-color:#e7bcbc}.lencana-tunggu{background:var(--tunggu-bg);color:var(--tunggu);border-color:#edd6a4}.lencana-proses{background:var(--navy-100);color:var(--navy);border-color:#c3cee4}.pesan{padding:12px 14px;border-radius:var(--radius);border:1px solid;margin-bottom:12px}.pesan-galat{background:var(--gagal-bg);border-color:#e7bcbc;color:var(--gagal)}.pesan-info{background:var(--navy-100);border-color:#c3cee4;color:var(--navy)}.pesan-sukses{background:var(--sukses-bg);border-color:#b6ddc7;color:var(--sukses)}.kosong{text-align:center;padding:32px 16px;color:var(--abu-700)}.tabel-bungkus{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--abu-300);vertical-align:top}th{background:var(--abu-100);color:var(--navy);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}tbody tr:hover{background:var(--abu-100)}.angka{text-align:right;font-variant-numeric:tabular-nums}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-isi{flex:1;padding:16px 0 96px}.navbawah{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--putih);border-top:1px solid var(--abu-300);padding-bottom:env(safe-area-inset-bottom);z-index:20}.navbawah a{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.75rem;text-decoration:none;color:var(--abu-700);font-weight:600}.navbawah a[aria-current=page]{color:var(--navy);background:var(--navy-100)}.navbawah .ikon{font-size:1.15rem}.topbar{background:var(--navy);color:var(--putih);padding:12px 0}.topbar a{color:var(--putih)}.topbar .merek{font-weight:700;letter-spacing:.02em}.tab-nav{display:flex;gap:4px;flex-wrap:wrap;background:var(--putih);border-bottom:1px solid var(--abu-300);padding:0 16px}.tab-nav a{padding:12px 14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:var(--abu-700);font-weight:600;border-bottom:3px solid transparent}.tab-nav a[aria-current=page]{color:var(--navy);border-bottom-color:var(--navy)}.hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-600) 100%);color:var(--putih);padding:40px 0 48px}.hero h1{color:var(--putih);font-size:1.9rem}.hero p{color:#d8e0ef;max-width:52ch}.langkah{counter-reset:langkah;list-style:none;padding:0;margin:0;display:grid;gap:12px}.langkah li{counter-increment:langkah;background:var(--putih);border:1px solid var(--abu-300);border-radius:var(--radius);padding:14px 14px 14px 52px;position:relative}.langkah li:before{content:counter(langkah);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--putih);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.bagan{width:100%;height:auto}.bagan .batang{fill:#2f6fed}.bagan .batang-alt{fill:#8aa4d6}.bagan .sumbu{stroke:var(--abu-300);stroke-width:1}.bagan text{font-size:10px;fill:var(--abu-700)}.footer{border-top:1px solid var(--abu-300);background:var(--putih);padding:20px 0;font-size:.85rem;color:var(--abu-700);text-align:center}.pratinjau{width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--abu-300);background:var(--abu-100)}.gambar-struk{width:100%;border-radius:var(--radius);border:1px solid var(--abu-300)}.lewati-ke-konten{position:absolute;left:-9999px}.lewati-ke-konten:focus{left:8px;top:8px;z-index:50;background:var(--putih);padding:10px 14px;border-radius:var(--radius)}@media(min-width:900px){.shell-isi{padding-bottom:24px}}