.pricing-container{max-width:900px;margin:0 auto;padding:40px 20px 80px}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header h1{font-size:36px;color:#1f2937;margin:0 0 12px}.pricing-header p{font-size:18px;color:#6b7280;margin:0}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:32px;position:relative;transition:all .2s}.pricing-card:hover,.pricing-card.recommended{border-color:#dc9435;box-shadow:0 8px 30px #dc943526}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#dc9435;color:#fff;font-size:12px;font-weight:600;padding:4px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.plan-name{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.plan-description{font-size:14px;color:#6b7280;margin:0 0 24px}.plan-price{margin-bottom:24px}.price-amount{font-size:48px;font-weight:700;color:#1f2937}.price-currency{font-size:24px;font-weight:600;color:#6b7280;vertical-align:top}.price-period{font-size:16px;color:#6b7280}.price-savings{display:inline-block;background:#dcfce7;color:#166534;font-size:13px;font-weight:600;padding:4px 12px;border-radius:6px;margin-top:8px}.plan-features{list-style:none;padding:0;margin:0 0 32px}.plan-features li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:14px;color:#374151}.plan-features li svg{flex-shrink:0;color:#22c55e;margin-top:2px}.plan-btn{width:100%;padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.plan-btn-primary{background:#dc9435;color:#fff}.plan-btn-primary:hover{background:#c17f2a}.plan-btn-secondary{background:#f3f4f6;color:#374151}.plan-btn-secondary:hover{background:#e5e7eb}.plan-btn:disabled{opacity:.7;cursor:not-allowed}.pricing-faq{background:#f9fafb;border-radius:16px;padding:32px}.pricing-faq h2{font-size:24px;color:#1f2937;margin:0 0 24px;text-align:center}.faq-item{border-bottom:1px solid #e5e7eb;padding:16px 0}.faq-item:last-child{border-bottom:none}.faq-question{font-weight:600;color:#1f2937;margin:0 0 8px}.faq-answer{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.back-link{display:inline-flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;font-size:14px;margin-bottom:24px}.back-link:hover{color:#374151}@media(max-width:768px){.pricing-container{padding:32px 16px 60px}.pricing-header h1{font-size:30px}.pricing-header p{font-size:16px}.pricing-card,.pricing-faq{padding:24px}}@media(max-width:480px){.pricing-container{padding:20px 12px 48px}.pricing-header{margin-bottom:32px}.pricing-header h1{font-size:24px}.pricing-header p{font-size:14px}.pricing-card{padding:20px}.price-amount{font-size:36px}.pricing-faq{padding:18px}.pricing-faq h2{font-size:20px}}[data-theme=dark] .pricing-header h1{color:var(--color-text, #e5e5e5)}[data-theme=dark] .pricing-header p{color:var(--color-text-muted, #9ca3af)}[data-theme=dark] .pricing-card{background:var(--color-bg-card, #1e1e1e);border-color:var(--color-border, #333)}[data-theme=dark] .plan-name{color:var(--color-text, #e5e5e5)}[data-theme=dark] .plan-description{color:var(--color-text-muted, #9ca3af)}[data-theme=dark] .price-amount{color:var(--color-text, #e5e5e5)}[data-theme=dark] .price-currency,[data-theme=dark] .price-period{color:var(--color-text-muted, #9ca3af)}[data-theme=dark] .plan-features li{color:var(--color-text-secondary, #d1d1d1)}[data-theme=dark] .plan-btn-secondary{background:var(--color-bg-card, #1e1e1e);color:var(--color-text, #e5e5e5);border:1px solid var(--color-border, #333)}[data-theme=dark] .plan-btn-secondary:hover{background:var(--color-border, #333)}[data-theme=dark] .pricing-faq{background:var(--color-bg-card, #1e1e1e)}[data-theme=dark] .pricing-faq h2{color:var(--color-text, #e5e5e5)}[data-theme=dark] .faq-item{border-bottom-color:var(--color-border, #333)}[data-theme=dark] .faq-question{color:var(--color-text, #e5e5e5)}[data-theme=dark] .faq-answer,[data-theme=dark] .back-link{color:var(--color-text-muted, #9ca3af)}[data-theme=dark] .back-link:hover{color:var(--color-text, #e5e5e5)}