/* Градиентный текст и кнопка */
.text-gradient {
    background: linear-gradient(90deg, #9d50bb, #1cefff); /* пурпурный → голубой */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-gradient {
    background: linear-gradient(135deg, #1d2671, #9d50bb); /* индиго → пурпур */
    color: #fff;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
    padding: 0.6rem 1.2rem;
    border-radius: 0.5rem;
}

.btn-gradient:hover {
    background: linear-gradient(135deg, #0f1642, #6d1f8c); /* тёмный синий → насыщенный пурпур */
    color: #fff;
}

/* Секция Hero ITData */
.hero-itdata-section {
    min-height: 100vh;
    background: linear-gradient(135deg, #0f2027, #3a3d40); /* глубокий тёмно-синий → серо-фиолетовый */
    padding: 80px 0;
}

.hero-itdata-section h1 .text-accent {
    background: linear-gradient(90deg, #1cefff, #ffd452); /* голубой + золотистый акцент */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Иконки и элементы */
.text-gradient-skill,
.text-gradient-why,
.text-gradient-process,
.text-gradient-contact {
    background: linear-gradient(90deg, #ffd452, #9d50bb); /* золотистый → пурпур */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Timeline */
.timeline-itdata {
    border-left: 4px solid #1cefff; /* голубой акцент */
}
.timeline-itdata-icon {
    background: #9d50bb; /* пурпурный круг */
    color: #fff;
}
.bg-gradient-icon {
    background: linear-gradient(135deg, #ffd452, #1cefff); /* жёлтый → голубой */
}

/* Заголовок таблицы */
.table-gradient-header {
    background: linear-gradient(135deg, #1d2671, #1cefff); /* индиго → голубой */
}

/* Секция преимуществ */
.why-itdata-section {
    background: linear-gradient(135deg, #2c3e50, #4ca1af); /* тёмный серый → холодный голубой */
}
.advantage-itdata-card {
    background: rgba(255, 255, 255, 0.08);
}

/* Следующий набор */
.next-batch-itdata-section {
    background: linear-gradient(135deg, #9d50bb, #1cefff); /* пурпурный → голубой */
    border-radius: 0.75rem 0.75rem 0 0;
}
.next-batch-itdata-section .text-highlight {
    color: #ffd452; /* золотой акцент */
}

/* Cookie баннер */
.cookie-banner {
    background: #f9fbff;
    color: #333;
    border-top: 1px solid #cfd9df;
}
.cookie-modal-content h3 {
    color: #9d50bb; /* пурпурный заголовок */
}
.cookie-buttons .btn-success {
    background-color: #1cefff;
    color: #000;
    font-weight: 600;
}
.cookie-buttons .btn-success:hover {
    background-color: #14b9d6;
}