.faq-section{padding: 60px 0;background-color: var(--bg-color)}.faq-section h2{text-align: center;margin-bottom: 40px;font-size: 1.5rem;color: var(--text-color)}.faq-grid{display: grid;gap: 20px;max-width: 1200px;margin: 0 auto;padding: 0 20px}.faq-item{background: var(--card-bg);border-radius: 8px;padding: 20px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;cursor: pointer;position: relative;overflow: hidden;z-index: 1}.faq-item::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);transform: translateX(-100%);transition: transform 0.6s ease;z-index: -1}.faq-item:hover{box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);transform: translateY(-5px)}.faq-item:hover::before{transform: translateX(100%)}.ripple{position: absolute;border-radius: 50%;background-color: rgba(255, 255, 255, 0.3);width: 100px;height: 100px;margin-top: -50px;margin-left: -50px;animation: ripple 1s;opacity: 0;pointer-events: none;z-index: 0}@keyframes ripple{from{transform: scale(0);opacity: 0.8}to{transform: scale(4);opacity: 0}}.faq-item h3{font-size: 1.25rem;margin-bottom: 15px;color: var(--heading-color);font-weight: 600;display: flex;justify-content: space-between;align-items: center;gap: 15px;position: relative;z-index: 1}.faq-question{cursor: pointer;padding: 10px 0;position: relative;z-index: 2;transition: color 0.3s ease}.faq-question:hover{color: var(--primary-color)}.faq-answer{max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;opacity: 0;transform: translateY(-10px);position: relative;z-index: 1}.faq-item.active .faq-answer{max-height: 1000px;opacity: 1;transform: translateY(0);transition: max-height 0.5s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in}.faq-toggle{background: none;border: none;padding: 0;cursor: pointer;transition: transform 0.3s ease;color: var(--primary-color)}.faq-toggle:hover{transform: scale(1.1)}.faq-icon{width: 24px;height: 24px;transition: transform 0.3s ease}.faq-item.active .faq-icon{transform: rotate(180deg)}.steps-list{margin: 15px 0;position: relative;z-index: 1}.step-item{display: flex;align-items: center;margin-bottom: 10px;gap: 15px;opacity: 0.9;transform: translateX(0);transition: all 0.3s ease;position: relative}.step-item:hover{opacity: 1;transform: translateX(5px)}.step-item::after{content: '';position: absolute;left: 15px;top: 30px;bottom: -20px;width: 1px;background-color: var(--primary-color);opacity: 0.2;transition: opacity 0.3s ease}.step-item:last-child::after{display: none}.step-item:hover::after{opacity: 0.4}.step{width: 30px;height: 30px;background-color: var(--primary-color);color: #1e1e1e;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;flex-shrink: 0;transition: all 0.3s ease;position: relative;z-index: 1}.step-item:hover .step{transform: scale(1.1);box-shadow: 0 0 10px rgba(var(--primary-color-rgb), 0.3)}.step-text{flex: 1;color: var(--text-color);transition: color 0.3s ease}.step-item:hover .step-text{color: var(--primary-color)}.faq-item p{color: var(--text-color);line-height: 1.6;margin-bottom: 15px;position: relative;z-index: 1}[data-theme="dark"] .faq-item{background: var(--dark-card-bg)}[data-theme="dark"] .faq-item:hover{background: var(--dark-card-hover-bg, #2a2a2a)}[data-theme="dark"] .step{background-color: var(--dark-primary-color)}[data-theme="dark"] .faq-item::before{background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.05), transparent)}[data-theme="dark"] .ripple{background-color: rgba(255, 255, 255, 0.1)}@media (min-width: 768px){.faq-grid{grid-template-columns: repeat(2, 1fr)}}@media (min-width: 1200px){.faq-grid{grid-template-columns: repeat(3, 1fr)}}@media (max-width: 767px){.faq-section h2{font-size: 2rem;padding: 0 20px}.faq-item{padding: 15px}.step{width: 25px;height: 25px;font-size: 0.9rem}.step-item::after{left: 12px}}