.payment-public-shell{--pay-navy:#0f172a;--pay-muted:#64748b;--pay-line:#e2e8f0;--pay-soft:#f8fafc;--pay-blue:#2563eb;--pay-green:#16a34a;--pay-orange:#f59e0b;--pay-red:#dc2626;color:#172033;background:linear-gradient(180deg,#f8fafc 0%,#fff 42%)}.payment-hero{position:relative;overflow:hidden;border-radius:32px;padding:clamp(1.3rem,3vw,2.8rem);background:radial-gradient(circle at top left,rgba(255,255,255,.33),transparent 32%),linear-gradient(135deg,#071424,#173766 54%,#2563eb);color:#fff;box-shadow:0 28px 70px rgba(15,23,42,.18)}.payment-hero:after{content:"";position:absolute;right:-90px;top:-110px;width:310px;height:310px;border-radius:999px;background:rgba(255,255,255,.12)}.payment-hero>*{position:relative;z-index:1}.payment-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.52rem .9rem;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);font-weight:900;margin-bottom:.9rem}.payment-hero h1{font-size:clamp(1.75rem,4vw,3.25rem);font-weight:950;line-height:1.04;margin:0 0 .65rem}.payment-hero p{font-size:1.03rem;line-height:1.75;color:rgba(255,255,255,.86);max-width:820px;margin:0}.payment-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.58rem .9rem;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.payment-status-badge.tone-success{background:#dcfce7;color:#166534}.payment-status-badge.tone-warning{background:#fef3c7;color:#92400e}.payment-status-badge.tone-primary{background:#dbeafe;color:#1e40af}.payment-status-badge.tone-danger{background:#fee2e2;color:#991b1b}.payment-status-badge.tone-dark{background:#e2e8f0;color:#0f172a}.payment-status-badge.tone-secondary{background:#f1f5f9;color:#475569}.payment-panel,.payment-summary-card{background:#fff;border:1px solid var(--pay-line);border-radius:28px;padding:clamp(1rem,2vw,1.35rem);box-shadow:0 18px 55px rgba(15,23,42,.07)}.payment-summary-card{top:1rem}.payment-summary-icon{width:58px;height:58px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#1d4ed8;font-size:1.55rem;margin-bottom:1rem}.payment-summary-card h2{font-size:1.35rem;font-weight:950;color:var(--pay-navy);margin:0 0 .9rem}.payment-summary-list{display:grid;gap:.65rem;margin:0}.payment-summary-list div{padding:.8rem;border:1px solid var(--pay-line);border-radius:17px;background:var(--pay-soft)}.payment-summary-list dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.055em;color:var(--pay-muted);font-weight:950;margin-bottom:.25rem}.payment-summary-list dd{margin:0;font-weight:850;color:var(--pay-navy);word-break:break-word}.payment-summary-list dd span{font-weight:650;color:var(--pay-muted)}.payment-amount-text{font-size:1.15rem!important;color:#0f766e!important}.payment-section-head{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:1.1rem}.payment-section-head>span{width:52px;height:52px;border-radius:19px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1d4ed8;font-size:1.35rem}.payment-section-head h2{font-size:1.35rem;font-weight:950;color:var(--pay-navy);margin:0}.payment-section-head p{margin:.15rem 0 0;color:var(--pay-muted);line-height:1.65}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.payment-method-card{border:1px solid var(--pay-line);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);padding:1rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 14px 40px rgba(15,23,42,.06)}.payment-method-top{display:flex;align-items:flex-start;gap:.85rem}.payment-method-icon{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:grid;place-items:center;color:#2563eb;font-size:1.45rem;overflow:hidden;flex:0 0 auto}.payment-method-icon img{width:100%;height:100%;object-fit:cover}.payment-mini-label{display:inline-flex;border-radius:999px;background:#e0f2fe;color:#075985;padding:.24rem .55rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:950}.payment-method-card h3{font-size:1.1rem;font-weight:950;color:var(--pay-navy);margin:.35rem 0 .25rem}.payment-method-card p{font-size:.92rem;line-height:1.55;color:var(--pay-muted);margin:0}.payment-fee-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.payment-fee-box span{border:1px solid #dbeafe;background:#eff6ff;border-radius:16px;padding:.72rem;color:#1e40af;font-size:.78rem;font-weight:850}.payment-fee-box strong{display:block;color:#0f172a;font-size:.98rem;margin-top:.18rem}.payment-bank-preview{border:1px dashed #bfdbfe;border-radius:16px;background:#f8fafc;padding:.75rem;display:flex;flex-direction:column;gap:.2rem}.payment-bank-preview strong{color:#0f172a}.payment-bank-preview span{color:#64748b;font-size:.88rem}.payment-empty-state{min-height:280px;border:1px dashed #cbd5e1;border-radius:30px;background:#fff;display:grid;place-items:center;text-align:center;padding:2rem;color:#64748b}.payment-empty-state.mini{min-height:160px}.payment-empty-state i{font-size:2.25rem;color:#2563eb}.payment-empty-state h1,.payment-empty-state h3{font-weight:950;color:#0f172a;margin:.75rem 0 .25rem}.payment-complete-panel{text-align:center;padding:2rem}.payment-complete-panel>i{font-size:3rem;color:#2563eb}.payment-complete-panel h2{font-weight:950;margin:.75rem 0 .4rem;color:#0f172a}.payment-complete-panel p{color:#64748b;max-width:620px;margin:0 auto 1.2rem}.payment-bank-card{border-radius:22px;border:1px solid var(--pay-line);background:linear-gradient(180deg,#fff,#f8fafc);padding:1rem}.payment-bank-card dl{display:grid;gap:.65rem;margin:0}.payment-bank-card dl div{padding:.75rem;border-radius:16px;background:#fff;border:1px solid #e2e8f0}.payment-bank-card dt,.payment-receipt-grid span,.payment-receipt-description span{font-size:.72rem;text-transform:uppercase;letter-spacing:.055em;color:#64748b;font-weight:950;margin-bottom:.2rem}.payment-bank-card dd{margin:0;color:#0f172a;font-weight:900;word-break:break-word}.payment-copy-value{cursor:pointer;color:#1d4ed8!important}.payment-copy-value:after{content:"  ↗";font-size:.8em}.payment-qr-img{width:140px;height:140px;object-fit:contain;border-radius:20px;background:#fff;border:1px dashed #cbd5e1;padding:.55rem;margin-bottom:1rem}.payment-instruction-box,.payment-upload-note,.payment-pending-note{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:18px;padding:.85rem;margin-top:1rem;line-height:1.65}.payment-extra-accounts h3{font-size:1rem;font-weight:950;color:#0f172a}.payment-extra-account{border:1px solid #e2e8f0;border-radius:16px;padding:.75rem;background:#fff;display:flex;flex-direction:column;gap:.15rem;margin-top:.55rem}.payment-extra-account span{color:#64748b}.payment-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.045em;color:#475569;font-weight:950;margin-bottom:.35rem}.payment-proof-form .form-control{border-radius:16px;border-color:#dbe4ef;min-height:48px}.payment-proof-form textarea.form-control{min-height:auto}.payment-upload-note{margin:0;display:flex;gap:.55rem}.payment-timeline{position:relative;display:grid;gap:.85rem}.payment-timeline:before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:#dbeafe}.payment-timeline-item{display:grid;grid-template-columns:48px 1fr;gap:.75rem;position:relative}.payment-timeline-dot{width:48px;height:48px;border-radius:18px;background:#f8fafc;border:1px solid #dbe4ef;color:#94a3b8;display:grid;place-items:center;z-index:1}.payment-timeline-item.is-done .payment-timeline-dot{background:#dcfce7;color:#166534;border-color:#bbf7d0}.payment-timeline-item.is-active .payment-timeline-dot{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd;box-shadow:0 0 0 6px rgba(37,99,235,.1)}.payment-timeline-item>div:last-child{border:1px solid var(--pay-line);border-radius:19px;background:#fff;padding:.85rem}.payment-timeline-item h3{font-size:1rem;font-weight:950;color:#0f172a;margin:0}.payment-timeline-item p{margin:.2rem 0;color:#64748b}.payment-timeline-item small{color:#2563eb;font-weight:800}.payment-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.payment-action-card{text-decoration:none;color:#0f172a;border:1px solid var(--pay-line);border-radius:22px;background:#fff;padding:1rem;display:flex;flex-direction:column;gap:.35rem;transition:.2s ease}.payment-action-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(15,23,42,.09);color:#0f172a}.payment-action-card i{font-size:1.65rem;color:#2563eb}.payment-action-card strong{font-weight:950}.payment-action-card span{color:#64748b}.payment-receipt-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.payment-receipt{max-width:940px;margin:0 auto;background:#fff;border:1px solid #dbe4ef;border-radius:30px;box-shadow:0 25px 80px rgba(15,23,42,.12);overflow:hidden}.payment-receipt-header{padding:1.35rem;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;display:flex;gap:1rem;align-items:center;justify-content:space-between}.payment-receipt-brand{display:flex;gap:.85rem;align-items:center}.payment-receipt-brand img,.payment-receipt-brand span{width:62px;height:62px;border-radius:20px;background:#fff;object-fit:contain;padding:.45rem;display:grid;place-items:center;color:#1d4ed8}.payment-receipt-brand strong{display:block;font-size:1.25rem;font-weight:950}.payment-receipt-brand small{color:rgba(255,255,255,.75);font-weight:800}.payment-receipt-header h1{font-size:1.45rem;font-weight:950;margin:.55rem 0 0}.payment-pending-note{display:flex;gap:.85rem;margin:1.2rem}.payment-pending-note i{font-size:1.8rem}.payment-pending-note h2{font-size:1.1rem;font-weight:950;margin:0;color:#1e3a8a}.payment-pending-note p{margin:.2rem 0 0}.payment-receipt-total{margin:1.2rem;border-radius:24px;background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1px solid #bfdbfe;padding:1.2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.payment-receipt-total span{font-weight:950;color:#475569;text-transform:uppercase;letter-spacing:.05em}.payment-receipt-total strong{font-size:clamp(1.6rem,4vw,2.8rem);color:#047857;font-weight:950}.payment-receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0 1.2rem 1.2rem}.payment-receipt-grid div,.payment-receipt-description{border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;padding:.9rem}.payment-receipt-grid strong{display:block;color:#0f172a;word-break:break-word}.payment-receipt-description{margin:0 1.2rem 1.2rem}.payment-receipt-description p{margin:.25rem 0 0;color:#0f172a;font-weight:750}.payment-receipt-footer{padding:1rem 1.2rem;border-top:1px solid #e2e8f0;background:#f8fafc;color:#64748b;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.payment-receipt-footer p{margin:0;font-weight:800}.payment-is-submitting{pointer-events:none;opacity:.68}@media(max-width:991px){.payment-method-grid,.payment-action-grid{grid-template-columns:1fr}.payment-receipt-header{align-items:flex-start;flex-direction:column}.payment-receipt-header .text-end{text-align:left!important}.payment-receipt-grid{grid-template-columns:1fr}.payment-summary-card.sticky-lg-top{position:static!important}}@media(max-width:575px){.payment-public-shell{padding-left:.35rem;padding-right:.35rem}.payment-hero,.payment-panel,.payment-summary-card,.payment-receipt{border-radius:22px}.payment-method-top,.payment-section-head{align-items:flex-start}.payment-fee-box{grid-template-columns:1fr}.payment-receipt-actions .btn{width:100%}.payment-receipt-total{align-items:flex-start;flex-direction:column}.payment-receipt-footer{display:block}.payment-timeline:before{left:18px}.payment-timeline-item{grid-template-columns:38px 1fr}.payment-timeline-dot{width:38px;height:38px;border-radius:14px}.payment-method-card{border-radius:20px}}@media print{.no-print,.site-header,.frontend-header,.navbar,.footer,.site-footer{display:none!important}.payment-public-shell{padding:0!important;background:#fff}.container{max-width:100%!important}.payment-receipt{box-shadow:none;border-radius:0;border:0}.payment-receipt-header{background:#0f172a!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.payment-status-mini-card{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:.9rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:.65rem;align-items:center}.payment-status-mini-card div{min-width:0}.payment-status-mini-card span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:950}.payment-status-mini-card strong{display:block;color:#0f172a;word-break:break-word}.payment-status-mini-card.tone-success{border-color:#bbf7d0;background:#f0fdf4}.payment-status-mini-card.tone-warning{border-color:#fde68a;background:#fffbeb}.payment-status-mini-card.tone-danger{border-color:#fecaca;background:#fef2f2}.payment-status-mini-card.tone-primary{border-color:#bfdbfe;background:#eff6ff}.payment-status-mini-card.is-missing{display:block;background:#fef2f2;border-color:#fecaca}@media(max-width:767px){.payment-status-mini-card{grid-template-columns:1fr}.payment-status-mini-card .btn{width:100%}}

.payment-currency-bridge {
  border: 1px solid rgba(79, 70, 229, 0.16);
  border-radius: 28px;
  padding: clamp(1.1rem, 3vw, 1.8rem);
  background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(245,247,255,0.94));
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
}

