.membership-transition{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;padding:28px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--gold-border);border-radius:20px;background:var(--bg-elevated);color:var(--text-primary);font-family:inherit;box-shadow:0 24px 80px #0006}.membership-transition *{box-sizing:border-box}.membership-transition::backdrop{background:var(--bg-overlay);backdrop-filter:blur(2px)}.membership-transition [hidden]{display:none!important}.membership-transition h2{margin:0 28px 20px 0;font-size:1.3rem;font-weight:600;line-height:1.4;text-wrap:balance}.membership-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:0 0;color:var(--text-muted);cursor:pointer}.membership-close:hover{background:var(--bg-surface-3);color:var(--text-primary)}.membership-plan{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;margin-bottom:18px;border:1px solid var(--gold-soft);border-radius:14px;background:var(--bg-surface-2);font-size:.82rem}.membership-plan strong{margin-left:auto;color:var(--gold);font-size:1rem;font-weight:600}.membership-saving{color:var(--gold);font-size:.65rem;padding:3px 7px;border-radius:999px;background:var(--gold-soft)}.membership-copy{margin:0;font-size:.82rem;line-height:1.7;color:var(--text-secondary)}.membership-steps{display:grid;gap:16px;margin:22px 0 24px;padding:0;list-style:none}.membership-steps li{display:flex;align-items:flex-start;gap:12px}.membership-step-number{display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid var(--gold-border);border-radius:50%;color:var(--gold);font-size:.72rem}.membership-steps h3{margin:1px 0 3px;font-size:.84rem;font-weight:600;line-height:1.5}.membership-steps p{margin:0;font-size:.75rem;line-height:1.6;color:var(--text-muted)}.membership-transition .membership-primary{width:100%;text-decoration:none;cursor:pointer}.membership-secondary{display:block;width:100%;padding:12px 0;min-height:44px;border:0;background:0 0;color:var(--text-secondary);text-align:center;font-size:.75rem;line-height:1.6;text-decoration:none;cursor:pointer}.membership-secondary:hover{color:var(--text-primary)}.membership-label{display:block;margin:22px 0 8px;font-size:.78rem;font-weight:600}.membership-transition input{box-sizing:border-box;width:100%;min-height:48px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--gold-border);border-radius:12px;background:var(--bg-surface-2);color:var(--text-primary);font:inherit;font-size:16px}.membership-transition input::placeholder{color:var(--text-muted)}.membership-transition :is(button,a,input):focus-visible{outline:2px solid var(--gold);outline-offset:3px}.membership-transition h2:focus{outline:0}.membership-note{margin:10px 0 0;color:var(--text-muted);font-size:.68rem;line-height:1.6;text-align:center}.membership-footer{padding-top:14px;margin-top:2px;border-top:1px solid var(--gold-soft)}@media (max-width:480px){.membership-transition{padding:22px 20px}.membership-transition h2{font-size:1.15rem}.membership-plan{padding:11px;gap:6px}.membership-steps{gap:14px;margin:18px 0 20px}}@media (prefers-reduced-motion:reduce){.membership-transition .btn{transition:none}}