.form-panel {
    max-width: 600px;
    background: rgba(20, 20, 20, 0.75);                 /* Тёмный стеклянный фон */
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    padding: 2rem;
    margin: 0 auto;
    box-shadow:
        0 0 8px rgba(0, 255, 128, 0.05),
        0 0 24px rgba(0, 255, 128, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #DCDCDC;                                     /* Светлый текст по умолчанию */
}

/* Заголовок */
.form-panel h1 {
    color: #00ccff;
    text-shadow: 0 0 3px rgba(0, 204, 255, 0.5);
    font-weight: 700;
}

/* Ссылки */
.text-link {
    color: #44d444;
    text-decoration: none;
    font-weight: 500;
}
.text-link:hover {
    color: #66ff66;
    text-decoration: underline;
}

/* Поля формы (по желанию можно украсить отдельно) */
.form-panel input,
.form-panel select,
.form-panel textarea {
    background-color: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    border-radius: 8px;
    padding: 0.4rem 0.8rem;
    margin-bottom: 1rem;
    width: 100%;
}

/* Убираем glow Bootstrap'а если не нужен */
.form-panel input:focus,
.form-panel select:focus,
.form-panel textarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px #00ccff;
    border-color: #00ccff;
}

/* Явно задаём цвет текста и фона у select */
.form-panel select {
    background-color: rgba(40, 40, 40, 0.95);  /* Тёмный, но не чёрный */
    color: #ffffff;                            /* Белый текст */
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Список выпадающих пунктов (в браузерах где возможно) */
.form-panel select option {
    background-color: #1e1e1e;   /* Цвет фона выпадающего списка */
    color: #fff;                 /* Белый текст */
}

/* Если ты хочешь прям насыщенный стиль при фокусе: */
.form-panel select:focus {
    outline: none;
    box-shadow: 0 0 0 2px #00ccff;
    border-color: #00ccff;
}


/* Заголовок подтверждения */
.text-success-title {
    color: #44d444;
    font-weight: 700;
    font-size: 1.7rem;
    text-shadow: 0 0 2px #44d444, 0 0 4px rgba(68, 212, 68, 0.5);
}

/* Централизованный текст блока уже задан .form-panel — повторно не нужно */
