.otp-bagian{padding:110px 0;background:radial-gradient(color-mix(in srgb,var(--hijau) 11%,transparent) 1px,transparent 1.6px) 0 0/22px 22px,var(--bg2);border-top:1px solid var(--garis);border-bottom:1px solid var(--garis)}.otp-panggung{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;max-width:1080px;margin:0 auto}.otp-sisi{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px 26px 22px;border-radius:24px;background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang)}.otp-lama{background:color-mix(in srgb,#e5484d 3%,var(--kartu))}.otp-baru{background:color-mix(in srgb,var(--hijau) 5%,var(--kartu));border-color:color-mix(in srgb,var(--hijau) 30%,var(--garis))}.otp-pil{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--kartu);border:1px solid var(--garis);font-size:14px;font-weight:700;color:var(--tx)}.otp-titik{width:10px;height:10px;border-radius:50%}.otp-titik.merah{background:#e5484d}.otp-titik.hijau{background:#19b877}.otp-sisi .bdv-contoh{margin-top:4px}.otp-layar{width:100%;max-width:360px;padding:20px;border-radius:18px;background:#fff;color:#111b21;border:1px solid #e3e8e5;box-shadow:0 20px 44px -22px #0e1c1666;text-align:left}.otp-app{display:flex;align-items:center;gap:10px}.otp-app b{font-size:15px}.otp-app-logo{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#7c3aed;color:#fff;font-weight:800;font-size:15px}.otp-app-ket{margin:10px 0 12px;font-size:13px;line-height:1.45;color:#54656f}.otp-kotak-kode{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.otp-kotak-kode i{height:44px;border-radius:10px;border:1.5px solid #d6dde2;background:#f7f8fa}.otp-kotak-kode i:first-child{border-color:#e5484d;box-shadow:0 0 0 3px #e5484d26}.otp-ulang{margin:10px 0 0;font-size:12.5px;color:#667781}.otp-ulang b{color:#c0362c}.otp-keluh{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding-top:14px;border-top:1px dashed #e3e8e5}.otp-keluh img{width:30px;height:30px;border-radius:50%;flex:none}.otp-keluh p{position:relative;margin:0;padding:7px 10px 16px;border-radius:0 10px 10px;background:#efeae2;font-size:13px;line-height:1.4}.otp-keluh small{position:absolute;right:9px;bottom:3px;font-size:10px;color:#667781}.otp-masalah{list-style:none;margin:0;padding:0;width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px}.otp-masalah li{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--kartu);border:1px solid var(--garis);font-size:13.5px;line-height:1.45;color:var(--tx2)}.otp-masalah svg.ib{flex:none;width:18px;height:18px;margin-top:1px;color:#e5484d}.otp-masalah b{display:block;color:var(--tx);font-size:14px}.otp-hp-lama .otp-hp-aliran{gap:6px;min-height:0}.otp-tunggu{display:flex;align-items:center;gap:10px;width:90%;padding:8px 10px;border-radius:0 10px 10px;background:#fff;box-shadow:0 1px .5px #0b141a21}.otp-tunggu svg.ib{flex:none;width:26px;height:26px;padding:4px;border-radius:50%;background:#eef2f0;color:#1daa61}.otp-tunggu p{position:relative;margin:0;padding-bottom:12px;font-size:12.5px;line-height:1.4;color:#667781}.otp-tunggu u{text-decoration:none;color:#027eb5;font-weight:600}.otp-tunggu small{position:absolute;right:0;bottom:-2px;font-size:10px;color:#667781}.otp-keluar{position:relative;align-self:flex-end;max-width:80%;margin-top:4px;padding:7px 10px 18px;border-radius:10px 0 10px 10px;background:#d9fdd3;box-shadow:0 1px .5px #0b141a21;font-size:13px;line-height:1.4}.otp-keluar small{position:absolute;right:9px;bottom:3px;display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#667781}.otp-masalah li svg.ib[aria-hidden]{color:#e5484d}.otp-beres{max-width:340px}.otp-beres li{border-color:color-mix(in srgb,var(--hijau) 30%,var(--garis))}.otp-beres li svg.ib[aria-hidden]{color:var(--hijau)}.otp-hp{width:100%;max-width:340px;border-radius:30px;border:4px solid #151a18;overflow:hidden;background:#efeae2;color:#111b21;box-shadow:0 30px 60px -26px #0f3d2c8c;text-align:left}.otp-hp-kepala{display:flex;align-items:center;gap:10px;padding:14px 14px 11px;background:#f7f8fa;border-bottom:1px solid #e9edef}.otp-hp-kepala b{display:block;font-size:14px;font-weight:600}.otp-hp-kepala small{font-size:11.5px;color:#667781}.otp-hp-aliran{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px 22px;min-height:190px;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.035) 0 2px,transparent 2.5px);background-size:48px 48px}.otp-hp-aliran .dt-tgl{align-self:center}.otp-pesan{position:relative;width:88%;border-radius:0 10px 10px;background:#fff;box-shadow:0 1px .5px #0b141a21;overflow:hidden}.otp-pesan p{margin:0;padding:9px 11px 20px;font-size:13.5px;line-height:1.45}.otp-pesan p b{font-size:15px;letter-spacing:.04em}.otp-pesan small{position:absolute;right:10px;top:calc(100% - 60px);display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:#667781}.otp-salin{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-top:1px solid #e9edef;color:#027eb5;font-size:13.5px;font-weight:600}.otp-salin svg.ib{width:16px;height:16px}.otp-log{width:100%;max-width:340px;padding:12px 14px;border-radius:14px;background:#0f1a15;color:#d7e7df;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left}.otp-log p{margin:0;display:flex;gap:12px}.otp-log time{color:#7b8f86}.otp-log .st{color:#9be3c1}.otp-log .st.biru{color:#7cc8f5}.otp-log-judul{align-items:center;gap:7px!important;margin-bottom:6px!important;font:700 12px/1.4 Jakarta,system-ui,sans-serif;color:#fff;letter-spacing:.02em}.otp-log-judul svg.ib{width:14px;height:14px;color:#9be3c1}.otp-log-kaki{margin-top:6px!important;color:#7b8f86;font-size:11px}.otp-berhasil{max-width:340px;padding:16px 18px}.otp-kotak-kode.isi{margin-top:12px}.otp-kotak-kode.isi i{display:grid;place-items:center;font-style:normal;font-weight:700;font-size:18px;border-color:#9fd9bd;background:#effaf4;color:#0a5c3b}.otp-oke{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:13px;font-weight:600;color:#0b7a4e}.otp-oke svg.ib{width:17px;height:17px;flex:none}.otp-poin{list-style:none;margin:40px auto 0;padding:0;max-width:1080px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.otp-poin li{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:var(--r-kecil,14px);background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang)}.otp-poin b{font-size:15px;color:var(--tx)}.otp-poin li>span:last-child{font-size:13.5px;line-height:1.5;color:var(--tx2)}.otp-ikon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--hijau-muda);color:var(--hijau);margin-bottom:4px}.otp-ikon svg.ib{width:20px;height:20px}.otp-kaki{max-width:1080px;margin:26px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-radius:18px;background:var(--kartu);border:1px solid var(--garis)}.otp-kaki p{margin:0;font-size:14.5px;line-height:1.55;color:var(--tx2);max-width:620px}.otp-kaki b{color:var(--tx)}.otp-kaki .aksi{margin:0;flex:none}@media(max-width:1000px){.otp-poin{grid-template-columns:repeat(2,minmax(0,1fr))}.otp-kaki{flex-direction:column;align-items:flex-start}}@media(max-width:760px){.otp-bagian{padding:72px 0}.otp-panggung{grid-template-columns:minmax(0,1fr)}.otp-sisi{padding:22px 16px 18px}}@media(max-width:520px){.otp-poin{grid-template-columns:minmax(0,1fr)}.otp-kaki{padding:18px 16px}.otp-kotak-kode i{height:38px}}