.membership-page{position:fixed;top:0;left:0;width:100vw;height:100vh;min-height:800px;background:linear-gradient(#000000b3,#000000b3),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><rect width="1920" height="1080" fill="%23111827"/><circle cx="200" cy="300" r="100" fill="%23374151" opacity="0.3"/><circle cx="800" cy="200" r="150" fill="%236b7280" opacity="0.2"/><circle cx="1400" cy="400" r="80" fill="%23374151" opacity="0.3"/><circle cx="600" cy="700" r="120" fill="%236b7280" opacity="0.2"/><circle cx="1200" cy="800" r="90" fill="%23374151" opacity="0.3"/></svg>');background-size:cover;background-position:center;display:flex;align-items:flex-start;justify-content:center;z-index:1000;overflow-y:auto;padding:40px 20px}.membership-page .close-btn{position:absolute;top:30px;right:30px;color:#fff;font-size:24px;z-index:1001;background:#1f1f1fb3;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.membership-page .close-btn:hover{background:#1f1f1fb3;color:#fff;transform:scale(1.1)}.membership-page .membership-container{max-width:1200px;width:95%;background:transparent;padding:60px 20px 40px;position:relative;margin:auto 0}.membership-page .membership-container .membership-header{text-align:center;margin-bottom:40px}.membership-page .membership-container .membership-header .membership-title{font-size:48px;font-weight:700;color:#fff;margin:0 0 20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.membership-page .membership-container .membership-plans{display:flex;gap:24px;justify-content:center;align-items:stretch}.membership-page .membership-container .membership-plans .plan-card{flex:1;max-width:320px;position:relative}.membership-page .membership-container .membership-plans .plan-card.popular .popular-badge{position:absolute;top:-10px;right:20px;background:#6366f1;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;z-index:10;box-shadow:0 2px 8px #6366f14d}.membership-page .membership-container .membership-plans .plan-card.highlighted .plan-card-content{border:2px solid #6366f1;transform:scale(1.05);box-shadow:0 16px 48px #0003}.membership-page .membership-container .membership-plans .plan-card .plan-card-content{height:100%;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden}.membership-page .membership-container .membership-plans .plan-card .plan-card-content:hover{box-shadow:0 8px 32px #00000026;transform:translateY(-4px);background:#fffffffa}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .ant-card-body{padding:40px 32px;height:100%;display:flex;flex-direction:column}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header{text-align:center;margin-bottom:32px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-name{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 20px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-price{margin-bottom:20px;display:flex;align-items:baseline;justify-content:center;gap:2px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-price .currency{font-size:20px;color:#4b5563;font-weight:600;margin-top:8px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-price .amount{font-size:56px;font-weight:800;color:#111827;line-height:.9}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-price .period{font-size:16px;color:#6b7280;font-weight:500;margin-left:4px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-description{font-size:15px;color:#6b7280;line-height:1.5;margin:0;font-weight:400}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-button-section{margin-bottom:32px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-button-section .plan-button{height:52px;border-radius:26px;font-size:16px;font-weight:600;border:none;box-shadow:0 4px 16px #6366f14d;transition:all .3s ease}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-button-section .plan-button:not(.highlighted-button){background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-button-section .plan-button:not(.highlighted-button):hover{background:linear-gradient(135deg,#5856eb,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-button-section .plan-button.highlighted-button{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;box-shadow:0 4px 16px #1f293766}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-button-section .plan-button.highlighted-button:hover{background:linear-gradient(135deg,#111827,#000);transform:translateY(-2px);box-shadow:0 6px 20px #1f293799}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features{flex:1}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features .feature-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding:8px 0}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features .feature-item:last-child{margin-bottom:0}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features .feature-item.unavailable .feature-icon{color:#ef4444}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features .feature-item.unavailable .feature-text{color:#9ca3af;text-decoration:line-through}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features .feature-item .feature-icon{color:#10b981;font-size:16px;flex-shrink:0;margin-top:2px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features .feature-item .feature-text{font-size:14px;color:#374151;line-height:1.5;flex:1}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-footer{margin-top:auto;padding-top:24px;text-align:center}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-footer .footer-text{font-size:14px;color:#9ca3af;margin:0;font-weight:500}@media (max-width: 768px){.membership-page .membership-container{width:95%;padding:20px 16px;max-height:none}.membership-page .membership-container .membership-header{margin-bottom:20px}.membership-page .membership-container .membership-header .membership-title{font-size:24px}.membership-page .membership-container .membership-plans{flex-direction:column;gap:16px}.membership-page .membership-container .membership-plans .plan-card{max-width:none}.membership-page .membership-container .membership-plans .plan-card.highlighted .plan-card-content{transform:none}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .ant-card-body{padding:20px 16px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header{margin-bottom:16px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-name{font-size:20px;margin-bottom:12px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-price{margin-bottom:12px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-price .currency{font-size:18px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-price .amount{font-size:36px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-price .period{font-size:14px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-description{font-size:13px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-button-section{margin-bottom:20px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-button-section .plan-button{height:44px;font-size:14px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features .feature-item{margin-bottom:12px;padding:4px 0}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features .feature-item .feature-icon{font-size:14px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features .feature-item .feature-text{font-size:13px}}@media (max-width: 480px){.membership-page .membership-container{width:98%;padding:16px 12px}.membership-page .membership-container .membership-header .membership-title{font-size:20px}.membership-page .membership-container .membership-plans{gap:12px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .ant-card-body{padding:16px 12px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-header .plan-price .amount{font-size:28px}.membership-page .membership-container .membership-plans .plan-card .plan-card-content .plan-features .feature-item .feature-text{font-size:12px}}