/* Наследуем базовые стили из converter.css */
.coming-soon {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #F8F9FF 0%, #F0F3FF 100%);
    position: relative;
    overflow: hidden;
    padding: 2rem;
}

/* Изменяем стили для элементов анимации */
.element {
    position: absolute;
    border-radius: 15px;
    background: rgba(91, 58, 243, 0.05);
    animation: float 20s infinite linear;
}

.element-1 {
    width: 120px;
    height: 120px;
    top: 15%;
    left: 10%;
    background: url('../images/corporate/training-icon.svg') center/60% no-repeat,
                rgba(91, 58, 243, 0.05);
}

.element-2 {
    width: 100px;
    height: 100px;
    top: 45%;
    right: 15%;
    background: url('../images/corporate/certificate-icon.svg') center/60% no-repeat,
                rgba(91, 58, 243, 0.05);
}

.element-3 {
    width: 90px;
    height: 90px;
    bottom: 20%;
    left: 20%;
    background: url('../images/corporate/users-icon.svg') center/60% no-repeat,
                rgba(91, 58, 243, 0.05);
}

.notify-block p {
    padding-bottom: 40px;
    font-size: 1.2rem;
}

/* Обновляем стили для иконок в features */
.features-preview .feature i {
    font-size: 2rem;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}

/* Добавляем hover-эффект для features */
.features-preview .feature:hover {
    transform: translateY(-5px);
}

/* Обновляем стили для кнопки */
.btn-notify {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

.btn-notify:hover {
    background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
}

/* Медиа запросы остаются без изменений */