.payment-currency-bridge-icon {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  background: rgba(79, 70, 229, 0.12);
  color: #1d4ed8;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.payment-currency-bridge-copy span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.12);
  color: #0f172a;
  font-size: .85rem;
  font-weight: 800;
}

.payment-currency-bridge-copy h3 {
  margin: .8rem 0 .4rem;
  font-weight: 900;
  color: #0f172a;
}

.payment-currency-bridge-copy p {
  margin: 0 0 1.2rem;
  color: #64748b;
  line-height: 1.65;
}

.payment-currency-choice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: .85rem;
}

.payment-currency-choice {
  display: grid;
  gap: .25rem;
  text-decoration: none;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 22px;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.92);
  color: #0f172a;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.payment-currency-choice:hover,
.payment-currency-choice:focus {
  transform: translateY(-2px);
  border-color: rgba(37, 99, 235, 0.36);
  box-shadow: 0 18px 40px rgba(37, 99, 235, 0.13);
  color: #0f172a;
}

.payment-currency-choice-flag {
  font-size: 1.55rem;
  line-height: 1;
}

.payment-currency-choice strong {
  font-size: 1.12rem;
  font-weight: 900;
}

.payment-currency-choice small,
.payment-currency-choice em {
  color: #64748b;
  font-style: normal;
  font-size: .82rem;
}

