.pricing-header{text-align:center;margin-bottom:3rem}
.pricing-header h1{font-size:2.5rem;margin-bottom:1rem}
.pricing-header p{color:var(--neutral-gray);font-size:1.2rem}
.pricing-toggle{display:flex;justify-content:center;margin-bottom:3rem;background-color:var(--surface);padding:0.75rem;border-radius:50px;width:fit-content;margin:0 auto 3rem;border:2px solid var(--border-color)}
.toggle-btn{padding:1rem 2.5rem;border-radius:50px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-weight:600;transition:all 0.3s ease;font-size:1.3rem;min-width:140px;letter-spacing:0.5px}
.toggle-btn.active{background-color:var(--accent);color:var(--base);box-shadow:0 4px 12px rgba(79,195,247,0.3)}
.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
#monthly-plans{display:grid}
#yearly-plans{display:none}
.pricing-card{background-color:var(--surface);border-radius:8px;padding:2rem;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;overflow:hidden;font-size:1.2rem;border:2px solid transparent}
.pricing-card.popular{border:3px solid var(--accent);transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,0.2)}
.popular-badge{position:absolute;top:1rem;right:-30px;background-color:var(--accent);color:var(--base);padding:0.25rem 2rem;transform:rotate(45deg);font-size:0.8rem;font-weight:600}
.pricing-card h3{font-size:1.8rem;margin-bottom:1.5rem}
.price{font-size:3rem;font-weight:700;margin:1.5rem 0;color:var(--accent)}
.price span{font-size:1.2rem;color:var(--neutral-gray)}
.savings{color:var(--success);font-weight:600;margin-bottom:1.5rem}
.pricing-features{font-size:1.1rem;list-style:none;margin:2rem 0;text-align:left}
.pricing-features li{padding:0.5rem 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.pricing-features li:last-child{border-bottom:none}
.pricing-features li::before{content:"✓";color:var(--success);margin-right:0.5rem;font-weight:bold}
.pricing-button{width:100%;padding:1rem;border-radius:4px;background-color:var(--accent);color:var(--base);border:none;font-weight:600;cursor:pointer;transition:all 0.3s ease}
.pricing-button:hover{background-color:#00b8d9;transform:scale(0.98)}
@media (max-width:768px){.pricing-card.popular{transform:scale(1)}
}