.mp{--mp-a:#4f46e5;--mp-b:#7c3aed;--mp-bd:#e5e7eb;--mp-tx:#111827;--mp-mu:#6b7280;max-width:420px;margin:0 auto;font:inherit;color:var(--mp-tx)}
.mp-card{background:#fff;border:1px solid var(--mp-bd);border-radius:16px;padding:24px;box-shadow:0 6px 24px rgba(17,24,39,.06)}
.mp h3{margin:0 0 4px;font-size:20px}
.mp-sub{margin:0 0 14px;color:var(--mp-mu);font-size:14px}
.mp-form label{display:block;margin:0 0 12px;font-size:13px;font-weight:600}
.mp-form input:not(.mp-hp){display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:11px 12px;border:1px solid var(--mp-bd);border-radius:10px;font-size:15px}
.mp-form input:focus{outline:2px solid var(--mp-a);border-color:transparent}
.mp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.mp-btn{display:block;width:100%;box-sizing:border-box;padding:12px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--mp-a),var(--mp-b));color:#fff!important;font-size:15px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}
.mp-btn[disabled]{opacity:.6;cursor:wait}
.mp-btn-line{background:#fff;color:var(--mp-a)!important;border:1px solid var(--mp-bd)}
.mp-msg{margin:10px 0 0;font-size:13px;color:#b91c1c;min-height:1em}
.mp-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(17,24,39,.55)}
.mp-modal[hidden]{display:none}
.mp-box{position:relative;width:100%;max-width:380px;max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;text-align:center}
.mp-x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:var(--mp-mu)}
.mp-qris{display:block;max-width:230px;width:100%;margin:0 auto 14px;border-radius:10px}
.mp-cred{display:grid;gap:8px;margin:0 0 10px;text-align:left}
.mp-cred div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border:1px dashed var(--mp-bd);border-radius:10px;font-size:13px}
.mp-cred span{color:var(--mp-mu)}
.mp-cred code{font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer}
.mp-note{margin:0 0 14px;font-size:12px;color:var(--mp-mu)}
.mp-wa{background:#16a34a}