.payment-currency-choice b {
  display: inline-flex;
  justify-content: center;
  margin-top: .35rem;
  border-radius: 999px;
  padding: .45rem .7rem;
  background: #2563eb;
  color: #fff;
  font-size: .82rem;
  font-weight: 900;
}

.payment-currency-method-list {
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px dashed rgba(148, 163, 184, 0.45);
}

.payment-currency-method-list h4 {
  font-size: .9rem;
  font-weight: 900;
  color: #334155;
  margin-bottom: .7rem;
}

.payment-currency-method-list > div {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}

.payment-currency-method-chip {
  display: inline-grid;
  gap: .1rem;
  border-radius: 16px;
  padding: .55rem .8rem;
  background: rgba(15, 23, 42, 0.05);
  color: #0f172a;
  font-weight: 800;
}

.payment-currency-method-chip small {
  color: #64748b;
  font-weight: 700;
}

@media (max-width: 575.98px) {
  .payment-currency-choice-grid {
    grid-template-columns: 1fr;
  }
}

.payment-currency-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:#ecfeff;color:#155e75;border:1px solid #a5f3fc;padding:.35rem .7rem;font-weight:950}.payment-live-status-card{display:flex;align-items:center;gap:1rem;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#f8fafc);border-radius:22px;padding:1rem;box-shadow:0 14px 40px rgba(37,99,235,.07)}.payment-live-status-card>i{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-size:1.35rem;flex:0 0 auto}.payment-live-status-card div{display:grid;gap:.1rem;flex:1}.payment-live-status-card strong{font-weight:950;color:#0f172a}.payment-live-status-card span{color:#475569;line-height:1.55}.payment-channel-badges{display:flex;flex-wrap:wrap;gap:.45rem}.payment-channel-badges span{display:inline-flex;align-items:center;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;font-size:.75rem;font-weight:900;padding:.32rem .6rem}.payment-channel-select{border-radius:16px;border-color:#dbe4ef;min-height:48px}.payment-unavailable-methods{border:1px dashed #cbd5e1;border-radius:22px;background:#f8fafc;padding:.9rem}.payment-unavailable-methods summary{cursor:pointer;font-weight:950;color:#334155}.payment-unavailable-list{display:grid;gap:.65rem;margin-top:.8rem}.payment-unavailable-list article{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:.75rem;display:grid;gap:.18rem}.payment-unavailable-list strong{color:#0f172a}.payment-unavailable-list span{color:#64748b;font-size:.88rem;line-height:1.55}.payment-polling [data-payment-poll-now]{pointer-events:none;opacity:.7}.payment-polling [data-payment-poll-now]::before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.35rem;border:.14rem solid currentColor;border-right-color:transparent;border-radius:999px;vertical-align:-.12rem;animation:paymentSpin .75s linear infinite}@keyframes paymentSpin{to{transform:rotate(360deg)}}@media(max-width:767.98px){.payment-live-status-card{align-items:flex-start;flex-direction:column}.payment-live-status-card button{width:100%}.payment-fee-box{grid-template-columns:1fr}.payment-channel-select{width:100%}}

