.offer-card {
    --card-radius: 16px;
    --card-padding: 20px;

    /* 🎯 Новый — тёмно-серый стеклянный фон */
    --card-bg: rgba(20, 20, 20, 0.75);     /* ← вот это ключевое */

    --card-border: rgba(255, 255, 255, 0.15);
    --card-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    --card-hover-shadow: 0 0 25px rgba(0, 123, 255, 0.8);

    --img-aspect-ratio: 16/9;
    --img-radius: 12px;
    --img-shadow: 0 0 8px rgba(0, 204, 255, 0.3);

    --text-color: #DCDCDC;
    --text-size: 0.95rem;
    --text-weight: 500;
    --text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);

    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: var(--card-radius);
    padding: var(--card-padding);
    box-shadow: var(--card-shadow);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    min-height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.offer-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--card-hover-shadow);
}


/* 🖼 Картинка */
.offer-card img {
    width: 100%;
    aspect-ratio: var(--img-aspect-ratio);
    object-fit: cover;
    border-radius: var(--img-radius);
    margin-bottom: 12px;
    box-shadow: var(--img-shadow);
}

/* 📝 Заголовок внутри offer-card */
.offer-card h5 {
    color: #00cfff;               /* Яркий неон, как в .neuro-card h2 */
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    text-shadow: 0 0 3px rgba(0,0,0,0.6);
}

/* 💬 Текст и ссылки внутри offer-card */
.offer-card p {
    color: var(--text-color);
    font-size: var(--text-size);
    font-weight: var(--text-weight);
    text-shadow: var(--text-shadow);
    margin-bottom: 0.4rem;
}

/* 🔗 Стили ссылок отдельно — гибко и читаемо */
.offer-card a {
    --link-color: #2196f3;                    /* Синий по умолчанию */
    --link-hover-color: #2196f3;              /* Неоновый при наведении */

    color: var(--link-color);
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
    text-shadow: 0 0 2px rgba(0,0,0,0.2);      /* Немного подчёркивает */
}

.offer-card a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}

/* 🔧 Подпись "Контакты:" */
.offer-card .label-dev {
    color: var(--link-color);
    font-weight: 500;
    text-shadow: 0 0 2px rgba(33, 150, 243, 0.3);
    font-size: 0.9rem;
}



/* 🟩 Левая колонка: обрамление и свечение — для раздела "Обучение" */
.left-column {
    background: rgba(0, 255, 128, 0.10);               /* Мягкий зелёный туман */
    border: 1px solid rgba(0, 255, 128, 0.3);           /* Светлая зелёная граница */
    border-radius: 12px;
    padding: 1rem;
    box-shadow:
        inset 0 0 6px rgba(0, 255, 128, 0.2),
        0 0 8px rgba(0, 255, 128, 0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: box-shadow 0.3s ease, background 0.3s ease;
}

/* 🟦 Правая колонка: обрамление и свечение — для раздела "Услуги" */
.right-column {
    background: rgba(0, 204, 255, 0.10);                /* Мягкий голубой туман */
    border: 1px solid rgba(0, 204, 255, 0.3);           /* Светлая синяя граница */
    border-radius: 12px;
    padding: 1rem;
    box-shadow:
        inset 0 0 10px rgba(0, 204, 255, 0.2),
        0 0 8px rgba(0, 204, 255, 0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: box-shadow 0.3s ease, background 0.3s ease;
}


.btn-neon {
    display: inline-block;
    background-color: transparent;
    color: #44d444;
    font-weight: 600;
    border: 2px solid #44d444;
    padding: 0.45rem 1.2rem;
    border-radius: 10px;
    font-size: 1rem;
    text-decoration: none;
    box-shadow: 0 0 4px #44d444;
    transition: all 0.3s ease;
}

.btn-neon:hover {
    background-color: #44d444;
    color: #000;
    box-shadow: 0 0 8px #44d444, 0 0 12px #44d444;
    transform: translateY(-1px);
}