.membership-page{min-height:100vh;background-color:#000;color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8rem}.hero-background{position:absolute;inset:0}.hero-image{object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.5),#000)}.hero-content{position:relative;z-index:10;text-align:center;padding:0 1rem}.hero-badge{display:inline-block;color:#D4AF37;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}.hero-title{font-size:clamp(3rem,8vw,8rem);font-weight:300;line-height:1.1;margin-bottom:2rem}.gold-text{color:#D4AF37}.hero-description{font-size:1.25rem;color:rgba(255,255,255,.8);max-width:42rem;margin:0 auto 3rem;line-height:1.6}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width:640px){.hero-buttons{flex-direction:row}}.primary-button,.secondary-button{padding:1rem 2rem;font-size:.875rem;letter-spacing:.05em;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.primary-button{background-color:#D4AF37;color:#000}.primary-button:hover{background-color:#fff}.secondary-button{border:1px solid rgba(255,255,255,.2);color:#fff}.secondary-button:hover{background-color:rgba(255,255,255,.1)}.button-arrow{margin-left:.5rem;transition:transform .3s ease}.primary-button:hover .button-arrow{transform:translateX(.25rem)}.benefits-section{padding:12rem 0;background:linear-gradient(180deg,#000000,#0a0a0a);position:relative;overflow:hidden}.benefits-background{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(212,175,55,.08),transparent 40%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.05),transparent 40%);animation:subtleGlow 8s ease-in-out infinite alternate}@keyframes subtleGlow{0%{opacity:.5}to{opacity:1}}.benefits-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.benefits-header{text-align:center;margin-bottom:8rem}.benefits-title{font-size:clamp(2.5rem,5vw,4rem);color:#fff;line-height:1.2;margin-bottom:2rem;letter-spacing:.02em}.benefits-subtitle,.benefits-title{font-family:Montserrat,sans-serif;font-weight:300}.benefits-subtitle{font-size:1.25rem;color:rgba(255,255,255,.6);max-width:800px;margin:0 auto;line-height:1.6}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;max-width:1200px;margin:0 auto;position:relative}.benefits-grid:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(212,175,55,.2),transparent);transform:translateX(-50%)}.benefit-column{display:flex;flex-direction:column;gap:3rem}.benefit-item{display:flex;align-items:flex-start;gap:2rem;padding:2rem;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(212,175,55,.1);border-radius:1rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.benefit-item:hover{transform:translateX(10px);border-color:rgba(212,175,55,.3);background:linear-gradient(145deg,rgba(212,175,55,.05),rgba(212,175,55,.02));box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 1px rgba(212,175,55,.1)}.benefit-icon{width:4rem;height:4rem;background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(212,175,55,.05));border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#D4AF37;font-size:1.5rem;position:relative;overflow:hidden;padding:.75rem}.benefit-icon,.benefit-icon svg{transition:all .4s cubic-bezier(.4,0,.2,1)}.benefit-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(212,175,55,.3))}.benefit-icon:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(212,175,55,.2),transparent 70%);opacity:0;transition:opacity .4s ease}.benefit-item:hover .benefit-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.1));box-shadow:0 0 20px rgba(212,175,55,.2),0 0 40px rgba(212,175,55,.1)}.benefit-item:hover .benefit-icon svg{filter:drop-shadow(0 0 12px rgba(212,175,55,.5));transform:scale(1.1)}.benefit-item:hover .benefit-icon:after{opacity:1}.benefit-content{flex:1}.benefit-title{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:500;color:#fff;margin-bottom:.75rem;letter-spacing:.02em}.benefit-description{font-family:Montserrat,sans-serif;font-size:1rem;color:rgba(255,255,255,.6);line-height:1.6;font-weight:300}@media (max-width:1024px){.benefits-grid{grid-template-columns:1fr;gap:2rem}.benefits-grid:before{display:none}.benefit-column{gap:2rem}}@media (max-width:768px){.benefits-section{padding:6rem 0}.benefits-header{margin-bottom:4rem}.benefit-item{padding:1.5rem}}.plans-section{padding:8rem 0;background:linear-gradient(180deg,#000,#1a1a1a);position:relative;overflow:hidden;margin-bottom:8rem}.plans-background{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(212,175,55,.1),transparent 50%)}.section-header{text-align:center;margin-bottom:5rem}.section-badge{display:block;color:#D4AF37;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.section-title{font-size:clamp(2.5rem,5vw,5rem);font-weight:300;margin-bottom:1.5rem}.section-description{color:rgba(255,255,255,.6);font-size:1.125rem;max-width:42rem;margin:0 auto}.plans-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media (min-width:768px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{position:relative;transition:transform .5s ease}.plan-card.selected{transform:scale(1.05)}.plan-gradient{position:absolute;inset:0;border-radius:1rem;opacity:.2;transition:transform .5s ease}.plan-card:hover .plan-gradient{transform:scale(1.05)}.plan-content{position:relative;background-color:rgba(0,0,0,.4);backdrop-filter:blur(8px);border-radius:1rem;border:1px solid rgba(255,255,255,.05);overflow:hidden;height:100%;transition:border-color .5s ease}.plan-card:hover .plan-content{border-color:rgba(212,175,55,.3)}.plan-image-container{position:relative;aspect-ratio:4/3}.plan-image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.plan-card:hover .plan-image{transform:scale(1.1)}.plan-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#000,rgba(0,0,0,.5),transparent);opacity:.6}.plan-badge{position:absolute;top:1.5rem;right:1.5rem;padding:.625rem 1.25rem;background-color:rgba(212,175,55,.9);color:#000;font-size:.875rem;letter-spacing:.05em;border-radius:9999px;font-weight:500}.plan-price{position:absolute;bottom:1.5rem;left:1.5rem;display:flex;align-items:baseline;gap:.5rem}.price-amount{font-size:2.5rem;font-weight:300}.price-period{color:rgba(255,255,255,.6);font-size:.875rem}.plan-details{padding:2rem}.plan-description{color:rgba(255,255,255,.6);margin-bottom:2rem;line-height:1.6}.plan-features{margin-bottom:2.5rem}.feature-item{color:rgba(255,255,255,.6);font-size:.875rem;margin-bottom:1rem}.feature-icon,.feature-item{display:flex;align-items:center}.feature-icon{width:2rem;height:2rem;background-color:rgba(212,175,55,.1);border-radius:50%;justify-content:center;margin-right:.75rem;color:#D4AF37;transition:background-color .3s ease}.feature-item:hover .feature-icon{background-color:rgba(212,175,55,.2)}.feature-item:hover span{color:#fff}.plan-button{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;background-color:transparent;color:#D4AF37;text-decoration:none;text-align:center;font-size:.75rem;letter-spacing:.1em;font-weight:400;transition:all .3s ease;border:1px solid #d4af37;border-radius:2px}.plan-button:hover{background-color:#D4AF37;color:#000}.plan-button .button-arrow{margin-left:.25rem;font-size:.625rem;transition:transform .3s ease}.plan-button:hover .button-arrow{transform:translateX(2px)}.plans-footer{margin-top:5rem;text-align:center}.plans-footer p{color:rgba(255,255,255,.6);font-size:.875rem}.cta-section{padding:8rem 0;background-color:#000}.cta-content{max-width:64rem;margin:0 auto;text-align:center}.cta-title{font-size:clamp(2.5rem,5vw,5rem);font-weight:300;margin-bottom:2rem}.cta-description{color:rgba(255,255,255,.6);font-size:1.125rem;max-width:42rem;margin:0 auto 3rem;line-height:1.6}.cta-button{display:inline-flex;align-items:center;padding:1rem 2rem;background-color:#D4AF37;color:#000;text-decoration:none;font-size:.875rem;letter-spacing:.05em;font-weight:500;transition:all .3s ease}.cta-button:hover{background-color:#fff}.cta-button .button-arrow{margin-left:.5rem;transition:transform .3s ease}.cta-button:hover .button-arrow{transform:translateX(.25rem)}.benefits-grid-wrapper{position:relative}.benefits-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;background:rgba(0,0,0,.3);backdrop-filter:blur(4px)}.unlock-button{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(135deg,#D4AF37,#B8860B);color:#000;text-decoration:none;font-size:1rem;font-weight:500;border-radius:.5rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(212,175,55,.3)}.unlock-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,175,55,.4)}.unlock-icon{width:1.5rem;height:1.5rem;transition:transform .3s ease}.unlock-button:hover .unlock-icon{transform:scale(1.1)}.benefits-grid.blurred{filter:blur(8px);pointer-events:none}.benefits-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:50px;height:50px;border-radius:50%;border:3px solid rgba(212,175,55,.3);border-top-color:#d4af37;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}