:root{--hijau:#0e8c7f;--hijau-tua:#0b3d3a;--hijau-muda:#e3f3f1;--oranye:#f28c28;--oranye-tua:#9a4f06;--oranye-muda:#fdebd8;--latar:#f6faf9;--putih:#fff;--teks:#0b3d3a;--lembut:#4f6b68;--garis:#d6e5e2;--merah:#b3261e;--merah-muda:#fbe5e2;color:var(--teks);background:var(--latar);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}.halaman{max-width:560px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.tengah{text-align:center;justify-content:center;align-items:center;min-height:100vh}h1,h2,p{margin:0}h2{margin-bottom:8px;font-size:17px}p{line-height:1.5}.judul{font-size:22px}.merek{letter-spacing:-1px;color:var(--hijau-tua);font-size:40px;font-weight:800}.merek span{color:var(--oranye)}.kecil-merek{font-size:22px;line-height:1}.lembut{color:var(--lembut)}.kecil{font-size:13px}.tebal{font-weight:700}.kepala{align-items:center;gap:10px;display:flex}.kode-pesanan{background:var(--hijau-muda);color:var(--hijau);border-radius:10px;margin-left:auto;padding:6px 10px;font-size:13px;font-weight:700}.langkah{justify-content:space-between;margin:4px 0;padding:0;list-style:none;display:flex;position:relative}.langkah:before{content:"";background:var(--garis);height:2px;position:absolute;top:15px;left:16%;right:16%}.langkah li{color:var(--lembut);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex;position:relative}.bulatan{background:var(--putih);border:2px solid var(--garis);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.langkah li.lewat .bulatan{background:var(--hijau);border-color:var(--hijau);color:var(--putih)}.langkah li.sekarang{color:var(--teks)}.langkah li.sekarang .bulatan{background:var(--oranye);border-color:var(--oranye);color:var(--putih)}.kartu{background:var(--putih);border:1px solid var(--garis);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.ringkas{gap:8px}.peringatan{background:var(--oranye-muda);color:#7a3e05;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45}.sukses{background:var(--hijau-tua);border-color:var(--hijau-tua);color:var(--putih);text-align:center;align-items:center;padding:28px 16px}.centang-besar{background:var(--hijau);border-radius:50%;place-items:center;width:64px;height:64px;font-size:34px;font-weight:800;display:grid}.bahaya{background:var(--merah-muda);color:#6d1a14;border-color:#f1b9b3}.tombol{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:0 16px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.tombol:disabled{opacity:.55;cursor:progress}.tombol.utama{background:var(--hijau);color:var(--putih)}.tombol.oranye{background:var(--oranye);color:var(--putih)}.tombol.garis{background:var(--putih);color:var(--hijau);border:1.5px solid var(--hijau)}.tombol.teks{color:var(--lembut);background:0 0;min-height:44px;font-weight:600;text-decoration:underline}.baris-tombol{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.tombol:focus-visible,.input:focus-visible,.kotak-foto:focus-within,.cip:focus-visible{outline:3px solid var(--oranye);outline-offset:2px}.isian{flex-direction:column;gap:6px;display:flex}.label{font-size:14px;font-weight:700}.input{border:1.5px solid var(--garis);width:100%;min-height:52px;color:var(--teks);background:var(--putih);border-radius:14px;padding:12px 14px;font-family:inherit;font-size:16px}textarea.input{resize:vertical}.input.otp{letter-spacing:16px;text-align:center;font-size:32px;font-weight:800}.centang{border:1.5px solid var(--garis);cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;padding:12px;font-size:15px;display:flex}.centang input{width:22px;height:22px;accent-color:var(--hijau);flex-shrink:0;margin:0}.kotak-foto{border:2px dashed var(--garis);min-height:140px;color:var(--hijau);cursor:pointer;background:#fbfdfd;border-radius:14px;place-items:center;font-weight:700;display:grid;overflow:hidden}.kotak-foto.ada{border-style:solid;padding:0}.kotak-foto img{object-fit:cover;width:100%;max-height:260px;display:block}.tersembunyi{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tautan{color:var(--hijau);cursor:pointer;align-self:flex-start;font-weight:700;text-decoration:underline}.petunjuk{margin:0;padding-left:20px;font-size:15px;line-height:1.6}.galat{color:var(--merah);font-size:14px;font-weight:600}.berhasil{color:var(--hijau);font-size:14px;font-weight:600}.pilihan-cepat{flex-wrap:wrap;gap:8px;display:flex}.cip{border:1.5px solid var(--garis);background:var(--putih);color:var(--teks);cursor:pointer;border-radius:999px;min-height:40px;padding:8px 12px;font-family:inherit;font-size:13px}.kaki{text-align:center;margin-top:8px}.pemutar{border:4px solid var(--hijau-muda);border-top-color:var(--hijau);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite putar}@keyframes putar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pemutar{animation:none}}