.pricing-page{color:#1a1a1a;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.pricing-page .header{justify-content:space-between;align-items:center;padding:30px 40px;display:flex}.pricing-page .logo{color:#6966b6;font-size:1.2rem;font-weight:800;text-decoration:none}.pricing-page .back-link{color:#666;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.pricing-page .back-link:hover{color:#6966b6}.pricing-page .pricing-container{text-align:center;width:100%;max-width:1400px;margin:0 auto;padding:40px 20px 80px}.pricing-page h1{background:linear-gradient(135deg,#1a1a1a 0%,#4a4885 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(2rem,4vw,3.5rem);font-weight:800}.pricing-page p.subtitle{color:#666;margin-bottom:40px;font-size:1.1rem}.pricing-page .toggle-wrapper{background:#0000000d;border-radius:50px;margin-bottom:60px;padding:4px;display:inline-flex;position:relative}.pricing-page .toggle-option{cursor:pointer;z-index:2;color:#666;border-radius:40px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:color .3s;position:relative}.pricing-page .toggle-option.active{color:#1a1a1a}.pricing-page .toggle-bg{z-index:1;background:#fff;border-radius:40px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:4px;left:4px;box-shadow:0 4px 12px #0000000d}.pricing-page .toggle-wrapper[data-state=yearly] .toggle-bg{transform:translate(100%)}.pricing-page .discount-tag{color:#fff;background:#6966b6;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:50%;right:-80px;transform:translateY(-50%)}.pricing-page .grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;display:grid}.pricing-page .card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:left;background:#ffffffa6;border:1px solid #fff9;border-radius:24px;flex-direction:column;padding:32px 24px;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.pricing-page .card:hover{transform:translateY(-10px);box-shadow:0 20px 40px -10px #6966b61a}.pricing-page .tier-name{margin-bottom:12px;font-size:1.2rem;font-weight:700;display:block}.pricing-page .tier-desc{color:#666;min-height:40px;margin-bottom:24px;font-size:.85rem;line-height:1.5}.pricing-page .price-area{align-items:baseline;gap:4px;margin-bottom:32px;display:flex}.pricing-page .currency{vertical-align:top;font-size:1.2rem;font-weight:600}.pricing-page .amount{color:#1a1a1a;font-size:2.5rem;font-weight:800;transition:opacity .2s}.pricing-page .period{color:#666;font-size:.9rem}.pricing-page .features{flex:1;margin-bottom:32px;list-style:none}.pricing-page .features li{color:#1a1a1a;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.9rem;line-height:1.4;display:flex}.pricing-page .check-icon{color:#6966b6;flex-shrink:0;margin-top:2px}.pricing-page .cta-btn{cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s}.pricing-page .card-free{background:#fff6;border-color:#fff6}.pricing-page .btn-free{color:#1a1a1a;background:#fff;border:1px solid #0000000d}.pricing-page .btn-free:hover{background:#f0f0f0}.pricing-page .card-pro{background:#ffffffb3}.pricing-page .btn-pro{color:#fff;background:#6966b6}.pricing-page .btn-pro:hover{opacity:.9}.pricing-page .card-ultra{z-index:10;background:linear-gradient(#ffffffe6 0%,#f8ced74d 100%);border:2px solid #6966b633;transform:scale(1.02)}.pricing-page .card-ultra:hover{transform:scale(1.05)translateY(-10px)}.pricing-page .badge{color:#6966b6;text-transform:uppercase;background:linear-gradient(135deg,#f8ced7 0%,#e0c3fc 100%);border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:800;position:absolute;top:12px;right:12px}.pricing-page .btn-ultra{color:#fff;background:linear-gradient(135deg,#6966b6 0%,#8e8bce 100%);box-shadow:0 10px 20px #6966b64d}.pricing-page .btn-ultra:hover{transform:translateY(-2px);box-shadow:0 15px 30px #6966b666}.pricing-page .card-ultimate{color:#fff;background:#1a1a2e;border:1px solid #ffffff1a}.pricing-page .card-ultimate .tier-name,.pricing-page .card-ultimate .amount{color:#fff}.pricing-page .card-ultimate .tier-desc,.pricing-page .card-ultimate .period,.pricing-page .card-ultimate .features li{color:#ffffffb3}.pricing-page .card-ultimate .check-icon{color:#4ade80}.pricing-page .btn-ultimate{color:#1a1a2e;background:#fff}.pricing-page .btn-ultimate:hover{background:#e0e0e0}@media (max-width:1024px){.pricing-page .grid{grid-template-columns:repeat(2,1fr)}.pricing-page .card-ultra{transform:scale(1)}.pricing-page .card-ultra:hover{transform:translateY(-10px)}}.pricing-page .notes-section{text-align:left;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff80;border:1px solid #fff6;border-radius:16px;max-width:720px;margin-top:60px;margin-left:auto;margin-right:auto;padding:24px 32px}.pricing-page .notes-section h3{color:#1a1a1a;margin-bottom:12px;font-size:1rem;font-weight:700}.pricing-page .notes-list{margin:0;padding:0;list-style:none}.pricing-page .notes-list li{color:#666;margin-bottom:4px;padding-left:16px;font-size:.85rem;line-height:1.6;position:relative}.pricing-page .notes-list li:before{content:"";background:#6966b6;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.pricing-page .cta-btn[class]{justify-content:center;align-items:center;text-decoration:none;display:flex}@media (max-width:600px){.pricing-page .grid{grid-template-columns:1fr}.pricing-page .header{padding:20px}.pricing-page h1{font-size:2rem}.pricing-page .discount-tag{vertical-align:middle;margin-left:10px;display:inline-block;position:relative;top:auto;right:auto;transform:none}.pricing-page .toggle-wrapper{margin-bottom:40px}}
