.membership-plans{min-width:0;max-width:1200px;margin:48px auto}.membership-plans-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.membership-plans-heading :is(h1,h2){margin:0;font-size:clamp(22px,3vw,32px)}.membership-plans-heading span{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.membership-plans-trigger{cursor:zoom-in;background:#04070b;border:1px solid #234055;border-radius:12px;width:100%;padding:0;display:block;overflow:hidden}.membership-plans-trigger img{width:100%;height:auto;display:block}.membership-plans-note{color:var(--muted);margin:12px 0;font-size:13px}.membership-plans-text{color:var(--text);line-height:1.6}.membership-plans-text summary{cursor:pointer;color:#72c7ff;width:fit-content;padding:10px 0}.membership-plans-text dt{margin-top:18px;font-weight:700}.membership-plans-text dd{color:var(--muted);margin:4px 0 18px}.membership-plans-dialog{color:#f4f7fa;background:#04070b;border:1px solid #234055;border-radius:12px;width:min(1360px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:hidden}.membership-plans-dialog::backdrop{background:#000000d9}.membership-plans-dialog[open]{flex-direction:column;display:flex}.membership-plans-toolbar{flex-shrink:0;align-items:center;gap:10px;padding:12px;display:flex}.membership-plans-toolbar h2{margin:0 auto 0 0;font-size:18px}.membership-plans-toolbar button{color:#f4f7fa;cursor:pointer;background:#102337;border:1px solid #345472;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:8px 12px;display:inline-flex}.membership-plans-help{color:#afbdcb;flex-shrink:0;margin:0;padding:0 12px 12px;font-size:13px;line-height:1.5}.membership-plans-viewport{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;min-height:0;overflow:auto}.membership-plans-viewport img{width:100%;height:auto;margin-inline:auto;display:block}.membership-plans-viewport.is-zoomed img{width:1223px;max-width:none}.membership-plans :is(button,summary,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid #72c7ff}@media (max-width:700px){.membership-plans{margin-block:32px}.membership-plans-heading{flex-direction:column;align-items:flex-start;gap:8px}.membership-plans-toolbar h2{font-size:16px}.membership-plans-toolbar{gap:6px}.membership-plans-toolbar button{padding-inline:8px}}