/*Курсы*/
.section {
    padding: var(--space-section) 0;
}

.courses-section {
    background: var(--bg-section);

    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
    padding: var(--space-section);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
}

.course-card {
    background: #202733; /* чуть прозрачный тёмный серый */
    color: #fff;
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
    transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

    .course-card:hover {
        transform: translateY(-6px); /* поднимаем карточку */
        background: #252c38; /* фон плотнее */
        box-shadow: 0 10px 30px rgba(0,0,0,0.35); /* тень сильнее */
    }


#courses {
    scroll-margin-top: 80px; /* подбери под свой дизайн */
}

.text-color {
    color: #e5efff;
}

.text-color2 {
    color: #a0b0d0;
}