.sgt-preview{position:relative;max-height:none;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent);pointer-events:none;user-select:none;-webkit-user-select:none}
.sgt-lockbox{--g-ink:#1b2b3a;--g-mut:#5b6b7b;--g-line:#dbe3ea;--g-bg:#fff;--g-acc:#1f6fb2;margin:-6px 0 22px;padding:20px 18px;border:1px solid var(--g-line);border-radius:18px;background:var(--g-bg);color:var(--g-ink);text-align:center;box-shadow:0 8px 28px rgba(15,30,45,.10);font-family:inherit}
.sgt-lockbox strong{display:block;font-size:1.05rem;margin:4px 0 6px}.sgt-lockbox p{margin:0 0 14px;font-size:.92rem;line-height:1.55;color:var(--g-mut)}
.sgt-lockbox small{display:block;margin-top:10px;font-size:.78rem;color:var(--g-mut)}
.sgt-ico{font-size:1.7rem;line-height:1}
.sgt-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.sgt-btn{display:inline-block;border:1px solid var(--g-line,#dbe3ea);background:var(--g-bg,#fff);color:var(--g-ink,#1b2b3a);border-radius:999px;padding:10px 18px;font-family:inherit;font-weight:600;font-size:.88rem;line-height:1.2;cursor:pointer}
.sgt-btn[disabled]{opacity:.55;cursor:not-allowed}
.sgt-pri{background:var(--g-acc,#1f6fb2);border-color:var(--g-acc,#1f6fb2);color:#fff}
.sgt-ov{--g-ink:#1b2b3a;--g-mut:#5b6b7b;--g-line:#dbe3ea;--g-bg:#fff;--g-acc:#1f6fb2;position:fixed;inset:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center;font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--g-ink)}
.sgt-bd{position:absolute;inset:0;background:rgba(10,20,30,.6)}
.sgt-sh{position:relative;width:min(460px,100%);max-height:92vh;overflow:auto;background:var(--g-bg);border-radius:20px 20px 0 0;padding:0 18px 18px;-webkit-overflow-scrolling:touch}
@media(min-width:560px){.sgt-ov{align-items:center}.sgt-sh{border-radius:20px}}
.sgt-hd{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;background:var(--g-bg);padding:14px 0 10px}
.sgt-x{border:0;background:transparent;font-size:1.6rem;line-height:1;color:var(--g-mut);cursor:pointer;padding:0 4px}
.sgt-f{display:block;margin:10px 0;font-size:.82rem;font-weight:600}
.sgt-f input{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:11px 12px;border:1px solid var(--g-line);border-radius:12px;font:inherit;font-size:1rem;background:var(--g-bg);color:var(--g-ink)}
.sgt-hint{margin:6px 0;font-size:.82rem;color:var(--g-mut);line-height:1.5}.sgt-b{color:var(--g-ink);font-weight:700}
.sgt-err{margin:8px 0;color:#b32d2e;font-size:.85rem}
.sgt-sh .sgt-btn{width:100%;margin-top:8px}
.sgt-cred{border:1px dashed var(--g-acc);border-radius:14px;padding:12px;margin:8px 0;background:rgba(31,111,178,.06)}
.sgt-cred small{display:block;font-weight:700;margin-bottom:6px}.sgt-cred p{margin:8px 0 0;font-size:.8rem;color:var(--g-mut)}
.sgt-row2{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:4px 0;font-size:.88rem}.sgt-row2 code{font-size:.95rem;font-weight:700;word-break:break-all}
.sgt-acts{display:flex;gap:8px;margin-top:8px}.sgt-chip{flex:1;border:1px solid var(--g-line);background:var(--g-bg);color:var(--g-ink);border-radius:10px;padding:8px;font-family:inherit;font-weight:600;font-size:.8rem;cursor:pointer}
.sgt-pay{margin:12px 0;text-align:center}.sgt-auto{text-align:center}
.sgt-amt{font-size:1.7rem;font-weight:800;margin:2px 0}
.sgt-qr{display:flex;justify-content:center;margin:10px 0;padding:10px;background:#fff;border-radius:14px;min-height:240px;align-items:center}
.sgt-cd{font-weight:700;margin-top:6px}.sgt-wait{font-size:.82rem;color:var(--g-mut);margin-top:4px}
.sgt-ok{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;background:#e8f6ec;color:#14532d;text-align:left;font-size:.88rem}
.sgt-foot{position:sticky;bottom:-18px;background:var(--g-bg);padding:10px 0 4px;margin-top:10px}
.sgt-ack{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;font-weight:600}.sgt-ack input{margin-top:3px}
.sgt-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1b2b3a;color:#fff;padding:10px 16px;border-radius:999px;font:600 .85rem system-ui,sans-serif;z-index:2147483100;transition:.25s}
.sgt-toast.on{opacity:1;transform:translate(-50%,0)}
html.sgt-noscroll{overflow:hidden}
@media (prefers-color-scheme:dark){.sgt-lockbox,.sgt-ov{--g-ink:#e6edf3;--g-mut:#9fb0c0;--g-line:#2a3a4a;--g-bg:#101a24}.sgt-ok{background:#12301f;color:#c9f0d6}}

/* Captcha edukasi */
.sgt-cq{margin:10px 0;padding:12px;border:1.5px dashed var(--g-line);border-radius:14px}
.sgt-cq-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.74rem;font-weight:800;color:var(--g-mut)}
.sgt-cq-re{flex:0 0 auto;width:34px;height:34px;border:1px solid var(--g-line);border-radius:10px;background:transparent;font-size:1rem;line-height:1;cursor:pointer}
.sgt-cq-q{margin:8px 0 2px;font-size:.98rem;font-weight:700;line-height:1.45}
.sgt-cq .sgt-f{margin:6px 0 0}
