.payment-return{width:min(460px,calc(100% - 32px));margin:auto;padding:clamp(24px,5vw,40px);box-sizing:border-box;overflow-wrap:anywhere}
body:has(.payment-return){min-height:100vh;min-height:100dvh;display:flex;padding:24px 0;box-sizing:border-box}
.payment-return h1{font-size:1.5rem;margin:20px 0}.payment-return p{line-height:1.8}.payment-return .btn-primary,.payment-return .btn-ghost{display:block;text-align:center;margin-top:16px;width:100%;box-sizing:border-box}.payment-return .hint{font-size:.875rem}

.membership-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.membership-plan{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:20px 8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink)}
.membership-plan strong{font-size:24px;font-weight:500;color:var(--primary)}
.membership-plan small{font-size:11px;color:var(--ink-3);overflow-wrap:anywhere}
.membership-plan.selected{border-color:var(--primary);background:var(--primary-soft)}
.membership-plan:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.membership-plan:disabled{cursor:default;opacity:.65}
@media(min-width:760px){.membership-plan{padding:26px 18px}}
@media(max-width:420px){.membership-plans{gap:6px}.membership-plan small{font-size:10px}}