.plans-container{color:#1e293b;min-height:100vh;font-family:var(--font,"Inter",sans-serif);background:radial-gradient(circle at 100% 0,#6366f114,#0000),radial-gradient(circle at 0 100%,#ec48990d,#0000),#fff;flex-direction:column;align-items:center;padding:6rem 2rem;display:flex;overflow-x:hidden}.plans-header{text-align:center;max-width:800px;margin-bottom:5rem}.plans-badge{color:#4f46e5;text-transform:uppercase;letter-spacing:2px;background:#6366f11a;border:1px solid #6366f133;border-radius:99px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;display:inline-block}.plans-title{letter-spacing:-2px;color:#0f172a;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:950;line-height:1.15}.plans-subtitle{color:#475569;font-size:1.25rem;line-height:1.6}.plans-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;width:100%;max-width:1200px;margin-top:2rem;display:grid}.plan-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:32px;flex-direction:column;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,4vw,2.5rem);transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.plan-card:before{content:"";background:0 0;height:5px;transition:all .3s;position:absolute;top:0;left:0;right:0}.plan-card:hover{border-color:#6366f133;transform:translateY(-12px);box-shadow:0 25px 50px -12px #0000001a}.plan-card.featured{background:#fff;border:2px solid #6366f1;box-shadow:0 20px 25px -5px #6366f11a,0 8px 10px -6px #6366f11a}.plan-card.featured:before{background:linear-gradient(90deg,#6366f1,#a855f7)}.plan-card.featured .plan-feature-icon{color:#6366f1}.plan-name{color:#0f172a;margin-bottom:1rem;font-size:1.6rem;font-weight:850}.plan-price-wrap{margin-bottom:2.5rem}.plan-price{color:#0f172a;align-items:baseline;gap:4px;font-size:clamp(2.4rem,8vw,3.8rem);font-weight:950;display:flex}.plan-currency{color:#64748b;font-size:1.6rem;font-weight:800}.plan-period{color:#94a3b8;margin-left:5px;font-size:1.1rem;font-weight:500}.plan-features{flex-grow:1;margin:0 0 3.5rem;padding:0;list-style:none}.plan-feature-item{color:#334155;align-items:flex-start;gap:12px;margin-bottom:1.1rem;font-size:1rem;font-weight:500;line-height:1.5;display:flex}.plan-feature-icon{color:#6366f1;flex-shrink:0;margin-top:3px}.plan-btn{cursor:pointer;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:100%;padding:1.35rem;font-size:1rem;font-weight:800;transition:all .3s;display:flex}.plan-card.featured .plan-btn{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 10px 15px -3px #6366f14d}.plan-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.plan-card.featured .plan-btn:hover{background:#4f46e5;box-shadow:0 20px 25px -5px #6366f166}.popular-tag{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:99px;padding:.5rem 1.25rem;font-size:.75rem;font-weight:900;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 6px -1px #6366f166}.billing-toggle-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;max-width:100%;margin-bottom:4.5rem;padding:6px;display:inline-flex;position:relative;box-shadow:0 1px 3px #00000005}.toggle-option{color:#64748b;cursor:pointer;z-index:2;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 28px;font-size:.85rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.toggle-option.active{color:#fff}.toggle-slider{z-index:1;background:#6366f1;border-radius:14px;height:calc(100% - 12px);transition:all .4s cubic-bezier(.18,.89,.32,1.28);position:absolute;top:6px;left:6px;box-shadow:0 4px 12px #6366f140}.toggle-slider.monthly{width:25%;transform:translate(0)}.toggle-slider.quarterly{width:38%;transform:translate(67%)}.toggle-slider.yearly{width:34%;transform:translate(186%)}.discount-badge{color:#059669;background:#10b9811a;border:1px solid #10b98133;border-radius:6px;margin-left:4px;padding:.2rem .6rem;font-size:.65rem;font-weight:900}.toggle-option.active .discount-badge{color:#fff;background:#fff3;border-color:#ffffff4d}@media (max-width:1024px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.plans-grid{grid-template-columns:1fr}.plans-container{padding:4rem 1.25rem}.plans-title{letter-spacing:-1px;font-size:clamp(2.2rem,10vw,3rem)}.plans-header{margin-bottom:3.5rem}.billing-toggle-wrapper{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;width:calc(100vw - 2.5rem);margin-bottom:3.5rem;padding:4px;display:inline-flex;overflow-x:auto}.billing-toggle-wrapper::-webkit-scrollbar{display:none}.toggle-option{padding:10px 20px;font-size:.8rem}.toggle-slider{display:none}.toggle-option.active{background:#6366f1;box-shadow:0 4px 12px #6366f133}}@media (max-width:480px){.plans-title{font-size:2rem}.plan-card{padding:2.25rem 1.5rem}.plan-price{font-size:2.5rem}.toggle-option{padding:8px 16px}}.loading-spinner{border:3px solid #6366f11a;border-top-color:#6366f1;border-radius:50%;width:50px;height:50px;margin:2rem auto;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}