.join-membership{background:linear-gradient(135deg,var(--brand-sand)0%,#fff 100%);min-height:100vh}.join-membership .benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.join-membership .benefit-card{text-align:center;border-radius:12px;transition:all .3s;overflow:hidden}.join-membership .benefit-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.join-membership .benefit-icon{width:3rem;height:3rem;color:var(--brand-primary);background-color:rgba(14,33,72,.1);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;transition:all .3s;display:flex}.join-membership .benefit-card:hover .benefit-icon{background-color:var(--brand-primary);color:#fff;transform:scale(1.1)}.join-membership .membership-types-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.join-membership .membership-card{border-radius:12px;height:100%;transition:all .3s;overflow:hidden}.join-membership .membership-card.featured{border:2px solid var(--brand-primary);transform:scale(1.05)}.join-membership .membership-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.join-membership .membership-card.featured:hover{transform:scale(1.05)translateY(-6px)}.join-membership .membership-price{color:var(--brand-primary);margin-top:1rem;font-size:1.5rem;font-weight:700}.join-membership .feature-list{margin:0;padding:0;list-style:none}.join-membership .feature-item{color:#374151;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.join-membership .feature-icon{color:#16a34a;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.join-membership .join-form-section{background:var(--brand-sand);border-radius:12px;padding:2rem}.join-membership .info-section{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);color:#fff}.join-membership .info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.join-membership .info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border-radius:12px;padding:2rem;transition:all .3s}.join-membership .info-card:hover{background:rgba(255,255,255,.2);transform:translateY(-4px)}.join-membership .info-card h3{color:#fff;margin-bottom:1rem;font-weight:600}.join-membership .info-list{margin:0;padding:0;list-style:none}.join-membership .info-item{color:rgba(255,255,255,.9);margin-bottom:.5rem;padding-left:1rem;font-size:.875rem;position:relative}.join-membership .info-item:before{content:"•";color:var(--brand-gold);font-weight:700;position:absolute;left:0}.join-membership .form-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.1)}.join-membership .form-title{color:var(--brand-charcoal);text-align:center;margin-bottom:1rem;font-size:1.875rem;font-weight:700}.join-membership .form-description{color:#6b7280;text-align:center;margin-bottom:2rem;line-height:1.6}@media (max-width:768px){.join-membership .benefits-grid,.join-membership .membership-types-grid,.join-membership .info-grid{grid-template-columns:1fr}.join-membership .membership-card.featured{transform:none}.join-membership .membership-card.featured:hover{transform:translateY(-6px)}.join-membership .form-container{padding:1.5rem}}.join-membership .fade-in{animation:.6s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.join-membership .slide-in-up{animation:.8s ease-out slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.join-membership .stagger-animation>*{animation:.8s ease-out both fadeIn}.join-membership .stagger-animation>:first-child{animation-delay:.1s}.join-membership .stagger-animation>:nth-child(2){animation-delay:.2s}.join-membership .stagger-animation>:nth-child(3){animation-delay:.3s}.join-membership .stagger-animation>:nth-child(4){animation-delay:.4s}.join-membership .pulse-animation{animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.join-membership .bounce-in{animation:.8s ease-out bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}