.faq-section{background:var(--bg-primary)}

.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:10px}

.faq-item{
    border:1px solid var(--border);border-radius:var(--radius);
    background:var(--bg-card);overflow:hidden;
    transition:all var(--transition);box-shadow:var(--shadow)
}
.faq-item:hover{border-color:var(--border-hover)}
.faq-item.open{border-color:var(--accent);box-shadow:var(--shadow-glow)}

.faq-question{
    width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:18px 24px;font-size:.95rem;font-weight:600;color:var(--text-1);
    text-align:left;cursor:pointer;transition:color .15s
}
.faq-question:hover{color:var(--accent)}

.faq-question span{flex:1}

.faq-question i{
    width:28px;height:28px;
    display:flex;align-items:center;justify-content:center;
    border-radius:50%;background:var(--bg-primary);
    font-size:12px;color:var(--text-3);flex-shrink:0;
    transition:all var(--transition)
}
.faq-item.open .faq-question i{
    transform:rotate(45deg);
    background:var(--accent);color:#fff
}

.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-answer p{
    font-size:.9rem;color:var(--text-2);line-height:1.8;
    border-top:1px solid var(--border);margin:0 24px;padding:16px 0 4px
}

@media(max-width:480px){
    .faq-question{padding:14px 16px;font-size:.88rem}
    .faq-answer p{margin:0 16px;font-size:.82rem}
    .faq-question i{width:24px;height:24px;font-size:10px}
}