.subscription-plans-page{min-height:100vh;background:#000;color:#fff;overflow:hidden;display:flex;flex-direction:column}.subscription-plans-page .plans-container{flex:1 1;display:flex;padding:0 2rem;gap:3rem;max-width:1400px;margin:0 auto;width:100%;align-items:center;justify-content:center;min-height:calc(100vh - 80px);position:relative;z-index:1}@media(max-width:1200px){.subscription-plans-page .plans-container{gap:2rem;padding:0 1rem}}@media(max-width:768px){.subscription-plans-page .plans-container{flex-direction:column;height:auto;overflow-y:auto;padding:1rem;gap:1.5rem}}.subscription-plans-page .plans-left{flex:1 1;display:flex;flex-direction:column;gap:1.5rem;max-width:600px;min-width:500px}@media(max-width:1200px){.subscription-plans-page .plans-left{max-width:500px;min-width:400px}}@media(max-width:768px){.subscription-plans-page .plans-left{max-width:100%;min-width:auto}}.subscription-plans-page .plans-left .hero-section h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#ffffff,#e0e0e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:800;line-height:1.2}@media(max-width:1200px){.subscription-plans-page .plans-left .hero-section h1{font-size:2rem}}@media(max-width:768px){.subscription-plans-page .plans-left .hero-section h1{font-size:1.8rem}}.subscription-plans-page .plans-left .hero-section p{font-size:1rem;color:hsla(0,0%,100%,.8);line-height:1.5}@media(max-width:768px){.subscription-plans-page .plans-left .hero-section p{font-size:.9rem}}.subscription-plans-page .plans-left .plan-card{background:hsla(0,0%,100%,.03);border-radius:16px;padding:2rem;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #efbf04;background:linear-gradient(135deg,rgba(239,191,4,.1),rgba(239,191,4,.1))}@media(max-width:1200px){.subscription-plans-page .plans-left .plan-card{padding:1.5rem}}@media(max-width:768px){.subscription-plans-page .plans-left .plan-card{padding:1.5rem}}.subscription-plans-page .plans-left .plan-card .premium-badge{position:absolute;top:-8px;right:1.5rem;background:linear-gradient(135deg,#EFBF04,#EFBF04);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.3rem;box-shadow:0 2px 8px rgba(239,191,4,.3)}.subscription-plans-page .plans-left .plan-card .premium-badge svg{font-size:.8rem}.subscription-plans-page .plans-left .plan-card .plan-header{text-align:center;margin-bottom:1.5rem}.subscription-plans-page .plans-left .plan-card .plan-header .plan-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.subscription-plans-page .plans-left .plan-card .plan-header .plan-icon:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:inherit;border-radius:50%;z-index:-1;filter:blur(8px);opacity:.5}.subscription-plans-page .plans-left .plan-card .plan-header h3{font-size:1.8rem;margin-bottom:.5rem;color:#fff;font-weight:700}@media(max-width:1200px){.subscription-plans-page .plans-left .plan-card .plan-header h3{font-size:1.5rem}}.subscription-plans-page .plans-left .plan-card .plan-header .plan-price{margin-bottom:.5rem}.subscription-plans-page .plans-left .plan-card .plan-header .plan-price .price{font-size:2.5rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#ffffff,#e0e0e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(max-width:1200px){.subscription-plans-page .plans-left .plan-card .plan-header .plan-price .price{font-size:2rem}}.subscription-plans-page .plans-left .plan-card .plan-header .plan-price .period{font-size:1rem;color:hsla(0,0%,100%,.6);margin-left:.3rem}@media(max-width:1200px){.subscription-plans-page .plans-left .plan-card .plan-header .plan-price .period{font-size:.9rem}}.subscription-plans-page .plans-left .plan-card .plan-header .yearly-savings{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;margin-bottom:.5rem;display:inline-block}.subscription-plans-page .plans-left .plan-card .plan-header .plan-description{font-size:.9rem;color:hsla(0,0%,100%,.7);line-height:1.4}.subscription-plans-page .plans-left .plan-card .plan-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}@media(max-width:1200px){.subscription-plans-page .plans-left .plan-card .plan-features{grid-template-columns:1fr}}.subscription-plans-page .plans-left .plan-card .plan-features .feature-item{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.subscription-plans-page .plans-left .plan-card .plan-features .feature-item .feature-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(76,175,80,.2);color:#4caf50;flex-shrink:0}.subscription-plans-page .plans-left .plan-card .plan-features .feature-item .feature-icon svg{font-size:.8rem;color:#4caf50}.subscription-plans-page .plans-left .plan-card .plan-features .feature-item .feature-text{font-size:.8rem;color:hsla(0,0%,100%,.9);line-height:1.3}.subscription-plans-page .plans-right{flex:1 1;max-width:500px;min-width:400px;display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1200px){.subscription-plans-page .plans-right{max-width:450px;min-width:350px}}@media(max-width:768px){.subscription-plans-page .plans-right{max-width:100%;min-width:auto}}.subscription-plans-page .plans-right .billing-section h2{font-size:1.8rem;margin-bottom:1rem;color:#fff;font-weight:700}@media(max-width:1200px){.subscription-plans-page .plans-right .billing-section h2{font-size:1.5rem}}.subscription-plans-page .plans-right .billing-section .billing-toggle{display:inline-flex;align-items:center;gap:.8rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:25px;padding:.3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1.5rem}.subscription-plans-page .plans-right .billing-section .billing-toggle .billing-option{background:none;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;color:hsla(0,0%,100%,.6);transition:all .3s ease;cursor:pointer;position:relative;display:flex;align-items:center;gap:.5rem}.subscription-plans-page .plans-right .billing-section .billing-toggle .billing-option:hover{color:hsla(0,0%,100%,.8)}.subscription-plans-page .plans-right .billing-section .billing-toggle .billing-option.active{color:#fff;background:linear-gradient(135deg,#EFBF04,#EFBF04);box-shadow:0 2px 8px rgba(239,191,4,.3)}.subscription-plans-page .plans-right .billing-section .billing-toggle .billing-option .save-badge{position:absolute;top:-15px;right:-5px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:.2rem .4rem;border-radius:8px;font-size:.6rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 6px rgba(255,107,107,.3)}.subscription-plans-page .plans-right .billing-section .billing-toggle .toggle-switch{position:relative;width:50px;height:25px;background:hsla(0,0%,100%,.1);border-radius:12.5px;border:none;cursor:pointer;transition:background .3s ease;flex-shrink:0}.subscription-plans-page .plans-right .billing-section .billing-toggle .toggle-switch:hover{background:hsla(0,0%,100%,.15)}.subscription-plans-page .plans-right .billing-section .billing-toggle .toggle-switch.active{background:linear-gradient(135deg,#EFBF04,#EFBF04)}.subscription-plans-page .plans-right .billing-section .billing-toggle .toggle-switch.active .toggle-slider{transform:translateX(25px)}.subscription-plans-page .plans-right .billing-section .billing-toggle .toggle-switch .toggle-slider{position:absolute;top:2px;left:2px;width:21px;height:21px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.subscription-plans-page .plans-right .billing-section .subscribe-btn{background:linear-gradient(135deg,#EFBF04,#EFBF04);border:none;padding:1rem 2rem;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.subscription-plans-page .plans-right .billing-section .subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,191,4,.3)}.subscription-plans-page .plans-right .billing-section .subscribe-btn svg{font-size:1.1rem}.subscription-plans-page .plans-right .billing-section .payment-methods h3{margin-top:1rem;font-size:1.1rem;margin-bottom:.8rem;color:#fff;font-weight:600}.subscription-plans-page .plans-right .billing-section .payment-methods .payment-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.8rem;gap:.8rem}.subscription-plans-page .plans-right .billing-section .payment-methods .payment-grid .payment-method{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;transition:all .3s ease}.subscription-plans-page .plans-right .billing-section .payment-methods .payment-grid .payment-method:hover{background:hsla(0,0%,100%,.05);transform:translateY(-1px)}.subscription-plans-page .plans-right .billing-section .payment-methods .payment-grid .payment-method img{height:20px;width:auto;filter:brightness(.8)}.subscription-plans-page .plans-right .billing-section .payment-methods .payment-grid .payment-method .payment-icon{color:hsla(0,0%,100%,.6);font-size:1.2rem}.subscription-plans-page .plans-right .billing-section .payment-methods .payment-grid .payment-method span{font-size:.7rem;color:hsla(0,0%,100%,.6);font-weight:500}.subscription-plans-page .plans-right .billing-section .faq-section h3{font-size:1.1rem;margin-bottom:.8rem;color:#fff;font-weight:600}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list{display:flex;flex-direction:column;gap:.5rem}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list .faq-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;overflow:hidden;transition:all .3s ease;cursor:pointer}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list .faq-item:hover{background:hsla(0,0%,100%,.05)}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list .faq-item.active{background:hsla(0,0%,100%,.05);border-color:#efbf04}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list .faq-item.active .faq-question .chevron{transform:rotate(180deg);color:#efbf04}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list .faq-item .faq-question{display:flex;align-items:center;gap:.5rem;padding:.8rem;transition:all .3s ease}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list .faq-item .faq-question .faq-icon{color:#efbf04;font-size:.9rem;flex-shrink:0}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list .faq-item .faq-question span{font-size:.8rem;font-weight:500;margin:0;flex:1 1;color:#fff}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list .faq-item .faq-question .chevron{width:16px;height:16px;transition:all .3s ease;color:hsla(0,0%,100%,.5);flex-shrink:0}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list .faq-item .faq-answer{padding:0 .8rem .8rem;transform-origin:top;will-change:transform,opacity}.subscription-plans-page .plans-right .billing-section .faq-section .faq-list .faq-item .faq-answer p{font-size:.75rem;line-height:1.4;color:hsla(0,0%,100%,.8);margin:0}.subscription-plans-page .loading-container{display:flex;align-items:center;justify-content:center;height:calc(100vh - 80px)}.subscription-plans-page .loading-container .loading-spinner{text-align:center}.subscription-plans-page .loading-container .loading-spinner .spinner{width:50px;height:50px;border:3px solid hsla(0,0%,100%,.1);border-top-color:#efbf04;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.subscription-plans-page .loading-container .loading-spinner p{color:hsla(0,0%,100%,.7);font-size:1.1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.plans-right-col,.plans-separator,.plans-two-col-layout{display:none!important}