.payment-preview{margin:26px 0 22px;padding-top:22px;border-top:1px solid #e8e0f0}.payment-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.payment-preview-heading h3{margin:0;font-size:1.25rem;color:#3e304e}.payment-preview-badge{font-size:.7rem;font-weight:700;color:#8860a9;background:#f0e8f7;border-radius:30px;padding:6px 10px;white-space:nowrap}.payment-preview-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}.payment-summary{border:1px solid #e2d5ef;border-radius:15px;background:#f7f2fc;padding:20px}.payment-summary h4{margin:0 0 18px;color:#67468b;font-size:.95rem}.payment-summary dl{margin:0}.payment-summary dt{font-size:.72rem;letter-spacing:.04em;color:#89759b;margin-top:14px}.payment-summary dd{font-size:.88rem;margin:5px 0 0;color:#51405f;line-height:1.65;overflow-wrap:anywhere}.payment-monthly-total{margin-top:20px;padding-top:17px;border-top:1px solid #ded0eb;display:flex;justify-content:space-between;align-items:center;gap:14px}.payment-monthly-total>span{font-size:.8rem;color:#735d87}.payment-monthly-total strong{font-size:1.5rem;color:#644383;letter-spacing:-.04em;white-space:nowrap}.payment-summary .payment-billing-note{font-size:.72rem;line-height:1.6;margin:12px 0 0;color:#867094}.payment-card-preview{margin:0;padding:20px;min-width:0;border:1px solid #e7e2ec;border-radius:15px;background:#fff}.payment-card-preview legend{padding:0 5px;font-weight:700;font-size:.9rem;color:#61516f}.payment-card-label{display:flex;gap:8px;align-items:center;font-size:.8rem;color:#806d91;margin:0 0 13px}.payment-card-label svg{width:24px;height:24px;color:#8c6bac}.payment-card-preview label{display:block;font-size:.78rem;font-weight:600;color:#7f718c;margin-top:13px}.payment-card-preview input{display:block;box-sizing:border-box;width:100%;min-width:0;height:43px;margin-top:6px;padding:10px 11px;background:#faf9fc;border:1px solid #e5dfec;border-radius:9px;font:inherit;color:#9a8ba5;opacity:1;-webkit-text-fill-color:#9a8ba5}.payment-card-preview input::placeholder{color:#9a8ba5;opacity:1}.payment-card-small-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-preview .payment-inactive-note{font-size:.78rem;line-height:1.65;margin:14px 0 0;color:#7e6b8e;background:#faf7fd;border-radius:9px;padding:11px 13px}@media(max-width:580px){.payment-preview-grid{grid-template-columns:1fr}.payment-summary,.payment-card-preview{padding:18px}.payment-preview-heading h3{font-size:1.15rem}.payment-monthly-total strong{font-size:1.65rem}}