#content-form .btn {
    text-decoration: none;
    font-size: 1.4em;
    animation: whiteGrayGlowNav 2s infinite alternate; /* Постоянная анимация свечения */
    display: inline-block;
    padding: 5px 10px; /* Минимальные отступы для кнопочного вида */
    background-color: #d3d3d3; /* Светло-серый фон */
    color: #333; /* Цвет текста */
    text-decoration: none; /* Убираем подчеркивание */
    border-radius: 8px; /* Закругленные углы */
    font-weight: bold; /* Жирный текст */
    transition: background-color 0.3s ease, color 0.3s ease; /* Плавный переход фона и текста */
    width: auto; /* Ширина кнопки подстраивается под текст */
    margin: 0 auto; /* Центрирование кнопки */
}

#content-form .btn:hover {
    animation: flameGlowNav 1.5s infinite alternate; /* Анимация бело-синего горения */
    transform: scale(1.1); /* Увеличение до 110% при наведении */
    background-color: #00bfff; /* Светло-синий фон при наведении */
    color: white; /* Белый цвет текста при наведении */
}

#content-form .support-option h2 {
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    width: 100%
}

#content-form .support-option ul li strong {
    text-align: center;
    font-size: 1.6em;
}

#content-form .support-option ul li span {
    text-align: center;
    font-size: 1.6em;
}

#content-form .support-option p {
    flex-basis: 30%; /* Фиксируем ширину label */
    margin-right: 10px;
    font-size: 1.2em;
    color: #fff; /* Цвет текста меток */
}

#content-form a {
    font-size: 1.3em;
    color: #00bfff; /* Основной цвет текста */
    text-decoration: none;
    text-shadow: 
        0 0 20px rgba(0, 191, 255, 0.7), /* Светящееся свечение */
        0 0 30px rgba(0, 191, 255, 0.5), 
        0 0 40px rgba(0, 191, 255, 0.3); /* Отблеск от света */
    transition: color 0.3s ease; /* Переход для изменения цвета при наведении */
}

#content-form a:hover {
    font-size: 1.3em;
    text-decoration: none;
    color: #00ffff; /* Меняем цвет текста на синий */
    animation: flameGlowNav 1.5s infinite alternate; /* Анимация бело-синего горения */
}

/* Стили для формы */
#content-form ul li span {
    display: inline-block;
    flex-basis: 40%; /* Фиксируем ширину label */
    margin-right: 40px;
    position: relative;
}

#content-form ul li h1 {
    display: inline-block;
    flex-basis: 100%;
    margin: 0 auto;
    position: relative;
}

#content-form ul {
    margin: 10px 0;
    padding-left: 20px;
    list-style: none; /* Убираем стандартные маркеры списка */
}

#content-form strong {
    /* color: #ffbf00; Golden color to highlight key information */
    color: #00bfff; /* Цвет текста меток */
}

#content-form ul li div {
    display: inline-block;
    flex-basis: 100%;
    margin: 0 auto;
    position: relative;
}

/* Общий стиль для вывода ошибок */
#content-form form ul li span[id$="Error"] {
    display: block;
    height: 20px;
    color: #ff6b6b;
    font-size: 1.2em;
    visibility: visible;
    line-height: 1.1; /* Уменьшенное межстрочное расстояние */
}

#content-form form ul li input {
    width: 100%; /* Input занимает всю ширину выделенного места */
    padding: 8px;
    border: 1px solid #00bfff;
    border-radius: 5px;
    background-color: #1a1a1a;
    color: #fff;
}

#content-form form ul li input:focus {
    outline: none;
    border-color: #008fbf; /* Изменение цвета рамки при фокусе */
}

#content-form form ul li span#error {
    color: #ff6b6b; /* Цвет ошибки */
    display: block;
    margin-top: 5px;
}

