:root{--c-primer:#0f5c63;--c-primer-gelap:#0a4349;--c-primer-muda:#e3f1f2;--c-teks:#1b2430;--c-teks-redup:#4a5565;--c-latar:#f4f6f8;--c-kartu:#fff;--c-garis:#c9d1da;--c-sukses:#166534;--c-sukses-muda:#dcfce7;--c-bahaya:#b42318;--c-bahaya-muda:#fee4e2;--c-peringatan:#8a4b08;--c-peringatan-muda:#fef0c7;--c-info:#1d4ed8;--c-info-muda:#e0eaff;--c-fokus:#f59e0b;--c-gelap:#111827;--f-keluarga:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--f-kecil:.875rem;--f-dasar:1rem;--f-besar:1.125rem;--f-h2:1.375rem;--f-h1:1.625rem;--f-hasil:2rem;--j-1:.25rem;--j-2:.5rem;--j-3:.75rem;--j-4:1rem;--j-5:1.5rem;--j-6:2rem;--r-kecil:6px;--r-sedang:10px;--r-besar:16px;--bayangan:0 1px 2px #10182814, 0 1px 3px #1018280f;--sentuh:44px;--lebar-maks:1080px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--f-keluarga);font-size:var(--f-dasar);color:var(--c-teks);background:var(--c-latar);margin:0;line-height:1.5}h1,h2,h3{margin:0 0 var(--j-3);line-height:1.25}h1{font-size:var(--f-h1)}h2{font-size:var(--f-h2)}h3{font-size:var(--f-besar)}p{margin:0 0 var(--j-3)}a{color:var(--c-primer);text-underline-offset:2px}a:hover{color:var(--c-primer-gelap)}:focus-visible{outline:3px solid var(--c-fokus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lompat{background:var(--c-kartu);padding:var(--j-3);z-index:100;position:absolute;top:0;left:-999px}.lompat:focus{left:var(--j-2);top:var(--j-2)}.redup{color:var(--c-teks-redup)}.kecil{font-size:var(--f-kecil)}.tengah{text-align:center}.ikon{vertical-align:-.2em;flex:none;width:1.25em;height:1.25em}.topbar{background:var(--c-primer);color:#fff;z-index:20;position:sticky;top:0}.topbar-isi{max-width:var(--lebar-maks);padding:0 var(--j-4);flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--j-2);color:#fff;min-height:56px;font-weight:700;font-size:var(--f-besar);text-decoration:none;display:inline-flex}.brand:hover{color:#fff}.menu-btn{min-height:var(--sentuh);min-width:var(--sentuh);color:#fff;border-radius:var(--r-kecil);padding:0 var(--j-3);font:inherit;cursor:pointer;align-items:center;gap:var(--j-2);background:0 0;border:1px solid #fff9;display:inline-flex}.nav{width:100%;padding:var(--j-2) 0 var(--j-3);display:none}.nav.terbuka{display:block}.nav a{align-items:center;gap:var(--j-2);min-height:var(--sentuh);padding:0 var(--j-3);color:#fff;border-radius:var(--r-kecil);text-decoration:none;display:flex}.nav a:hover{background:var(--c-primer-gelap);color:#fff}.nav a[aria-current=page]{background:var(--c-primer-gelap);font-weight:700;box-shadow:inset 4px 0 #fff}.nav .peran{font-size:var(--f-kecil);color:#d6ecee;padding:var(--j-2) var(--j-3);margin-top:var(--j-2);border-top:1px solid #ffffff40}@media (width>=900px){.menu-btn{display:none}.nav{align-items:center;gap:var(--j-1);width:auto;padding:0;display:flex}.nav .peran{margin:0 var(--j-2) 0 var(--j-3);border:0;padding:0}.nav a[aria-current=page]{border-radius:var(--r-kecil) var(--r-kecil) 0 0;box-shadow:inset 0 -3px #fff}}.halaman{max-width:var(--lebar-maks);padding:var(--j-4);margin:0 auto}.halaman.sempit{max-width:640px}.remah{font-size:var(--f-kecil);margin-bottom:var(--j-3)}.kepala-halaman{gap:var(--j-3);margin-bottom:var(--j-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.kepala-halaman h1{margin:0}.aksi{gap:var(--j-2);flex-wrap:wrap;display:flex}.grid{gap:var(--j-4);display:grid}@media (width>=700px){.grid.dua{grid-template-columns:1fr 1fr}.grid.tiga{grid-template-columns:repeat(3,1fr)}}.btn{justify-content:center;align-items:center;gap:var(--j-2);min-height:var(--sentuh);padding:0 var(--j-4);font:inherit;cursor:pointer;border-radius:var(--r-sedang);border:2px solid var(--c-primer);background:var(--c-primer);color:#fff;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--c-primer-gelap);border-color:var(--c-primer-gelap);color:#fff}.btn.sekunder{background:var(--c-kartu);color:var(--c-primer)}.btn.sekunder:hover{background:var(--c-primer-muda);color:var(--c-primer-gelap)}.btn.bahaya{background:var(--c-bahaya);border-color:var(--c-bahaya)}.btn.bahaya:hover{background:#8f1c12;border-color:#8f1c12}.btn.bahaya-garis{background:var(--c-kartu);color:var(--c-bahaya);border-color:var(--c-bahaya)}.btn.bahaya-garis:hover{background:var(--c-bahaya-muda);color:#8f1c12}.btn.kecil{min-height:var(--sentuh);font-size:var(--f-kecil);padding:0 var(--j-3)}.btn.penuh{width:100%}.btn.raksasa{min-height:64px;font-size:var(--f-h2);border-radius:var(--r-besar)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.kartu{background:var(--c-kartu);border:1px solid var(--c-garis);border-radius:var(--r-besar);padding:var(--j-4);box-shadow:var(--bayangan)}.kartu+.kartu{margin-top:var(--j-4)}.kartu h2,.kartu h3{margin-top:0}.kartu-acara{gap:var(--j-2);flex-direction:column;display:flex}.kartu-acara dl,.meta{gap:var(--j-1) var(--j-3);font-size:var(--f-kecil);grid-template-columns:auto 1fr;margin:0;display:grid}.meta dt{color:var(--c-teks-redup)}.meta dd{margin:0}.ringkasan{gap:var(--j-2);margin-bottom:var(--j-4);grid-template-columns:repeat(3,1fr);display:grid}.angka{background:var(--c-kartu);border:1px solid var(--c-garis);border-radius:var(--r-sedang);padding:var(--j-3)}.angka strong{font-size:var(--f-h1);line-height:1.1;display:block}.angka span{font-size:var(--f-kecil);color:var(--c-teks-redup)}.form-baris{margin-bottom:var(--j-4)}label,.label{margin-bottom:var(--j-1);font-weight:600;display:block}.bantuan{font-size:var(--f-kecil);color:var(--c-teks-redup);margin:var(--j-1) 0 0}.wajib{color:var(--c-bahaya)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=datetime-local],input[type=date],input[type=time],select,textarea{width:100%;min-height:var(--sentuh);padding:var(--j-2) var(--j-3);font:inherit;color:var(--c-teks);border-radius:var(--r-sedang);background:#fff;border:2px solid #8591a1}input[type=file]{width:100%;padding:var(--j-3);border-radius:var(--r-sedang);font:inherit;background:#fff;border:2px dashed #8591a1}input:focus,select:focus,textarea:focus{outline:3px solid var(--c-fokus);outline-offset:1px;border-color:var(--c-primer)}.invalid{background:snow;border-color:var(--c-bahaya)!important}.pesan-galat{gap:var(--j-1);color:var(--c-bahaya);font-size:var(--f-kecil);margin:var(--j-1) 0 0;align-items:flex-start;font-weight:600;display:flex}.cek{align-items:center;gap:var(--j-3);min-height:var(--sentuh);font-weight:400;display:flex}.cek input{width:22px;height:22px;accent-color:var(--c-primer)}fieldset{border:1px solid var(--c-garis);border-radius:var(--r-sedang);padding:var(--j-3) var(--j-4);margin:0 0 var(--j-4)}legend{padding:0 var(--j-2);font-weight:600}.form-aksi{gap:var(--j-2);flex-wrap:wrap;display:flex}.form-aksi .btn{flex:140px}@media (width>=700px){.form-aksi .btn{flex:none}}.filter{gap:var(--j-3);margin-bottom:var(--j-4);display:grid}@media (width>=700px){.filter{grid-template-columns:2fr 1fr 1fr auto;align-items:end}.filter .form-baris{margin:0}}.banner{gap:var(--j-3);border-radius:var(--r-sedang);padding:var(--j-3) var(--j-4);margin-bottom:var(--j-4);border:1px solid;align-items:flex-start;display:flex}.banner.sukses{background:var(--c-sukses-muda);border-color:var(--c-sukses);color:#0d4a24}.banner.galat{background:var(--c-bahaya-muda);border-color:var(--c-bahaya);color:#7a1a12}.banner.peringatan{background:var(--c-peringatan-muda);border-color:var(--c-peringatan);color:#6b3a05}.banner.info{background:var(--c-info-muda);border-color:var(--c-info);color:#173b99}.banner p{margin:0}.banner ul{margin:var(--j-1) 0 0;padding-left:var(--j-5)}.lencana{font-size:var(--f-kecil);white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:.3em;padding:.15rem .6rem;font-weight:600;display:inline-flex}.lencana.hijau{background:var(--c-sukses-muda);color:#0d4a24;border-color:#86c9a0}.lencana.merah{background:var(--c-bahaya-muda);color:#7a1a12;border-color:#f1a7a1}.lencana.kuning{background:var(--c-peringatan-muda);color:#6b3a05;border-color:#e5c27a}.lencana.abu{color:#2f3b4a;background:#e9edf1;border-color:#b6c0cc}.lencana.biru{background:var(--c-info-muda);color:#173b99;border-color:#a5bbf0}.tabel-bungkus{width:100%}table.tabel{border-collapse:collapse;width:100%}table.tabel thead{position:absolute;left:-9999px}table.tabel tr{background:var(--c-kartu);border:1px solid var(--c-garis);border-radius:var(--r-sedang);padding:var(--j-3);margin-bottom:var(--j-3);display:block}table.tabel td{justify-content:space-between;gap:var(--j-3);padding:var(--j-1) 0;text-align:right;display:flex}table.tabel td:before{content:attr(data-label);color:var(--c-teks-redup);text-align:left;flex:none;font-weight:600}table.tabel td.judul{font-weight:700;font-size:var(--f-besar);text-align:left;display:block}table.tabel td.judul:before{display:none}@media (width>=900px){.tabel-bungkus{background:var(--c-kartu);border:1px solid var(--c-garis);border-radius:var(--r-sedang);overflow-x:auto}table.tabel thead{position:static}table.tabel tr{background:0 0;border:0;border-radius:0;margin:0;padding:0;display:table-row}table.tabel td,table.tabel th{padding:var(--j-3);text-align:left;border-bottom:1px solid var(--c-garis);vertical-align:middle;display:table-cell}table.tabel th{font-size:var(--f-kecil);color:var(--c-teks);background:#eef2f5}table.tabel td:before{display:none}table.tabel td.judul{font-size:var(--f-dasar);display:table-cell}table.tabel tbody tr:last-child td{border-bottom:0}table.tabel td.angka-kolom,table.tabel th.angka-kolom{text-align:right}}.gulir{overflow-x:auto}.halaman-nomor{gap:var(--j-2);margin:var(--j-4) 0;flex-wrap:wrap;justify-content:center;align-items:center;padding:0;list-style:none;display:flex}.halaman-nomor a,.halaman-nomor span{min-width:var(--sentuh);min-height:var(--sentuh);padding:0 var(--j-3);border:1px solid var(--c-garis);border-radius:var(--r-sedang);background:var(--c-kartu);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.halaman-nomor [aria-current=page]{background:var(--c-primer);color:#fff;border-color:var(--c-primer);font-weight:700}.kosong{text-align:center;padding:var(--j-6) var(--j-4);background:var(--c-kartu);border:2px dashed var(--c-garis);border-radius:var(--r-besar)}.kosong svg{width:56px;height:56px;color:var(--c-teks-redup);margin-bottom:var(--j-3)}.kerangka{border-radius:var(--r-kecil);height:1rem;margin-bottom:var(--j-2);background:linear-gradient(90deg,#e3e8ee 25%,#f1f4f7 50%,#e3e8ee 75%) 0 0/200% 100%;animation:1.4s infinite kilau}@keyframes kilau{to{background-position:-200% 0}}.putar{border:4px solid var(--c-garis);border-top-color:var(--c-primer);width:40px;height:40px;margin:0 auto var(--j-3);border-radius:50%;animation:.9s linear infinite putar}@keyframes putar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.kerangka,.putar{animation:none}}dialog{border-radius:var(--r-besar);padding:var(--j-5);width:calc(100% - 2rem);max-width:440px;color:var(--c-teks);border:0;box-shadow:0 20px 50px #00000059}dialog::backdrop{background:#11182799}.masuk-bungkus{min-height:100vh;padding:var(--j-4);background:var(--c-primer-muda);justify-content:center;align-items:center;display:flex}.masuk-kartu{width:100%;max-width:420px}.logo-besar{align-items:center;gap:var(--j-3);font-size:var(--f-h1);color:var(--c-primer);margin-bottom:var(--j-4);justify-content:center;font-weight:700;display:flex}.kamera{aspect-ratio:3/4;background:var(--c-gelap);color:#e5e7eb;border-radius:var(--r-besar);justify-content:center;align-items:center;width:100%;max-height:62vh;display:flex;position:relative;overflow:hidden}.kamera .bingkai{aspect-ratio:1;width:62%;position:relative}.kamera .bingkai i{border:5px solid #fff;width:34px;height:34px;position:absolute}.kamera .bingkai i:first-child{border-bottom:0;border-right:0;border-top-left-radius:10px;top:0;left:0}.kamera .bingkai i:nth-child(2){border-bottom:0;border-left:0;border-top-right-radius:10px;top:0;right:0}.kamera .bingkai i:nth-child(3){border-top:0;border-right:0;border-bottom-left-radius:10px;bottom:0;left:0}.kamera .bingkai i:nth-child(4){border-top:0;border-left:0;border-bottom-right-radius:10px;bottom:0;right:0}.kamera .garis-pindai{background:#34d399;height:3px;animation:2s ease-in-out infinite alternate sapu;position:absolute;top:50%;left:4%;right:4%}@keyframes sapu{0%{top:8%}to{top:90%}}@media (prefers-reduced-motion:reduce){.kamera .garis-pindai{animation:none}}.kamera .petunjuk{bottom:var(--j-3);text-align:center;font-size:var(--f-kecil);padding:0 var(--j-3);position:absolute;left:0;right:0}.panel-simulasi{margin-top:var(--j-4);border:2px dashed var(--c-garis);border-radius:var(--r-sedang);padding:var(--j-3);background:#fff}.panel-simulasi h2{font-size:var(--f-besar)}.panel-simulasi ul{gap:var(--j-2);margin:0;padding:0;list-style:none;display:grid}.hasil{border-radius:var(--r-besar);padding:var(--j-5) var(--j-4);text-align:center;margin-bottom:var(--j-4);border:4px solid}.hasil .ikon-besar{width:88px;height:88px;margin:0 auto var(--j-3);display:block}.hasil h1{font-size:var(--f-hasil);margin-bottom:var(--j-2)}.hasil .nama{font-size:var(--f-h1);margin:0;font-weight:700}.hasil .sub{font-size:var(--f-besar);margin:var(--j-1) 0 0}.hasil.hijau{background:var(--c-sukses-muda);border-color:var(--c-sukses);color:#0d4a24}.hasil.merah{background:var(--c-bahaya-muda);border-color:var(--c-bahaya);color:#7a1a12}.hasil.kuning{background:var(--c-peringatan-muda);border-color:var(--c-peringatan);color:#6b3a05}.penghitung{justify-content:center;align-items:stretch;gap:var(--j-3);margin:var(--j-3) 0;display:flex}.penghitung button{cursor:pointer;width:72px;min-height:72px;color:var(--c-primer);border:3px solid var(--c-primer);border-radius:var(--r-sedang);background:#fff;font-size:2rem;font-weight:700}.penghitung button:hover{background:var(--c-primer-muda)}.penghitung output{border:3px solid var(--c-garis);border-radius:var(--r-sedang);min-width:96px;color:var(--c-teks);background:#fff;justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex}.tombol-bawah{gap:var(--j-3);display:grid}.email-bungkus{border:1px solid var(--c-garis);border-radius:var(--r-sedang);background:#fff;max-width:600px;margin:0 auto;overflow:hidden}.email-kepala{background:var(--c-primer);color:#fff;padding:var(--j-4)}.email-kepala h1{font-size:var(--f-h2);margin:0}.email-isi{padding:var(--j-5) var(--j-4)}.email-qr{text-align:center;margin:var(--j-4) 0}.email-qr svg{outline:2px solid var(--c-garis);background:#fff;border:8px solid #fff;width:220px;height:220px}.email-kaki{padding:var(--j-3) var(--j-4);font-size:var(--f-kecil);color:var(--c-teks-redup);background:#eef2f5}.header-surat{background:var(--c-kartu);border:1px solid var(--c-garis);border-radius:var(--r-sedang);padding:var(--j-3) var(--j-4);margin-bottom:var(--j-4)}.daftar-layar{gap:var(--j-2);margin:0;padding:0;list-style:none;display:grid}.daftar-layar a{min-height:var(--sentuh);align-items:center;gap:var(--j-2);padding:var(--j-2) var(--j-3);border:1px solid var(--c-garis);border-radius:var(--r-sedang);background:#fff;text-decoration:none;display:flex}.daftar-layar a:hover{background:var(--c-primer-muda)}.daftar-layar small{color:var(--c-teks-redup);display:block}.langkah{padding-left:var(--j-5)}.langkah li{margin-bottom:var(--j-2)}.kaki{text-align:center;color:var(--c-teks-redup);font-size:var(--f-kecil);padding:var(--j-5) var(--j-4)}.menunggu{z-index:50;color:#fff;font-size:var(--f-besar);background:#111827d9;flex-direction:column;justify-content:center;align-items:center;font-weight:600;display:flex;position:fixed;inset:0}.menunggu[hidden]{display:none}.menunggu .putar{border-color:#fff #ffffff59 #ffffff59}.kamera video{object-fit:cover;background:var(--c-gelap);width:100%;height:100%;position:absolute;inset:0}.kamera .petunjuk{text-shadow:0 1px 3px var(--c-gelap);margin:0}