.mfbg{max-width:1080px;margin:0 auto;padding:8px 20px 72px;color:#e5e7eb;font-family:inherit}
.mfbg-head{text-align:center;max-width:680px;margin:0 auto 36px}
.mfbg-kicker{display:inline-block;margin:0 0 12px;padding:4px 12px;border:1px solid rgba(125,255,168,.4);border-radius:999px;color:#7dffa8;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mfbg-head h1{margin:0 0 12px;color:#f5f7fa;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.15}
.mfbg-sub{margin:0;color:#9ca3af;font-size:1.05rem}
.mfbg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:none}
.mfbg-step{position:relative;background:#111821;border:1px solid #1f2a36;border-radius:18px;padding:26px 20px 22px;text-align:center}
.mfbg-step:not(:last-child)::after{content:"";position:absolute;top:58px;right:-14px;width:10px;height:10px;border-top:2.6px solid #7dffa8;border-right:2.6px solid #7dffa8;transform:rotate(45deg);opacity:.7}
.mfbg-num{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:#7dffa8;color:#0b0f14;font-weight:800;line-height:30px;font-size:.95rem}
.mfbg-ico{display:inline-flex;width:72px;height:72px;margin:6px 0 12px;border-radius:50%;background:rgba(125,255,168,.1);align-items:center;justify-content:center}
.mfbg-step h2{margin:0 0 8px;color:#f5f7fa;font-size:1.08rem;font-weight:700}
.mfbg-step p{margin:0;color:#9ca3af;font-size:.93rem;line-height:1.5}
.mfbg-code{display:inline-block;padding:1px 8px;border:1px dashed #7dffa8;border-radius:6px;color:#7dffa8;font-weight:700;font-family:ui-monospace,Menlo,monospace}
.mfbg-cta{text-align:center;margin:40px auto 0}
.mfbg-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:#7dffa8;color:#0b0f14!important;font-weight:800;text-decoration:none!important}
.mfbg-btn:hover{filter:brightness(1.08)}
.mfbg-codebox{margin:14px 0 4px;color:#e5e7eb}
.mfbg-note{margin:0;color:#6b7280;font-size:.82rem}
.mfbg-coins{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:28px;flex-wrap:wrap}
.mfbg-coins span{padding:6px 14px;border-radius:999px;background:#111821;border:1px solid #1f2a36;color:#f5f7fa;font-weight:700;font-size:.9rem}
.mfbg-coins em{color:#9ca3af;font-style:normal;font-size:.9rem}
@media (max-width:900px){.mfbg-steps{grid-template-columns:repeat(2,1fr);row-gap:30px}.mfbg-step::after{display:none}}
@media (max-width:560px){.mfbg{padding:36px 16px 56px}.mfbg-steps{grid-template-columns:1fr}
.mfbg-step{text-align:left;padding:20px 18px 20px 92px;min-height:96px}
.mfbg-num{left:-8px;top:-8px;transform:none}
.mfbg-ico{position:absolute;left:16px;top:20px;width:60px;height:60px;margin:0}}

.mfbg .mfbg-step h2.mfbg-t{color:#f5f7fa!important}
.mfbg .mfbg-step p,.mfbg .mfbg-sub{color:#9ca3af!important}

/* 1.1.24 PayPal: 3 steps, safety line, big copy code */
.mfbg-steps.mfbg-steps-3{grid-template-columns:repeat(3,1fr);max-width:880px;margin:0 auto}
.mfbg-safe{max-width:640px;margin:28px auto 0;padding:14px 18px;border:1px solid rgba(255,196,87,.45);background:rgba(255,196,87,.08);border-radius:14px;color:#f5f7fa;font-size:.95rem;line-height:1.5;text-align:center}
.mfbg-safe strong{color:#ffc457}
.mfbg-bigcode{display:inline-flex;align-items:center;gap:12px;margin:18px auto 10px;padding:10px 10px 10px 18px;border:2px dashed #7dffa8;border-radius:16px;background:rgba(125,255,168,.06)}
.mfbg-bigcode-l{color:#9ca3af;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}
.mfbg-bigcode-v{color:#7dffa8;font-family:ui-monospace,Menlo,monospace;font-size:1.6rem;font-weight:800;user-select:all}
.mfbg-copy{border:0;border-radius:10px;background:#7dffa8;color:#0b0f14;font-weight:800;padding:10px 16px;cursor:pointer}
.mfbg-cta .mfbg-btn{display:table;margin:0 auto}
@media (max-width:900px){.mfbg-steps.mfbg-steps-3{grid-template-columns:1fr}}
@media (max-width:560px){.mfbg-bigcode{flex-wrap:wrap;justify-content:center;padding:12px}.mfbg-bigcode-l{width:100%;text-align:center}.mfbg-bigcode-v{font-size:1.4rem}}

/* 1.1.27 +20px between Get Bitget Wallet button and referral code */
.mfbg-cta .mfbg-bigcode{margin-top:38px}
.mfbg-cta .mfbg-codebox{margin-top:34px}

/* 1.1.28 whole code box copies on tap/click */
.mfbg [data-mfbg-copy]{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}
.mfbg [data-mfbg-copy]:hover{background:rgba(125,255,168,.12)}
.mfbg [data-mfbg-copy]:focus-visible{outline:3px solid #7dffa8;outline-offset:3px}
.mfbg .mfbg-bigcode-v,.mfbg [data-mfbg-copy] .mfbg-code{-webkit-user-select:all;user-select:all}
.mfbg .mfbg-copy,.mfbg .mfbg-bigcode-l{-webkit-user-select:none;user-select:none}
.mfbg-cta .mfbg-codebox{display:inline-flex;align-items:center;gap:8px;padding:8px 10px 8px 14px;border:1px dashed rgba(125,255,168,.6);border-radius:12px;margin-bottom:10px}
.mfbg-copy{display:inline-block;border-radius:10px;background:#7dffa8;color:#0b0f14;font-weight:800;padding:10px 16px;min-width:5.2em;text-align:center}
.mfbg-copy-sm{padding:4px 10px;font-size:.85rem;border-radius:8px;min-width:4.6em}
.mfbg [data-mfbg-copy].is-copied{border-color:#7dffa8;background:rgba(125,255,168,.16)}
.mfbg [data-mfbg-copy].is-copied .mfbg-copy{background:#f5f7fa}
.mfbg-cta .mfbg-note{margin-top:4px}
.mfbg-cta .mfbg-codebox,.mfbg-cta .mfbg-codebox .mfbg-code{white-space:nowrap}
@media (max-width:560px){.mfbg-cta .mfbg-codebox{gap:6px;padding:7px 8px 7px 12px;font-size:.95rem}}

/* 1.1.30 button + big code box inside step 1 (both pages) */
.mfbg-step-cta{margin-top:18px;text-align:center}
.mfbg .mfbg-step-cta .mfbg-btn{display:inline-block;margin:0;padding:12px 22px;font-size:.98rem;white-space:nowrap}
.mfbg .mfbg-step-cta .mfbg-bigcode{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;box-sizing:border-box;margin:30px 0 0;padding:12px 10px}
.mfbg .mfbg-step-cta .mfbg-bigcode-l{font-size:.75rem}
.mfbg .mfbg-step-cta .mfbg-bigcode-v{font-size:1.45rem;line-height:1.1;white-space:nowrap}
.mfbg .mfbg-step-cta .mfbg-copy{padding:7px 14px;font-size:.9rem}
.mfbg-cta{margin-top:24px}
@media (max-width:560px){.mfbg-step-cta{margin-left:-74px}}

/* 1.1.30 QR (desktop only) */
.mfbg-qr{margin:16px auto 0;padding:0}
.mfbg-qr img{display:block;width:120px;height:120px;margin:0 auto;padding:8px;background:#fff;border-radius:12px;box-sizing:content-box}
.mfbg-qr figcaption{margin-top:8px;color:#9ca3af;font-size:.85rem}
@media (max-width:560px),(hover:none) and (pointer:coarse){.mfbg-qr{display:none}}
.mfbg .mfbg-step-cta .mfbg-qr{margin:18px auto 0!important}

/* 1.1.33 step 1 referral line: Oct 7 size, tap-to-copy kept */
.mfbg .mfbg-step-cta .mfbg-codebox{display:inline-block;width:auto;margin:14px 0 4px;padding:0;border:0;border-radius:0;background:transparent;color:#e5e7eb;font-size:.93rem;font-weight:400;line-height:1.5;white-space:nowrap;gap:0}
.mfbg .mfbg-step-cta .mfbg-codebox .mfbg-code{padding:1px 8px;font-size:inherit;font-weight:700;white-space:nowrap}
.mfbg .mfbg-step-cta .mfbg-copy,
.mfbg .mfbg-step-cta .mfbg-copy.mfbg-copy-sm{display:inline;min-width:0;width:auto;margin:0;padding:0 0 0 .35em;border:0;border-radius:0;background:transparent!important;color:#9ca3af;font-size:inherit;font-weight:600;line-height:inherit;text-decoration:underline;text-underline-offset:2px;vertical-align:baseline}
.mfbg .mfbg-step-cta [data-mfbg-copy]:hover{background:transparent}
.mfbg .mfbg-step-cta [data-mfbg-copy].is-copied{background:transparent;border-color:transparent}
.mfbg .mfbg-step-cta [data-mfbg-copy].is-copied .mfbg-copy{background:transparent!important;color:#7dffa8}
.mfbg-step p a{color:#7dffa8;text-decoration:underline}
