.itb-affiliate-faq {
    margin: 28px 0 36px;
    padding: clamp(18px, 3vw, 30px);
    border: 1px solid rgba(112, 168, 213, .22);
    border-radius: 20px;
    background: linear-gradient(145deg, #15283b, #101d2b);
}
.itb-affiliate-faq h2 { margin: 0 0 8px; color: #fff; }
.itb-affiliate-faq > p { margin: 0 0 20px; color: #b7c8d7; }
.itb-affiliate-faq-item {
    margin: 10px 0 0;
    overflow: hidden;
    border: 1px solid rgba(112, 168, 213, .22);
    border-radius: 12px;
    background: #0d1b2b;
}
.itb-affiliate-faq-item[open] { border-color: rgba(102, 224, 173, .46); }
.itb-affiliate-faq-item summary {
    position: relative;
    display: block;
    padding: 16px 52px 16px 18px;
    color: #f4f8fd;
    font-weight: 700;
    line-height: 1.45;
    cursor: pointer;
    list-style: none;
}
.itb-affiliate-faq-item summary::-webkit-details-marker { display: none; }
.itb-affiliate-faq-item summary::after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    color: #69dfaf;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
}
.itb-affiliate-faq-item[open] summary::after { content: '−'; }
.itb-affiliate-faq-item summary:hover { background: rgba(116, 174, 217, .08); }
.itb-affiliate-faq-item summary:focus-visible { outline: 2px solid #6ce9bb; outline-offset: -3px; }
.itb-affiliate-faq-item p {
    margin: 0;
    padding: 0 18px 18px;
    color: #c3d3e2;
    line-height: 1.65;
}
@media (max-width: 767px) {
    .itb-affiliate-faq { margin: 20px 0 28px; padding: 16px; border-radius: 16px; }
    .itb-affiliate-faq-item summary { padding: 14px 44px 14px 15px; }
    .itb-affiliate-faq-item p { padding: 0 15px 16px; }
}