.membership-page{width:100%}.mem-settle{background:var(--bg-deep);padding:64px 0;border-bottom:1px solid var(--border)}.mem-settle-text{font-family:var(--font-body);font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted);line-height:1.8;max-width:780px}.mem-tiers-section{background:var(--bg);padding:96px 0;text-align:center}.mem-tiers-title{font-family:var(--font-head);font-size:calc(clamp(1.8rem,4vw,3rem) * var(--font-head-scale, 1));font-weight:var(--font-head-weight, 700);color:#fff;margin-bottom:12px}.mem-tiers-sub{font-family:var(--font-body);font-size:1rem;color:var(--muted);margin-bottom:56px}.mem-tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}.mem-tier{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 36px;text-align:left;display:flex;flex-direction:column;gap:0;transition:border-color .2s,box-shadow .2s}.mem-tier--purple{border-color:#bb6bff66}.mem-tier--orange{border-color:#fd5a1266}.mem-tier--gold{border-color:#f0c04080;background:linear-gradient(160deg,rgba(40,30,10,.6) 0%,var(--surface) 100%)}.mem-tier:hover{box-shadow:0 8px 40px #0000004d}.mem-tier--gold:hover{box-shadow:0 8px 48px #f0c04026}.mem-tier-tag{font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}.mem-tier-name{font-family:var(--font-head);font-size:1.3rem;font-weight:var(--font-head-weight, 700);color:#fff;margin-bottom:8px}.mem-tier-price{font-family:var(--font-stat);font-size:3rem;font-weight:700;color:#fff;line-height:1;margin-bottom:28px}.mem-tier-period{font-size:1rem;font-weight:400;color:var(--muted)}.mem-tier-perks{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;flex:1}.mem-tier-perks li{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:.92rem;color:var(--lavender)}.mem-tier--purple .mem-tier-perks svg{color:var(--purple)}.mem-tier--orange .mem-tier-perks svg{color:var(--orange)}.mem-tier-price-tbd{font-family:var(--font-head);font-size:1.4rem;font-weight:var(--font-head-weight, 700);color:#f5cc30;line-height:1.3;margin-bottom:28px;opacity:1}.mem-tier-perks-tbd{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 0;text-align:center;color:#f0c04080}.mem-tier-perks-tbd span{font-size:2.5rem;line-height:1}.mem-tier-perks-tbd p{font-family:var(--font-body);font-size:.9rem;color:var(--muted);line-height:1.7;margin:0}.mem-tier-cta{width:100%;padding:13px 0;border:none;border-radius:8px;font-family:var(--font-ui);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:#fff;transition:filter .2s,transform .15s}.mem-tier-cta:hover{filter:brightness(1.15);transform:translateY(-1px)}.mem-tier-cta--purple{background:#7305bc}.mem-tier-cta--orange{background:var(--orange)}.mem-tier-cta--gold{background:linear-gradient(135deg,#c9920e,#f5cc30,#c9920e);color:#1a0f00;opacity:1;cursor:default}.mem-how-section{position:relative;background:var(--bg-deep);padding:96px 0;border-top:1px solid var(--border);text-align:center;overflow:hidden}.mem-how-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(253,90,18,.07) 0%,transparent 65%);pointer-events:none}.mem-how-title{font-family:var(--font-head);font-size:calc(clamp(1.8rem,4vw,3rem) * var(--font-head-scale, 1));font-weight:var(--font-head-weight, 700);color:#fff;margin-bottom:56px}.mem-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.mem-how-step{text-align:center}.mem-how-num{font-family:var(--font-stat);font-size:1.5rem;font-weight:700;color:var(--orange);margin-bottom:12px;opacity:.7}.mem-how-step-title{font-family:var(--font-head);font-size:calc(1.5rem * var(--font-head-scale, 1));font-weight:var(--font-head-weight, 700);color:#fff;margin-bottom:10px}.mem-how-step-body{font-family:var(--font-body);font-size:.95rem;color:var(--muted);line-height:1.7}@media(max-width:900px){.mem-tiers-grid{grid-template-columns:1fr;max-width:480px}}@media(max-width:768px){.mem-how-steps{grid-template-columns:1fr;gap:32px}}
