.membership-upgrade-open{overflow:hidden}
.membership-upgrade-dialog{width:min(820px,calc(100vw - 28px));max-height:min(920px,calc(100vh - 28px));padding:0;border:1px solid color-mix(in srgb,var(--rn-theme-text) 18%,transparent);border-radius:18px;background:var(--rn-theme-bg);color:var(--rn-theme-text);box-shadow:0 34px 120px color-mix(in srgb,var(--rn-theme-bg) 82%,transparent);overflow:auto}
.membership-upgrade-dialog::backdrop{background:color-mix(in srgb,var(--rn-theme-bg) 82%,transparent);backdrop-filter:blur(14px)}
.membership-upgrade-shell{position:relative;display:grid;gap:0;min-height:260px;padding:clamp(24px,5vw,52px)}
.membership-upgrade-close{position:absolute;z-index:2;inset:16px 16px auto auto;display:grid;width:40px;height:40px;place-items:center;border:1px solid color-mix(in srgb,var(--rn-theme-text) 20%,transparent);border-radius:3px;background:var(--rn-theme-surface);color:var(--rn-theme-text);font-size:24px;line-height:1;cursor:pointer}
[dir="rtl"] .membership-upgrade-close{right:auto;left:16px}
.membership-upgrade-close:hover,.membership-upgrade-close:focus-visible{border-color:var(--rn-theme-accent);color:var(--rn-theme-accent)}
.membership-upgrade-loading,.membership-upgrade-failed{display:grid;min-height:230px;place-content:center;gap:16px;text-align:center}
.membership-upgrade-loading span{width:42px;height:12px;margin:auto;background:linear-gradient(90deg,var(--rn-theme-accent) 0 33%,transparent 33% 42%,var(--rn-theme-text) 42% 75%,transparent 75%);animation:membershipPulse 1s steps(2,end) infinite alternate}
@keyframes membershipPulse{to{transform:translateX(14px);opacity:.55}}
.membership-upgrade-head{padding-inline-end:48px}
[dir="rtl"] .membership-upgrade-head{padding-inline:0 48px}
.membership-upgrade-head small,.membership-upgrade-payment>small{color:var(--rn-theme-accent);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.membership-upgrade-head h2{margin:12px 0 10px;font-size:clamp(30px,5vw,52px);line-height:.98;letter-spacing:-.04em}
.membership-upgrade-head p{max-width:650px;margin:0;color:var(--rn-theme-muted);line-height:1.8}
.membership-proration-policy{margin-top:8px!important;font-size:12px}
.membership-upgrade-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0}
.membership-upgrade-summary>div{padding:16px;border:1px solid var(--rn-theme-line);background:var(--rn-theme-surface)}
.membership-upgrade-summary span,.membership-upgrade-summary b{display:block}
.membership-upgrade-summary span{margin-bottom:8px;color:var(--rn-theme-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.membership-upgrade-summary b{font-size:15px}
.membership-upgrade-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.membership-upgrade-benefits span{padding:8px 10px;border:1px solid var(--rn-theme-line);background:var(--rn-theme-surface);font-size:12px}
.membership-activity-hint,.membership-upgrade-terms{margin:16px 0;padding:17px 18px;border:1px solid var(--rn-theme-line);background:var(--rn-theme-surface)}
.membership-activity-hint p,.membership-upgrade-terms p{margin:8px 0 0;color:var(--rn-theme-muted);font-size:13px;line-height:1.75}
.membership-upgrade-terms>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px}
.membership-upgrade-terms small{font-size:10px;font-weight:800;letter-spacing:.1em}
.membership-upgrade-terms button{border:0;background:transparent;color:var(--rn-theme-accent);cursor:pointer}
.membership-upgrade-terms-body{margin-top:14px;padding-top:14px;border-top:1px solid var(--rn-theme-line);color:var(--rn-theme-muted);font-size:13px;line-height:1.8}
.membership-upgrade-terms label{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:13px;line-height:1.55}
.membership-upgrade-terms input{margin-top:3px;accent-color:var(--rn-theme-accent)}
.membership-upgrade-payment{margin-top:25px;padding-top:22px;border-top:1px solid var(--rn-theme-line)}
.membership-upgrade-gateways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}
.membership-upgrade-gateways button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:15px 16px;border:1px solid var(--rn-theme-line);background:var(--rn-theme-surface);color:var(--rn-theme-text);text-align:start;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}
.membership-upgrade-gateways button:hover,.membership-upgrade-gateways button:focus-visible{border-color:var(--rn-theme-accent);background:color-mix(in srgb,var(--rn-theme-accent) 8%,var(--rn-theme-surface));transform:translateY(-1px)}
.membership-upgrade-gateways button:disabled{opacity:.55;cursor:wait}
.membership-upgrade-gateways button span{color:var(--rn-theme-muted);font-size:11px}
.membership-upgrade-note{min-height:22px;margin:13px 0 0;color:var(--rn-theme-text);font-size:12px}
.membership-upgrade-note.is-error,.membership-upgrade-error,.membership-upgrade-failed p{color:var(--rn-theme-danger)}
@media(max-width:620px){.membership-upgrade-summary,.membership-upgrade-gateways{grid-template-columns:1fr}.membership-upgrade-shell{padding:26px 18px 30px}.membership-upgrade-dialog{border-radius:10px}.membership-upgrade-head{padding-inline-end:40px}}