.membership-hero{background:var(--surface-color);padding:3rem 1rem;text-align:center;border-bottom:1px solid var(--border-color)}.hero-badge{display:inline-block;padding:.375rem 1rem;background:var(--primary-color);color:#fff;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.membership-hero h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary)}.hero-subtitle{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.role-switcher{display:inline-flex;background:#fff;border-radius:12px;padding:4px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);position:relative}.role-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.role-tab.active{color:#fff}.role-tab.active[data-role=elev]{background:#10b981}.role-tab.active[data-role=laerer]{background:var(--primary-color)}.role-tab.active[data-role=digital]{background:#8b5cf6}.role-switcher.three-tabs .role-tab{padding:.75rem 1.25rem}.role-tab:hover:not(.active){color:var(--text-primary)}.tab-icon{font-size:1.25rem}.plans-section{padding:3rem 1rem;overflow:visible}.elev-plans,.laerer-plans,.digital-plans{background:#fff}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;overflow:visible}@media(max-width:1100px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.plans-grid{grid-template-columns:1fr;max-width:400px}}.plan-card{background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:visible}.plan-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-md)}.plan-card.popular{border:2px solid var(--primary-color);box-shadow:0 0 0 4px #2563eb1a}.plan-card.premium{background:linear-gradient(180deg,#fffbeb,#fff 50%);border-color:#fbbf24}.plan-card.affordable{border:2px solid #10b981;box-shadow:0 0 0 4px #10b9811a}.popular-ribbon{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:.25rem 1rem;border-radius:0 0 8px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase}.premium-ribbon{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;padding:.25rem 1rem;border-radius:0 0 8px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase}.affordable-ribbon{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem 1rem;border-radius:0 0 8px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase}.features-section .feature-item{clip-path:inset(0 0 100% 0);transition:clip-path 1.5s cubic-bezier(.25,.46,.45,.94)}.plan-card.animate .features-section .feature-item{clip-path:inset(0 0 0 0)}.plan-header{text-align:center;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem}.plan-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border-radius:100px;font-size:.65rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.plan-name{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:.25rem}.price-amount{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1}.price-currency{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.price-period{font-size:.875rem;color:var(--text-muted)}.plan-tagline{color:var(--text-secondary);font-size:.8rem;margin:0}.completeness{margin-bottom:1rem}.completeness-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.completeness-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .5s ease}.laerer-plans .completeness-fill{background:linear-gradient(90deg,var(--primary-color),#60a5fa)}.completeness.full .completeness-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.completeness-text{font-size:.7rem;color:var(--text-muted);font-weight:500}.plan-features{flex:1;display:flex;flex-direction:column;overflow:visible}.features-section{margin-bottom:1rem;overflow:visible}.features-section:last-child{margin-bottom:0}.features-label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:.5rem}.features-section.included .features-label{color:#10b981}.laerer-plans .features-section.included .features-label{color:var(--primary-color)}.features-section.all-included .features-label{color:#f59e0b}.features-section.missing .features-label{color:#94a3b8}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9;font-size:.8rem;color:var(--text-secondary);cursor:help;position:relative;transition:background .2s ease}.feature-item:last-child{border-bottom:none}.elev-plans .features-section.included .feature-item,.elev-plans .features-section.included .feature-item.highlight{border-bottom-color:#10b98166!important}.laerer-plans .features-section.included .feature-item,.laerer-plans .features-section.included .feature-item.highlight{border-bottom-color:#2563eb66!important}.features-section.all-included .feature-item,.features-section.all-included .feature-item.highlight{border-bottom-color:#f59e0b66!important}.feature-item:hover{background-color:#f8fafc;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:6px}.feature-item.highlight{color:var(--text-primary)}.feature-item.disabled{color:#cbd5e1}.feature-item.disabled:hover{background:transparent}.feature-item.bonus{background:#fef3c7;margin:.5rem -.5rem 0;padding:.75rem;border-radius:8px;border:1px dashed #fbbf24}.feature-check{color:#10b981;font-weight:600;width:16px;text-align:center;flex-shrink:0}.laerer-plans .feature-check{color:var(--primary-color)}.feature-x{color:#cbd5e1;font-weight:600;width:16px;text-align:center;flex-shrink:0}.feature-text{flex:1}.feature-value{font-weight:500;color:var(--text-muted);font-size:.75rem}.feature-value.highlight-value{color:#10b981;font-weight:600}.laerer-plans .feature-value.highlight-value{color:var(--primary-color)}.feature-value.gold{color:#d97706!important}.shimmer-gold{background:linear-gradient(90deg,#78350f,#fbbf24,#fef3c7,#fbbf24,#78350f);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.feature-item[data-tooltip]:hover{clip-path:none!important;overflow:visible!important;z-index:99999!important;position:relative}.features-section:has(.feature-item[data-tooltip]:hover){overflow:visible!important}.plan-features:has(.feature-item[data-tooltip]:hover){overflow:visible!important}.feature-item[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%);background:#fff;color:#1e293b;padding:1.25rem 1.5rem;border-radius:16px;border:2px solid #e2e8f0;font-size:.9rem;font-weight:500;line-height:1.7;white-space:normal;text-align:center;width:280px;min-height:-moz-fit-content;min-height:fit-content;z-index:999999!important;box-shadow:0 12px 40px #0003,0 4px 12px #0000001a;pointer-events:none;animation:tooltipFadeIn .2s ease-out}.feature-item[data-tooltip]:hover:before{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid #ffffff;z-index:1000000!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08));animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.plan-btn{width:100%;padding:.875rem;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:auto}.btn-outline{background:#fff;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{background:var(--surface-color)}.btn-cancel{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.btn-cancel:hover{background:#fecaca;color:#b91c1c}.btn-elev{background:#dcfce7;color:#166534}.btn-elev:hover{background:#bbf7d0}.btn-elev-popular{background:#10b981;color:#fff}.btn-elev-popular:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-elev-premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.btn-elev-premium:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.btn-laerer{background:#dbeafe;color:#1e40af}.btn-laerer:hover{background:#bfdbfe}.btn-laerer-popular{background:var(--primary-color);color:#fff}.btn-laerer-popular:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn-laerer-premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.btn-laerer-premium:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.btn-digital{background:#8b5cf6;color:#fff}.btn-digital:hover{background:#7c3aed;transform:translateY(-2px)}.btn-digital-popular{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-digital-popular:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.btn-digital-premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.btn-digital-premium:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.info-banner{display:flex;gap:1.5rem;align-items:flex-start;background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-top:2rem;max-width:800px;margin-left:auto;margin-right:auto}.elev-banner{border-left:4px solid #10b981}.laerer-banner{border-left:4px solid var(--primary-color)}.digital-banner{border-left:4px solid #8b5cf6}.banner-icon{font-size:2.5rem;flex-shrink:0}.banner-content h4{font-size:1rem;margin-bottom:.5rem}.banner-content p{font-size:.9rem;color:var(--text-secondary);margin:0}.coverage-pills,.prizepool-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.pill{padding:.375rem .75rem;background:var(--surface-color);border-radius:100px;font-size:.75rem;color:var(--text-secondary)}.pill strong{color:var(--primary-color)}.pill.gold{background:#fef3c7}.pill.gold strong{color:#d97706}.comparison-section{padding:4rem 1rem;background:var(--surface-color)}.comparison-section h2{text-align:center;margin-bottom:.5rem}.comparison-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.comparison-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.compare-tab{padding:.5rem 1.5rem;border:1px solid var(--border-color);background:#fff;border-radius:100px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.compare-tab.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.compare-tab:hover:not(.active){border-color:var(--text-secondary)}.comparison-table-wrapper{overflow-x:auto;max-width:900px;margin:0 auto}.comparison-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.comparison-table th,.comparison-table td{padding:1rem;text-align:center;border-bottom:1px solid var(--border-color)}.comparison-table th{background:var(--text-primary);color:#fff;font-weight:600;font-size:.9rem}.comparison-table th:first-child{text-align:left}.th-price{display:block;font-size:.75rem;font-weight:400;opacity:.8}.comparison-table td:first-child{text-align:left;font-weight:500;color:var(--text-primary)}.comparison-table td{font-size:.875rem;color:var(--text-secondary)}.comparison-table .popular-col{background:#10b9810d}.laerer-table .popular-col{background:#2563eb0d}.comparison-table th.popular-col{background:#10b981}.laerer-table th.popular-col{background:var(--primary-color)}.comparison-table .na{color:#cbd5e1}.comparison-table .check{color:#10b981;font-weight:600}.comparison-table .best{color:#d97706;font-weight:600}.comparison-table tbody tr:hover{background:#f8fafc}.faq-section{padding:4rem 1rem;background:#fff}.faq-section h2{text-align:center;margin-bottom:2rem}.faq-list{max-width:700px;margin:0 auto}.faq-item{border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.25rem;background:#fff;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-primary);text-align:left;transition:background .2s ease}.faq-question:hover{background:var(--surface-color)}.faq-icon{font-size:1.5rem;color:var(--text-muted);transition:transform .3s ease}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:200px}.faq-answer p{padding:0 1.25rem 1.25rem;margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.main-footer{background:#0f172a;color:#fff;padding:3rem 1rem}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-brand .logo-text{font-size:1.5rem;font-weight:700}.footer-brand p{color:#64748b;margin-top:.5rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copyright{color:#475569;font-size:.875rem}@media(max-width:768px){.membership-hero h1{font-size:1.75rem}.info-banner{flex-direction:column;text-align:center}.coverage-pills,.prizepool-pills{justify-content:center}.comparison-table th,.comparison-table td{padding:.75rem .5rem;font-size:.75rem}}.checkout-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.checkout-modal-overlay{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.checkout-modal-content{position:relative;background:#fff;border-radius:16px;width:95%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.checkout-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--surface-color)}.checkout-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.checkout-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.checkout-modal-close:hover{background:var(--border-color);color:var(--text-primary)}.checkout-modal-body{padding:0;min-height:400px;max-height:calc(90vh - 70px);overflow-y:auto}#checkout-container{min-height:400px}.checkout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary)}.checkout-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.checkout-modal-content{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.checkout-modal-body{max-height:calc(100vh - 60px)}}
