.feature-card{background-color:var(--card-bg);border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:310px;padding:20px;transition:box-shadow .2s,transform .2s;display:flex}:root[data-theme=dark] .feature-card{background-color:#1e293b;border-color:#475569}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}:root[data-theme=dark] .feature-card:hover{box-shadow:0 8px 20px #0006}.feature-card-header{align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.feature-card-icon{border-radius:10px;justify-content:center;align-items:center;min-width:40px;height:40px;display:flex}.feature-card-title{color:var(--card-title);font-size:16px;font-weight:700;line-height:1.4}:root[data-theme=dark] .feature-card-title{color:#f1f5f9}.feature-card-description{color:#4b5563;margin-left:54px;font-size:14px;line-height:20px}:root[data-theme=dark] .feature-card-description{color:#cbd5e1}.feature-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}@media (max-width:640px){.feature-card{width:100%}}
.pricing-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-self:stretch;width:100%;padding:20px;transition:background-color .3s,border-color .3s;display:flex;position:relative;height:100%!important;min-height:0!important}:root[data-theme=dark] .pricing-card{background:#1e293b;border-color:#334155}.pricing-card-popular{border:2px solid #7c3aed}.pricing-card-selected{border:2px solid #2563eb;box-shadow:0 10px 30px #2563eb26}:root[data-theme=dark] .pricing-card-selected{border:2px solid #60a5fa;box-shadow:0 10px 30px #60a5fa4d}.popular-badge{color:#fff;background:#7c3aed;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{margin-bottom:8px;font-size:20px;font-weight:700;transition:color .3s}:root[data-theme=dark] .plan-name{color:#f1f5f9}.price-row{align-items:baseline;gap:6px;display:flex}.price{font-size:30px;font-weight:700;transition:color .3s}:root[data-theme=dark] .price{color:#f1f5f9}.price-unit{color:#6b7280;transition:color .3s}:root[data-theme=dark] .price-unit{color:#94a3b8}.trial-text{color:#374151;align-items:center;gap:6px;margin-top:8px;font-size:14px;transition:color .3s;display:flex}:root[data-theme=dark] .trial-text{color:#cbd5e1}.plan-limits p{color:#374151;margin:6px 0;font-size:14px;transition:color .3s}:root[data-theme=dark] .plan-limits p{color:#cbd5e1}.feature-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.feature-list li{color:#374151;align-items:center;gap:10px;font-size:14px;transition:color .3s;display:flex}:root[data-theme=dark] .feature-list li{color:#cbd5e1}.feature-disabled{color:#9ca3af;text-decoration:line-through}:root[data-theme=dark] .feature-disabled{color:#64748b}.icon-success{color:#16a34a;width:18px}.icon-disabled{color:#9ca3af;width:18px}:root[data-theme=dark] .icon-disabled{color:#64748b}.cta-button{cursor:pointer;border:none;border-radius:10px;margin-top:15px;margin-bottom:20px;padding:12px;font-weight:600;transition:background-color .2s}.cta-primary{color:#fff;background:#2563eb}.cta-primary:hover{background:#1d4ed8}.cta-secondary{color:#374151;background:#f3f4f6}:root[data-theme=dark] .cta-secondary{color:#f1f5f9;background:#334155}.cta-secondary:hover{color:#fff;background:#1d4ed8}:root[data-theme=dark] .cta-secondary:hover{background:#475569}.pricing-sidebar{background:#f9fafb;border-radius:14px;padding:20px;transition:background-color .3s}:root[data-theme=dark] .pricing-sidebar{background:#1e293b}.sidebar-title{font-size:18px;font-weight:700;transition:color .3s}:root[data-theme=dark] .sidebar-title{color:#f1f5f9}.sidebar-desc{color:#6b7280;margin:12px 0;transition:color .3s}:root[data-theme=dark] .sidebar-desc{color:#94a3b8}.border-hr{color:#e5e7eb;transition:border-color .3s}:root[data-theme=dark] .border-hr{border-color:#334155}@media (max-width:640px){.pricing-card{padding:16px}.plan-name{font-size:18px}.price{font-size:32px}.feature-list li{font-size:13px}.cta-button{padding:10px}}@media (min-width:641px) and (max-width:768px){.pricing-card{padding:18px}}