/**
 * form-protection.css — стили математической капчи (антибот-защита).
 * Подключать вместе с form-protection.js.
 * Цвета подобраны под тёмный фон формы; при светлой форме поменяйте
 * .rg-captcha__label / .rg-captcha__q на тёмные тона.
 */

.rg-captcha {
    margin: 12px 0 4px;
    text-align: left;
}

.rg-captcha__label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #e5e7eb;
    margin-bottom: 6px;
}

.rg-captcha__q {
    display: inline-block;
    padding: 2px 8px;
    margin-left: 4px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .12);
    font-variant-numeric: tabular-nums;
    letter-spacing: .5px;
    user-select: none;
}

.rg-captcha__input {
    margin-top: 2px;
}

.rg-captcha__input.error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .15) !important;
}

.rg-captcha__input.correct {
    border-color: #22c55e !important;
}

.rg-captcha__err {
    margin-top: 6px;
    font-size: 13px;
    color: #f87171;
    line-height: 1.35;
}