.pricing-page{max-width:1120px;margin:0 auto;padding:48px 32px 80px}.pricing-hero{text-align:center;margin-bottom:48px}.pricing-hero-mascot{cursor:pointer;justify-content:center;margin-bottom:18px;display:flex}.pricing-mascot-img{object-fit:contain;filter:drop-shadow(0 16px 32px #8b5cf626);width:180px;height:180px;animation:3s ease-in-out infinite pricingFloat}@keyframes pricingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pricing-title{font-family:var(--font-title);letter-spacing:-1px;color:var(--text-900);margin:16px 0 14px;font-size:36px;font-weight:400;line-height:1.2}.pricing-title .accent{color:#7c3aed}.pricing-desc{color:var(--text-500);font-size:16px;font-weight:500}.pricing-cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.pricing-card{background:#fff;border:1px solid #b794f633;border-radius:20px;flex-direction:column;padding:32px 28px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 10px 26px #8b5cf60e}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #8b5cf61a}.pricing-card.recommended{border:2px solid #b794f6;box-shadow:0 10px 40px #8b5cf61f}.pricing-card.recommended:hover{box-shadow:0 20px 50px #8b5cf62e}.pricing-recommend-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f0abfc 0%,#b794f6 42%,#7c3aed 100%);border-radius:999px;padding:5px 18px;font-size:14px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #7c3aed33}.pricing-save-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:999px;padding:5px 18px;font-size:14px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #22c55e33}.pricing-card-header{text-align:center;margin-bottom:20px}.pricing-plan-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;display:flex;overflow:hidden}.pricing-plan-icon.free-icon{background:#8b5cf614}.pricing-plan-icon.pro-icon{background:linear-gradient(135deg,#f0abfc33,#b794f633)}.pricing-plan-icon.yearly-icon{background:#4ade801a}.pricing-cat-icon{object-fit:contain;width:40px;height:40px}.pricing-plan-name{font-family:var(--font-cute);color:var(--text-900);margin-bottom:6px;font-size:24px;font-weight:400}.pricing-plan-desc{color:var(--text-500);font-size:14px}.pricing-price{text-align:center;border-top:1px solid #b794f61f;border-bottom:1px solid #b794f61f;margin-bottom:20px;padding:16px 0}.pricing-amount{font-family:var(--font-number);color:#7c3aed;letter-spacing:-.5px;font-size:36px;font-weight:800}.pricing-period{color:var(--text-400);margin-left:2px;font-size:16px;font-weight:500}.pricing-monthly-equiv{text-align:center;color:var(--text-500);margin-top:-12px;margin-bottom:16px;font-size:14px}.pricing-discount{color:#16a34a;background:#4ade801f;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:14px;font-weight:700;display:inline-block}.pricing-features{flex-direction:column;flex:1;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--text-900);align-items:center;gap:8px;font-size:14px;line-height:1.4;display:flex}.pricing-features li.disabled{color:var(--text-400)}.pricing-features .check-icon{color:#7c3aed;flex-shrink:0}.pricing-features .x-icon{color:#d4d0de;flex-shrink:0}.pricing-btn{width:100%;font-family:var(--font-cute);text-align:center;border-radius:14px;padding:14px 0;font-size:16px;font-weight:400;text-decoration:none;transition:filter .2s,box-shadow .2s,transform .15s;display:block}.pricing-btn:hover{transform:translateY(-1px)}.pricing-btn-free{background:var(--primary-soft);color:#7c3aed;border:1px solid #b794f633}.pricing-btn-free:hover{background:#b794f626}.pricing-btn-pro{color:#fff;text-shadow:1px 1px 2px gray;background:linear-gradient(135deg,#f0abfc 0%,#b794f6 42%,#7c3aed 100%);border:none;box-shadow:0 12px 26px #7c3aed2e}.pricing-btn-pro:hover{filter:brightness(1.06);box-shadow:0 16px 32px #7c3aed3d}.pricing-btn-yearly{color:#fff;text-shadow:1px 1px 2px #666;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;box-shadow:0 12px 26px #22c55e2e}.pricing-btn-yearly:hover{filter:brightness(1.06);box-shadow:0 16px 32px #22c55e3d}.pricing-cat-banner{background:radial-gradient(circle at 85% 30%,#f0abfc26 0%,#0000 40%),linear-gradient(135deg,#fff 0%,#fbf8ff 45%,#f3eeff 100%);border:2px solid #b794f638;border-radius:20px;align-items:center;gap:24px;padding:28px 32px;display:flex;box-shadow:0 12px 32px #8b5cf614}.pricing-banner-cat{object-fit:contain;filter:drop-shadow(0 6px 12px #8b5cf61f);flex-shrink:0;width:80px;height:80px}.pricing-banner-text{flex:1}.pricing-banner-title{font-family:var(--font-cute);color:#7c3aed;margin-bottom:6px;font-size:18px}.pricing-banner-desc{color:var(--text-500);font-size:14px;line-height:1.7}@media (max-width:900px){.pricing-cards{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.pricing-card.recommended{order:-1}.pricing-title{font-size:36px}.pricing-mascot-img{width:150px;height:150px}}@media (max-width:640px){.pricing-page{padding:32px 16px 60px}.pricing-hero{margin-bottom:36px}.pricing-title{font-size:28px}.pricing-title br{display:none}.pricing-desc{font-size:14px}.pricing-mascot-img{width:120px;height:120px}.pricing-card{border-radius:16px;padding:28px 22px}.pricing-plan-name{font-size:20px}.pricing-amount{font-size:28px}.pricing-cat-banner{text-align:center;flex-direction:column;gap:14px;padding:22px 18px}.pricing-banner-cat{width:64px;height:64px}.pricing-banner-title{font-size:16px}.pricing-banner-desc{font-size:14px}.pricing-banner-desc br{display:none}}