.membershipPage{overflow:hidden;margin:1rem 0;width:100%;max-width:1440px;gap:1rem}.membershipPage__hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;padding-inline:4rem;margin-block:2rem}@media (max-width: 1024px){.membershipPage__hero{grid-template-columns:1fr;gap:2rem;padding-inline:1.5rem}}.membershipPage__heroText{display:flex;flex-direction:column;gap:1.5rem}.membershipPage__heroText h1{font-size:2.5rem;line-height:1.2;color:var(--gray-color-900);margin:0}.membershipPage__shortDesc{font-size:1.125rem;color:var(--gray-color-600);margin:0;font-weight:500}.membershipPage__includes{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.membershipPage__includes h2{font-size:1.5rem;color:var(--gray-color-800);margin:0}.membershipPage__longDesc{font-size:1rem;color:var(--gray-color-600);line-height:1.6;margin:0;white-space:pre-line}.membershipPage__heroImage{width:100%}.membershipPage__heroImage img{width:100%;height:auto;border-radius:1.5rem;object-fit:cover;display:block}.membershipPage__content{display:flex;flex-direction:column;gap:2rem}.membershipPage__breadcrumb{margin:1rem .3rem;gap:1rem;align-items:center;display:grid;grid-template-columns:auto 1fr}.membershipPage__details{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding-inline:4rem}@media (max-width: 768px){.membershipPage__details{padding-inline:1rem;gap:1rem}}.membershipPage__benefitCard{background-color:var(--gray-color-900);box-shadow:0 2px 7.5px #00000026;border-radius:1rem;padding:1.5rem;width:18rem;max-width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center;aspect-ratio:1/1;transition:transform .2s ease,box-shadow .2s ease}@media (max-width: 349px){.membershipPage__benefitCard{width:100%}}@media (min-width: 350px) and (max-width: 768px){.membershipPage__benefitCard{width:calc(50% - .5rem);padding:1rem;min-height:12rem;aspect-ratio:auto}}.membershipPage__benefitCard:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.membershipPage__benefitCard h3{font-size:1.25rem;font-weight:600;color:var(--gray-color-700);margin:0}.membershipPage__benefitCard p{font-size:.9rem;color:var(--gray-color-500);margin:0;line-height:1.5}.membershipPage__benefitIcon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background-color:#ffffff0d;border-radius:50%;margin-bottom:.5rem;overflow:hidden}.membershipPage__benefitIcon img{width:100%;height:100%;object-fit:contain}.membershipPage__detail{position:relative;border-radius:1rem;overflow:hidden}.membershipPage__detail img{position:absolute;width:100%;height:100%;object-fit:cover}.membershipPage__detailContent{height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;background:linear-gradient(to bottom,rgba(0,0,0,0),var(--gray-color-700))}.membershipPage__detailContent *{color:var(--white-color)}.membershipPage__detailContent h2{margin-bottom:.5rem}.membershipPage__cards{margin:4rem 0 2rem;display:grid;gap:2rem;align-items:center;justify-items:center}.membershipPage__cards h2{text-align:center}.membershipPage__cardsContainer{width:100%;justify-content:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));place-content:center;gap:1rem}.membershipPage__cardsContainer>*{max-width:24rem;justify-self:center;width:100%}.membershipPage__cardContent{display:grid;gap:1rem}.membershipPage__rightDetail{width:100%;display:flex;align-items:center;gap:1rem}@media (max-width: 1024px){.membershipPage{grid-template-columns:1fr;max-height:none;grid-auto-rows:auto}}.membershipCard{display:flex;flex-direction:column;border-radius:1rem;margin:.3rem .5rem;box-shadow:0 2px 7.5px #00000026;padding:1rem;gap:1rem}.membershipCard a,.membershipCard button{margin-top:auto}.membershipCard__cardTitle{font-size:clamp(1em,2.5vw,1.5rem);color:var(--black-color)}.membershipCard__cardType{text-transform:uppercase;font-size:.8em}.membershipCard .price{font-weight:700;color:var(--black-color)}.membershipCard .pricePeriod{font-weight:400;font-size:.7em;color:var(--black-color)}.membershipCard__cardSavings{color:var(--green-color-400)}.membershipCard .period{font-weight:400;font-size:.85em}