.pricing-page{--primary:#2e4a8f;--primary-light:#e7ecf8;--primary-mid:#aabce3;--secondary:#ee6a80;--secondary-light:#fdebee;--tertiary:#f4b84a;--tertiary-light:#fdf3dd;--success:#43a047;--success-light:#f0faf0;--bg:#fafbfd;--surface:#f7f9fc;--white:#fff;--foreground:#1a1a2e;--muted:#64748b;--muted-light:#94a3b8;--border:#e2e8f0;--radius-card:24px;--radius-btn:100px;--shadow-sm:0 2px 8px #2e4a8f12;--shadow-md:0 4px 20px #2e4a8f1f;--shadow-lg:0 8px 40px #2e4a8f2e;background:var(--bg);color:var(--foreground);min-height:100vh;margin-top:-88px;padding-top:88px;font-family:Nunito Sans,sans-serif;font-size:16px;line-height:1.6}@keyframes priceFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pricing-page .main-content{max-width:1060px;margin:0 auto;padding:48px 32px 80px}.pricing-page .page-header{text-align:center;margin-bottom:40px;animation:.35s both priceFadeUp}.pricing-page .page-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:10px;font-size:11px;font-weight:800}.pricing-page .page-title{color:var(--foreground);margin-bottom:10px;font-family:Fredoka,sans-serif;font-size:40px;font-weight:700;line-height:1.15}.pricing-page .page-desc{color:var(--muted);max-width:480px;margin:0 auto;font-size:16px;line-height:1.7}.pricing-page .billing-toggle{background:var(--surface);border-radius:var(--radius-btn);justify-content:center;align-items:center;gap:4px;width:fit-content;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:4px;animation:.35s 60ms both priceFadeUp;display:flex}.pricing-page .toggle-btn{border-radius:var(--radius-btn);cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;gap:8px;padding:10px 24px;font-family:Nunito Sans,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex}.pricing-page .toggle-btn:hover{color:var(--foreground)}.pricing-page .toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 12px #2e4a8f40}.pricing-page .toggle-save{text-transform:uppercase;letter-spacing:.06em;background:var(--success);color:#fff;white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:800}.pricing-page .tier-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.pricing-page .tier-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;padding:36px 28px 28px;transition:all .25s;animation:.35s both priceFadeUp;display:flex;position:relative}.pricing-page .tier-card:first-child{animation-delay:80ms}.pricing-page .tier-card:nth-child(2){animation-delay:.14s}.pricing-page .tier-card:nth-child(3){animation-delay:.2s}.pricing-page .tier-card:hover{border-color:var(--primary-mid);box-shadow:var(--shadow-md);transform:translateY(-4px)}.pricing-page .tier-card.highlight{border-color:var(--primary);box-shadow:var(--shadow-lg);z-index:1;transform:scale(1.03)}.pricing-page .tier-card.highlight:hover{transform:scale(1.03)translateY(-4px)}.pricing-page .popular-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:5px 18px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-page .popular-badge svg{width:12px;height:12px}.pricing-page .tier-name{color:var(--foreground);margin-bottom:4px;font-family:Fredoka,sans-serif;font-size:22px;font-weight:600}.pricing-page .tier-card.highlight .tier-name{margin-top:8px}.pricing-page .tier-price{margin-bottom:20px}.pricing-page .tier-price-amount{color:var(--foreground);font-family:Fredoka,sans-serif;font-size:40px;font-weight:700;line-height:1.1}.pricing-page .tier-price-period{color:var(--muted);font-size:14px;font-weight:600}.pricing-page .tier-features{text-align:left;flex:1;margin:0 0 24px;padding:0;list-style:none}.pricing-page .tier-features li{color:var(--muted);align-items:center;gap:10px;padding:7px 0;font-size:14px;font-weight:600;display:flex}.pricing-page .tier-features li .check{background:var(--success-light);width:20px;height:20px;color:var(--success);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.pricing-page .tier-cta{border-radius:var(--radius-btn);cursor:pointer;border:none;width:100%;padding:14px 0;font-family:Nunito Sans,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.pricing-page .tier-cta.primary{background:var(--primary);color:#fff;box-shadow:0 4px 16px #2e4a8f4d}.pricing-page .tier-cta.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #2e4a8f66}.pricing-page .tier-cta.secondary{background:var(--white);color:var(--primary);border:2px solid var(--border)}.pricing-page .tier-cta.secondary:hover{border-color:var(--primary-mid);background:var(--primary-light)}.pricing-page .tier-cta:disabled{opacity:.5;cursor:not-allowed;transform:none}.pricing-page .current-badge{border-radius:var(--radius-btn);border:2px solid var(--border);background:var(--surface);width:100%;color:var(--muted);text-align:center;padding:12px 0;font-family:Nunito Sans,sans-serif;font-size:14px;font-weight:700}.pricing-page .redeem-link-row{text-align:center;margin:8px auto 28px;animation:.35s .22s both priceFadeUp}.pricing-page .redeem-link{color:var(--muted);border-bottom:1px dashed #0000;padding:4px 0;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}.pricing-page .redeem-link:hover{color:var(--primary);border-bottom-color:var(--primary-mid)}.pricing-page .bottom-note{text-align:center;max-width:520px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.7;animation:.35s .28s both priceFadeUp}.pricing-page .bottom-note a{color:var(--primary);font-weight:700;text-decoration:none}.pricing-page .bottom-note a:hover{text-decoration:underline}.pricing-page .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite priceSpin;display:inline-block}@keyframes priceSpin{to{transform:rotate(360deg)}}@media (max-width:900px){.pricing-page .tier-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.pricing-page .tier-card.highlight{transform:none}.pricing-page .tier-card.highlight:hover{transform:translateY(-4px)}.pricing-page .page-title{font-size:32px}.pricing-page .main-content{padding:32px 20px 60px}}@media (max-width:600px){.pricing-page .page-title{font-size:26px}.pricing-page .tier-price-amount{font-size:32px}}