.pricing-toggle-wrapper{display:flex;justify-content:center;margin-bottom:4rem} .vaults-toggle{display:inline-flex;background:rgba(13,17,22,0.8);border:1px solid var(--border-color);border-radius:50px;padding:6px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.5)} .toggle-btn{background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:1rem;font-weight:600;padding:12px 32px;border-radius:40px;cursor:pointer;position:relative;z-index:2;transition:all 0.3s ease} .toggle-btn.active{color:#fff} .toggle-highlighter{position:absolute;top:6px;bottom:6px;left:6px;background:var(--primary);border-radius:40px;z-index:1;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),width 0.4s;box-shadow:0 4px 15px var(--primary-glow)} .vaults-toggle[data-active="monthly"] .toggle-highlighter{transform:translateX(0);width:115px} .vaults-toggle[data-active="yearly"] .toggle-highlighter{transform:translateX(115px);width:115px} .toggle-badge{position:absolute;top:-12px;right:-10px;background:#10b981;color:#fff;font-size:0.7rem;padding:3px 8px;border-radius:20px;font-weight:700;text-transform:uppercase;box-shadow:0 4px 10px rgba(16,185,129,0.4);pointer-events:none;white-space:nowrap} .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1250px;margin:0 auto} .plan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:3rem 2.5rem;position:relative;transition:all 0.4s ease;display:flex;flex-direction:column} .plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,0.6)} .plan-card.theme-blue{--plan-accent:var(--primary);--plan-glow:var(--primary-glow)} .plan-card.theme-purple{--plan-accent:#a855f7;--plan-glow:rgba(168,85,247,0.4);border-color:rgba(168,85,247,0.3);background:linear-gradient(180deg,rgba(168,85,247,0.03) 0%,var(--bg-card) 100%)} .plan-card.theme-gold{--plan-accent:var(--gold,#f5b041);--plan-glow:rgba(245,176,65,0.4);border-color:rgba(245,176,65,0.3);background:linear-gradient(180deg,rgba(245,176,65,0.05) 0%,var(--bg-card) 100%)} .plan-card.theme-purple:hover,.plan-card.theme-gold:hover{border-color:var(--plan-accent);box-shadow:0 20px 50px rgba(0,0,0,0.6),inset 0 0 20px rgba(255,255,255,0.02)} .recommended-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--plan-accent);color:#fff;padding:6px 18px;border-radius:30px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px var(--plan-glow);white-space:nowrap} .plan-header{text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:2rem;margin-bottom:2rem} .plan-icon{font-size:3rem;color:var(--plan-accent);margin-bottom:1rem;filter:drop-shadow(0 0 10px var(--plan-glow))} .plan-card h3{font-size:1.8rem;color:#fff;margin-bottom:0.5rem} .plan-desc{font-size:0.95rem;color:var(--text-muted);min-height:45px} .plan-price-wrap{display:flex;justify-content:center;align-items:baseline;margin-bottom:0.5rem;height:60px} .price-currency{font-size:1.5rem;font-weight:600;color:#fff;vertical-align:top;margin-top:5px} .price-amount{font-size:3.5rem;font-weight:800;color:#fff;line-height:1} .price-period{font-size:1rem;color:var(--text-muted);margin-left:5px} .plan-billed{font-size:0.85rem;color:var(--text-muted);margin-bottom:1rem;min-height:20px} .dynamic-badge{display:inline-block;padding:4px 12px;border-radius:6px;background:rgba(16,185,129,0.1);color:#10b981;border:1px solid rgba(16,185,129,0.3);font-size:0.8rem;font-weight:700;min-height:25px;transition:opacity 0.3s} .theme-gold .dynamic-badge{background:rgba(245,176,65,0.1);color:var(--gold,#f5b041);border-color:rgba(245,176,65,0.3)} .plan-action{margin-top:2rem;width:100%} .plan-action .btn{width:100%;font-size:1.1rem;padding:1rem} .plan-card.theme-purple .btn,.plan-card.theme-gold .btn{background:var(--plan-accent);border-color:var(--plan-accent);box-shadow:0 4px 15px var(--plan-glow);color:#fff} .plan-card.theme-purple .btn:hover,.plan-card.theme-gold .btn:hover{filter:brightness(1.1);transform:translateY(-2px)} .plan-features{margin-top:2.5rem;flex-grow:1} .feature-title{font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:1.5rem;font-weight:700} .feature-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:1rem;font-size:0.95rem;color:#cbd5e1} .feature-item.excluded{color:#475569} .feature-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px} .included .feature-icon{color:var(--plan-accent)} .excluded .feature-icon{color:#334155} .feature-text.bold{font-weight:700;color:#fff} .secure-payments-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5rem} .secure-payments-img{max-height:35px;opacity:0.85;filter:drop-shadow(0 2px 10px rgba(255,255,255,0.05));transition:opacity 0.3s ease} .secure-payments-img:hover{opacity:1} .payment-methods{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;opacity:0.5;font-size:2rem} .faq-benefits-section{border-top:1px solid var(--border-color)} .faq-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem} .faq-list{display:flex;flex-direction:column;gap:1.5rem} .faq-card{background:rgba(13,17,22,0.4);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:border-color 0.3s ease} .faq-card:hover{border-color:rgba(255,255,255,0.15);background:rgba(13,17,22,0.8)} .faq-card h4{font-size:1.1rem;color:#fff;margin-bottom:0.8rem} .faq-card p{font-size:0.95rem;color:var(--text-muted);line-height:1.6;margin:0} .benefits-glass-panel{background:linear-gradient(145deg,rgba(13,17,22,0.8) 0%,rgba(5,6,8,0.9) 100%);border:1px solid rgba(0,123,255,0.2);border-radius:16px;padding:3rem;box-shadow:inset 0 0 40px rgba(0,123,255,0.05),0 20px 40px rgba(0,0,0,0.5);height:100%} .benefits-glass-panel h3{font-size:2rem;color:#fff;margin-bottom:1rem} .benefits-glass-panel>p{font-size:1rem;color:#cbd5e1;line-height:1.6} .benefits-list{margin-top:2rem;list-style:none;padding:0} .benefits-list li{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1.5rem} .ben-icon{width:45px;height:45px;flex-shrink:0;background:rgba(0,123,255,0.1);border:1px solid rgba(0,123,255,0.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary)} .benefits-list strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:4px} .benefits-list span{display:block;font-size:0.9rem;color:var(--text-muted);line-height:1.5} @media(max-width:1200px){.pricing-grid{gap:1rem} .plan-card{padding:2rem 1.5rem}} @media(max-width:992px){.pricing-grid{grid-template-columns:1fr;max-width:500px;gap:2.5rem;margin:0 auto} .faq-split{grid-template-columns:1fr;gap:3rem} .benefits-glass-panel{padding:2rem}} @media(max-width:480px){.vaults-toggle{transform:scale(0.9)} .pricing-toggle-wrapper{margin-bottom:2rem}}