.payment-allocation-breakdown{margin-top:1rem;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;background:#fff}.payment-allocation-breakdown h3{font-size:1rem;font-weight:800;margin:0 0 .75rem;color:#111827}.payment-allocation-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-top:1px dashed #e5e7eb}.payment-allocation-row:first-of-type{border-top:0}.payment-allocation-row span{color:#64748b;font-size:.9rem}.payment-allocation-row strong{color:#111827}@media(max-width:720px){.payment-allocation-row{display:block}.payment-allocation-row strong{display:block;margin-top:.2rem}}

/* 2026-06-18: premium Payment Center visual upgrade */
.payment-public-shell{background:radial-gradient(circle at 12% 0%,rgba(37,99,235,.09),transparent 28%),radial-gradient(circle at 92% 6%,rgba(124,58,237,.09),transparent 25%),linear-gradient(180deg,#f8fbff 0%,#ffffff 42%,#f8fafc 100%)}.payment-hero{isolation:isolate;background:radial-gradient(circle at 8% 12%,rgba(255,255,255,.32),transparent 24%),radial-gradient(circle at 86% 14%,rgba(34,197,94,.22),transparent 18%),linear-gradient(135deg,#061826 0%,#0f3f5f 34%,#1d4ed8 68%,#7c3aed 100%);box-shadow:0 34px 100px rgba(15,23,42,.24),inset 0 1px 0 rgba(255,255,255,.18)}.payment-hero:before{content:"";position:absolute;inset:auto auto -90px 10%;width:260px;height:260px;border-radius:999px;background:rgba(14,165,233,.16);filter:blur(2px);z-index:0}.payment-hero-amount-card{display:inline-grid;gap:.45rem;min-width:min(100%,260px);text-align:left;border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:1rem;background:rgba(255,255,255,.15);box-shadow:0 20px 52px rgba(2,6,23,.18);backdrop-filter:blur(18px)}.payment-hero-amount-card small{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.76);font-weight:950}.payment-hero-amount-card strong{font-size:clamp(1.35rem,3vw,2rem);line-height:1.05;color:#fff;font-weight:950;letter-spacing:-.04em}.payment-hero-amount-card .payment-status-badge{justify-self:start}.payment-checkout-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.payment-checkout-steps article{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:.85rem;border:1px solid rgba(37,99,235,.12);border-radius:24px;padding:1rem;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 18px 52px rgba(15,23,42,.08)}.payment-checkout-steps article:after{content:"";position:absolute;inset:auto -45px -75px auto;width:150px;height:150px;border-radius:999px;background:rgba(37,99,235,.08)}.payment-checkout-steps article.is-active{border-color:rgba(37,99,235,.32);background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 22px 60px rgba(37,99,235,.13)}.payment-checkout-steps i{position:relative;width:48px;height:48px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);font-size:1.25rem;box-shadow:0 14px 30px rgba(37,99,235,.18)}.payment-checkout-steps strong{display:block;color:#0f172a;font-weight:950}.payment-checkout-steps span{display:block;color:#64748b;line-height:1.5;font-size:.9rem;margin-top:.1rem}.payment-summary-card{border:0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(37,99,235,.45),rgba(14,165,233,.2),rgba(124,58,237,.35)) border-box;border:1px solid transparent;box-shadow:0 28px 88px rgba(15,23,42,.13)}.payment-summary-icon{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 16px 38px rgba(37,99,235,.24)}.payment-summary-list div{background:linear-gradient(135deg,#ffffff,#f8fbff);transition:transform .18s ease,box-shadow .18s ease}.payment-summary-list div:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.06)}.payment-panel{border:0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(37,99,235,.2),rgba(22,163,74,.16),rgba(124,58,237,.22)) border-box;border:1px solid transparent;box-shadow:0 24px 78px rgba(15,23,42,.1)}.payment-section-head>span{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.18)}.payment-method-grid{align-items:stretch}.payment-method-card{position:relative;overflow:hidden;border:0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(37,99,235,.18),rgba(148,163,184,.18)) border-box;border:1px solid transparent;box-shadow:0 20px 60px rgba(15,23,42,.09);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.payment-method-card:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#2563eb,#0ea5e9,#7c3aed)}.payment-method-card:after{content:"";position:absolute;right:-76px;top:-76px;width:170px;height:170px;border-radius:999px;background:rgba(37,99,235,.07);pointer-events:none}.payment-method-card:hover,.payment-method-card.is-active{transform:translateY(-4px);box-shadow:0 34px 92px rgba(15,23,42,.15)}.payment-method-card.is-active{border-color:rgba(37,99,235,.38)}.payment-method-paystack:before{background:linear-gradient(90deg,#0ea5e9,#2563eb)}.payment-method-flutterwave:before{background:linear-gradient(90deg,#f97316,#f59e0b,#7c3aed)}.payment-method-manual_bank:before{background:linear-gradient(90deg,#16a34a,#0f766e)}.payment-method-icon{background:linear-gradient(135deg,#eff6ff,#ffffff);border:1px solid #dbeafe;box-shadow:0 14px 34px rgba(37,99,235,.12);z-index:1}.payment-method-top,.payment-channel-badges,.payment-fee-box,.payment-bank-preview,.payment-temp-transfer-form,.payment-saved-methods,.payment-method-card form{position:relative;z-index:1}.payment-mini-label{background:#eef6ff;color:#1d4ed8;border:1px solid #dbeafe}.payment-channel-badges span{background:#fff;border-color:#dbeafe;color:#1e40af;box-shadow:0 6px 18px rgba(37,99,235,.06)}.payment-fee-box span{background:linear-gradient(135deg,#eff6ff,#ffffff);border-color:#dbeafe}.payment-bank-preview{background:linear-gradient(135deg,#f8fafc,#fff);border-color:#bfdbfe}.payment-method-card .btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;box-shadow:0 16px 38px rgba(37,99,235,.23)}.payment-method-card .btn-primary:hover{transform:translateY(-1px);box-shadow:0 22px 52px rgba(37,99,235,.28)}.payment-live-status-card{background:linear-gradient(135deg,#eff6ff,#fff,#f5f3ff);box-shadow:0 18px 54px rgba(37,99,235,.12)}@media(max-width:991.98px){.payment-checkout-steps{grid-template-columns:1fr}.payment-hero-amount-card{display:grid;width:100%;margin-top:.5rem}}@media(max-width:575.98px){.payment-public-shell{padding-top:1rem!important}.payment-hero{border-radius:24px;padding:1.25rem}.payment-hero h1{font-size:2rem}.payment-checkout-steps article{border-radius:20px}.payment-method-card{border-radius:22px}.payment-method-top{gap:.7rem}.payment-method-icon{width:52px;height:52px;border-radius:18px}.payment-summary-card,.payment-panel{border-radius:22px}}

.payment-recurring-checkout-notice {
    border: 0;
    background: linear-gradient(135deg, rgba(59,130,246,.13), rgba(16,185,129,.12));
    box-shadow: 0 14px 35px rgba(15, 23, 42, .08);
}
.payment-channel-badges span em {
    display: inline-flex;
    margin-left: .4rem;
    padding: .12rem .45rem;
    border-radius: 999px;
    background: rgba(16, 185, 129, .13);
    color: #047857;
    font-style: normal;
    font-size: .68rem;
    font-weight: 800;
}
.payment-channel-badges span em:nth-child(2) {
    background: rgba(245, 158, 11, .15);
    color: #92400e;
}