.pricing-section{min-height:60vh;padding:80px 0 60px}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header h1{background:linear-gradient(135deg,#00d9ff,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-weight:700;font-size:2.5rem!important}.pricing-header p{color:#9ca3af;max-width:500px;margin:0 auto;font-size:1.1rem}.pricing-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto;padding:0 20px;display:grid}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-header h1{font-size:2rem!important}}.pricing-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:32px 24px;transition:border-color .3s,transform .3s;display:flex}.pricing-card:hover{border-color:#fff3}.pricing-card.featured{background:#8b5cf614;border-color:#8b5cf6;position:relative}.pricing-card.featured:hover{border-color:#a78bfa;transform:translateY(-4px)}.pricing-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:20px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-title{color:#e5e7eb;margin:0 0 8px;font-size:1.3rem;font-weight:600}.pricing-price{margin:16px 0}.pricing-price .amount{color:#f9fafb;font-size:2.5rem;font-weight:700}.pricing-price .period{color:#9ca3af;margin-left:4px;font-size:.9rem}.pricing-price .annual-note{color:#10b981;margin-top:4px;font-size:.85rem;display:block}.pricing-toggle{align-items:center;gap:8px;margin-bottom:16px;display:flex}.pricing-toggle label{color:#9ca3af;cursor:pointer;font-size:.85rem}.pricing-toggle label.active{color:#f9fafb;font-weight:600}.toggle-switch{cursor:pointer;background:#374151;border:none;border-radius:12px;width:44px;height:24px;padding:0;transition:background .3s;position:relative}.toggle-switch.on{background:#8b5cf6}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:3px;left:3px}.toggle-switch.on:after{transform:translate(20px)}.pricing-features{flex:1;margin:16px 0 24px;padding:0;list-style:none}.pricing-features li{color:#d1d5db;align-items:center;gap:8px;padding:6px 0;font-size:.9rem;display:flex}.pricing-features li:before{content:"✓";color:#10b981;flex-shrink:0;font-size:.85rem;font-weight:700}.pricing-current-plan{color:#10b981;cursor:default;background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;display:flex}.pricing-current-icon{font-size:1.1rem;font-weight:700}.pricing-cta{cursor:pointer;text-align:center;border:none;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:block}.pricing-cta:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pricing-cta:disabled{opacity:.5;cursor:not-allowed}.pricing-cta.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.pricing-cta.secondary{color:#9ca3af;background:#ffffff14;border:1px solid #ffffff26}.pricing-footer{text-align:center;margin-top:40px;padding:0 20px}.pricing-footer a{color:#6b7280;margin:0 12px;font-size:.85rem;text-decoration:none}.pricing-footer a:hover{color:#9ca3af}.upgrade-success{justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.upgrade-success-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:480px;padding:48px 32px}.upgrade-success-card h1{color:#f9fafb;margin:16px 0;font-weight:700;font-size:1.8rem!important}.upgrade-success-card p{color:#9ca3af;margin:0 0 24px;font-size:1rem;line-height:1.6}.upgrade-success-card .icon{margin-bottom:8px;font-size:64px;display:block}.upgrade-success-card .btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.upgrade-success-card .btn:hover{opacity:.9}.upgrade-success-card .spinner{border:3px solid #ffffff26;border-top-color:#8b5cf6;border-radius:50%;width:32px;height:32px;margin:16px auto;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}
