#description-section {
    padding: 70px 20px; margin: 60px 0;
    background: var(--color0801);
}
.description-container { max-width: 980px; margin: 0 auto; }
.description-main-title {
    font-family: Sahel-Black; font-size: 38px; text-align: center;
    margin: 0 0 50px;
    background: linear-gradient(135deg, var(--color0802), var(--color0804));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}
.description-accordion { display: flex; flex-direction: column; gap: 16px; }
.description-item {
    border-radius: 18px; overflow: hidden;
    background: color-mix(in srgb, var(--color0802) 4%, transparent);
    border: 1px solid color-mix(in srgb, var(--color0804) 15%, transparent);
    transition: border-color 0.3s ease;
}
.description-item.description-active {
    border-color: var(--color0804);
    box-shadow: 0 8px 28px color-mix(in srgb, var(--color0804) 20%, transparent);
}
.description-trigger {
    display: flex; align-items: center; justify-content: space-between;
    padding: 22px 26px; cursor: pointer;
    transition: background 0.3s ease;
}
.description-trigger:hover { background: color-mix(in srgb, var(--color0804) 5%, transparent); }
.description-trigger-left {
    display: flex; align-items: center; gap: 18px; flex: 1;
}
.description-number {
    font-family: Sahel-Black; font-size: 26px;
    color: color-mix(in srgb, var(--color0804) 50%, transparent);
}
.description-icon {
    width: 48px; height: 48px; border-radius: 12px;
    display: grid; place-items: center; font-size: 20px;
    color: var(--color0801);
    background: linear-gradient(135deg, var(--color0804), var(--color0805));
    transition: transform 0.3s ease;
}
.description-item.description-active .description-icon { transform: scale(1.1); }
.description-trigger h3 {
    font-family: Sahel-Bold; font-size: 16px; margin: 0;
    color: var(--color0802);
}
.description-arrow {
    font-size: 18px; color: var(--color0804);
    transition: transform 0.3s ease;
}
.description-item.description-active .description-arrow { transform: rotate(180deg); }
.description-content {
    max-height: 0; overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
}
.description-item.description-active .description-content {
    max-height: 300px; padding: 10px 20px;
}
.description-content p {
    font-family: Sahel-Light; font-size: 14px; line-height: 1.9;
    margin: 0; text-align: justify; color: var(--color0803);
}
@media (max-width:768px){
    #description-section{ margin: 40px 0; padding: 50px 20px; }
    .description-main-title{ font-size: 30px; margin-bottom: 36px; }
    .description-trigger-left{ gap: 12px; }
    .description-number{ font-size: 22px; }
    .description-icon{ width: 42px; height: 42px; font-size: 18px; }
    .description-item.description-active .description-content{ padding-right: 20px; padding-left: 76px; }
}