/* ===== СТИЛИ ДЛЯ СТРАНИЦЫ ВХОДА/РЕГИСТРАЦИИ (чистый, центрированный) ===== */

/* Центрирование только области auth-страницы.
   Глобальные body/.ast-container не трогаем, чтобы не ломать Astra Header. */
body:has(.site-content .uwp-auth-container) .site-content {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.070) 0%, rgba(238, 242, 247, 0.036) 34%, transparent 64%),
        repeating-radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.018) 0 0.8px, transparent 0.8px 10px),
        linear-gradient(180deg, #0f1723 0%, #162132 48%, #0d1420 100%);
}

body:has(.site-content .uwp-auth-container) .site-content > .ast-container {
    width: 100%;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* Контейнер вкладок и формы */
.uwp-auth-container {
    width: auto;
    max-width: none;
    margin: 0 auto;
    padding: 0 15px;
}

/* Вкладки */

.uwp-auth-container .uwp-auth-form {
    display: none;
}
.uwp-auth-container .uwp-auth-form.active {
    display: block;
}

/* Внешняя обёртка формы (пульсирующая рамка) */
.uwp_page .card,
.card.mx-auto.container-fluid.p-0.border-0 {
    background: transparent !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 205, 87, 0.3) !important;
    animation: goldBorder 2s infinite !important;
    overflow: visible !important;
}

/* Внутренняя карточка */
.card-body {
    background: var(--lux-card-surface) !important;
    border-radius: 16px !important;
    padding: 15px 30px 0px 30px !important;
    border: none !important;
    box-shadow: none !important;
}

/* Заголовок формы */
.card-body .card-title {
    color: #FFCD57;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    text-align: center;
    border-bottom: 1px solid rgba(255,205,87,0.2);
}

/* Поля ввода */
.uwp-login-form input:not([type="submit"]):not([type="checkbox"]),
.uwp-login-form textarea,
.uwp-registration-form input:not([type="submit"]):not([type="checkbox"]),
.uwp-registration-form textarea {
    width: 100% !important;
    padding: 14px 18px !important;
    background: #232630 !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #DEDBB2 !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    text-align: left;
}
.uwp-login-form input::placeholder,
.uwp-registration-form input::placeholder {
    color: #888 !important;
}
.uwp-login-form input:not([type="submit"]):not([type="checkbox"]):focus,
.uwp-registration-form input:not([type="submit"]):not([type="checkbox"]):focus {
    outline: none !important;
    border-color: #FFCD57 !important;
    box-shadow: none !important;
}
.uwp-login-form input:not([type="submit"]):not([type="checkbox"]):hover,
.uwp-login-form textarea:hover,
.uwp-registration-form input:not([type="submit"]):not([type="checkbox"]):hover,
.uwp-registration-form textarea:hover {
    border-color: #FFCD57 !important;
    box-shadow: none !important;
}

/* Чекбокс "Запомнить меня" */
.uwp-login-form .form-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
}
.uwp-login-form .form-check-input {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    background-color: #232630;
    border: 1px solid #333;
    border-radius: 3px;
}
.uwp-login-form .form-check-label {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
    display: inline-block !important;
    text-align: left !important;
    font-size: 14px;
    color: #919081;
}

/* Ссылки внизу */
.uwp-footer-links {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap;
}
.uwp-footer-links .uwp-footer-link:first-child {
    text-align: left;
}
.uwp-footer-links .uwp-footer-link:last-child {
    text-align: right;}
	
.uwp-footer-links .uwp-footer-link {
    display: inline-block !important;
    float: none !important;
    margin: 0 10px;
}
.uwp-footer-links a {
    color: #DEDBB2 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.uwp-footer-links a:hover {
    color: #e8bd58 !important;
    text-decoration: underline !important;
}

/* Дополнительная страховка, если класс float-end всё ещё мешает */
.uwp-footer-link.float-end {
    float: none !important;
}

/* Стили для глаза – теперь только через .eye-input-container */
.uwp-password-wrap {
    position: relative;
    display: block;
	 overflow: visible !important;
}
.uwp-password-wrap .input-group-text {
    display: none !important;
}
.custom-eye-icon:hover {
    background: var(--lux-auth-smooth-gold-hover) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

/* Анимации */
@keyframes goldBorder {
    0% {
        border-color: rgba(255, 224, 141, 0.22);
        box-shadow: 0 0 5px 1px rgba(255, 224, 141, 0);
    }
    50% {
        border-color: rgba(225, 183, 89, 0.48);
        box-shadow: 0 0 6px 1px rgba(255, 224, 141, 0.28);
    }
    100% {
        border-color: rgba(255, 224, 141, 0.22);
        box-shadow: 0 0 5px 1px rgba(255, 224, 141, 0);
    }
}

/* Спиннер */
.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(28,31,38,0.3);
    border-radius: 50%;
    border-top-color: #1C1F26;
    animation: spin 0.6s linear infinite;
    margin-left: 8px;
    vertical-align: middle;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Адаптивность */
@media (max-width: 600px) {
    .card-body {
        padding: 25px 20px !important;
    }
    .uwp-auth-container {
         width: 100%;
    max-width: 520px;
        margin: 20px auto;
    }
}

/* Скрыть лишние ссылки */
.uwp-footer-links a.uwp-register-link {
    display: none !important;
}
.uwp-footer-link a.uwp-login-link {
    display: none !important;
}

/* Отступы */
.uwp-registration-form .uwp-password-wrap:last-of-type {
    margin-bottom: 20px;
}
.uwp-registration-form .uwp_register_submit {
    margin-top: 20px !important;
}

/* Жёсткая фиксация глаза без обрезания */
.uwp-password-wrap,
.eye-input-container,
.eye-input-container input,
.custom-eye-icon {
    overflow: visible !important;
}

.eye-input-container {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
}

.eye-input-container input {
    padding-right: 55px !important; /* увеличиваем отступ */
    width: 100% !important;
    box-sizing: border-box !important;
}

.custom-eye-icon {
    position: absolute !important;
    right: 18px !important; /* сдвигаем левее, чтобы не обрезалось */
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    z-index: 10 !important;
    font-size: 20px !important;
    background: var(--lux-auth-smooth-gold) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    pointer-events: auto !important;
    width: 24px !important;
    text-align: center !important;
    line-height: 1 !important;
}

/* Дополнительно: убедимся, что родительские карточки не обрезают */
.card-body, .bsui .card-body, .pum-content, .pum-container {
    overflow: visible !important;
}

/* Только изменения для прогресс-бара сложности пароля */
.bsui .progress {
    --bs-progress-bg: transparent !important;   /* фон пустого места */
    --bs-progress-bar-color: #1C1F26 !important; /* цвет текста внутри полоски */
    background: transparent !important;
    box-shadow: none !important;
}

/* Дополнительно, чтобы цвет текста гарантированно применился */
.bsui .progress-bar {
    color: #1C1F26 !important;
}

.form-note-main {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: 12px;
    color: #888;
    line-height: 1.4;
}
/* Принудительный отступ для текста политики конфиденциальности */
.uwp-registration-form .form-note-main {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

/* Гарантируем, что блок политики не создаёт дополнительного отступа снизу */
.uwp-registration-form .form-note-main:last-child {
    margin-bottom: 0;
}


/* Переопределяем uppercase для кнопок входа/регистрации/восстановления */
.bsui .uwp_login_submit.text-uppercase,
.bsui .uwp_register_submit.text-uppercase,
.bsui .uwp_forgot_submit.text-uppercase,
.bsui button.uwp_login_submit.text-uppercase,
.bsui button.uwp_register_submit.text-uppercase,
.bsui button.uwp_forgot_submit.text-uppercase,
.bsui #uwp-forgot-form .text-uppercase {
    text-transform: none !important;
}

/* === СТИЛИ ДЛЯ ФОРМЫ ВОССТАНОВЛЕНИЯ ПАРОЛЯ (полное соответствие основным формам) === */

/* Контейнер формы восстановления */
#uwp-forgot-form {
    width: 100%;
}

/* Внешняя карточка (пульсирующая рамка) */
#uwp-forgot-form .card {
    background: transparent !important;
    border-radius: 16px !important;
    border: 2px solid rgba(255,205,87,0.3) !important;
    animation: goldBorder 2s infinite !important;
    overflow: visible !important;
}

/* Внутренняя карточка */
#uwp-forgot-form .card-body {
    background: var(--lux-card-surface) !important;
    border-radius: 16px !important;
    padding: 18px 30px 0 30px !important; /* было 30px */
    border: none !important;
    box-shadow: none !important;
}

/* Заголовок формы */
#uwp-forgot-form .card-title {
    color: #FFCD57;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 14px 0; /* было 20px */
    padding: 0 0 10px 0;
    text-align: center;
    border-bottom: 1px solid rgba(255,205,87,0.2); /* черта под заголовком */
}

/* Поле ввода email */
#uwp-forgot-form input:not([type="submit"]) {
    width: 100% !important;
    padding: 14px 18px !important;
    background: #232630 !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #DEDBB2 !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
}

#uwp-forgot-form input::placeholder {
    color: #888 !important;
}

#uwp-forgot-form input:focus {
    outline: none !important;
    border-color: #FFCD57 !important;
     box-shadow: none !important;   /* добавьте эту строку */
}

#uwp-forgot-form input:hover {
    border-color: #FFCD57 !important;
}

/* Ссылки внизу формы (Логин, Регистрация) */
#uwp-forgot-form .uwp-footer-links {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap;
    margin-top: 30px !important;
}

#uwp-forgot-form .uwp-footer-links a {
    color: #DEDBB2 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

#uwp-forgot-form .uwp-footer-links a:hover {
    color: #FFCD57 !important;
    text-decoration: underline !important;
}

/* Сообщения об ошибках и успехе */
#uwp-forgot-form .alert {
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-align: center;
}

#uwp-forgot-form .alert-danger {
    background: rgba(255, 0, 0, 0.1);
    border: 1px solid #ff4444;
    color: #ff9999;
}

#uwp-forgot-form .alert-success {
    background: rgba(0, 255, 0, 0.1);
    border: 1px solid #44ff44;
    color: #99ff99;
}

/* ===== СКРЫВАЕМ СТАНДАРТНЫЙ ПРОФИЛЬ В ПОПАПЕ ДЛЯ АВТОРИЗОВАННЫХ ===== */
.pum-content .card.text-center.border-0,
.pum-content .uwp_page .card.text-center.border-0 {
    display: none !important;
}

/* --- Скрываем только UsersWP popup для авторизованных пользователей --- */
body.logged-in #pum-5379,
body.logged-in #pum-5379.pum-overlay.pum-active {
    display: none !important;
}

/* ===== СТИЛИ ДЛЯ СТРАНИЦЫ НАСТРОЕК (uwp_account) ===== */

/* Общий контейнер страницы настроек */
.uwp_page .container.h-100 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Боковое меню (левая колонка) */
.uwp_page .bg-light {
    background: #1C1F26 !important;
    border-radius: 16px !important;
    border: 2px solid rgba(255, 205, 87, 0.3);
    padding: 20px;
    overflow: hidden !important;   /* Обрезает всё, что выходит за рамки */
    background-clip: padding-box; /* Фон не вылезает за border-radius */
}

/* Ссылки в боковом меню */
.uwp_page .nav-link {
    color: #DEDBB2 !important;
    font-weight: 600;
    transition: all 0.2s ease;
}
.uwp_page .nav-link:hover,
.uwp_page .nav-link.active {
    color: #FFCD57 !important;
    background: rgba(255,205,87,0.1);
    border-radius: 8px;
}

/* Форма настроек */
.uwp-account-form {
    background: #1C1F26;
    border-radius: 16px;
    border: 2px solid rgba(255,205,87,0.3);
    padding: 30px;
}

/* Поля ввода */
.uwp-account-form .form-control {
    width: 100% !important;
    padding: 14px 18px !important;
    background: #232630 !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #DEDBB2 !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.uwp-account-form .form-control:focus {
    outline: none !important;
    border-color: #FFCD57 !important;
}
.uwp-account-form .form-control:hover {
    border-color: #FFCD57 !important;
}

/* Кнопка отправки аккаунта — без старого золотого градиента */
.uwp-account-form .btn-primary,
.uwp-account-form [type="submit"] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.020)),
        rgba(225, 183, 89, 0.13) !important;
    color: #e1b759 !important;
    font-weight: 600 !important;
    border: 1px solid rgba(225, 183, 89, 0.48) !important;
    border-radius: 8px !important;
    padding: 10px 28px !important;
    font-size: 17px !important;
    cursor: pointer !important;
    transition: border-color 0.24s ease, box-shadow 0.28s ease, background 0.24s ease, color 0.24s ease, transform 0.22s cubic-bezier(.16, 1, .3, 1) !important;
    width: 100% !important;
    display: block !important;
    margin: 15px auto 0 auto !important;
    text-transform: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 5px 12px rgba(0, 0, 0, 0.14) !important;
}

.uwp-account-form .btn-primary:hover,
.uwp-account-form [type="submit"]:hover {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.024)),
        rgba(225, 183, 89, 0.135) !important;
    color: #ffe79c !important;
    border-color: rgba(255, 224, 141, 0.58) !important;
    transform: translateY(-1px) !important;
    box-shadow:
        0 0 0 3px rgba(255, 224, 141, 0.115),
        0 0 0 6px rgba(255, 224, 141, 0.035),
        0 0 12px rgba(225, 183, 89, 0.050),
        inset 0 1px 0 rgba(255, 255, 255, 0.068),
        0 7px 16px rgba(0, 0, 0, 0.18) !important;
}

/* Убираем стандартный стиль кнопки от темы */
.uwp-account-form .btn-primary:focus,
.uwp-account-form .btn-primary:active {
    color: #e1b759 !important;
    border-color: rgba(255, 224, 141, 0.64) !important;
    box-shadow:
        0 0 0 2px rgba(255, 224, 141, 0.105),
        0 0 10px rgba(255, 224, 141, 0.085),
        inset 0 2px 5px rgba(28, 31, 38, 0.18),
        0 4px 10px rgba(0, 0, 0, 0.13) !important;
}

/* Аватар и информация о пользователе (левая колонка) */
.uwp_page .card {
    border: none !important;
    box-shadow: none !important;
}

.uwp_page .card.bg-transparent {
    background: transparent !important;
}

.uwp_page .card-body .avatar {
    border: none !important;
    box-shadow: none !important;
}

.uwp_page a[title^="@"] {
    color: #FFCD57;
    text-decoration: none;
    font-weight: 600;
}
.uwp_page a[title^="@"]:hover {
    text-decoration: underline;
}

/* Адаптивность */
@media (max-width: 768px) {
    .uwp-account-form {
        padding: 20px;
    }
    .uwp_page .bg-light {
        margin-bottom: 20px;
    }
}

/* Заголовок страницы "Редактировать аккаунт" – без длинной полосы */
.uwp_page h3 {
    color: #DEDBB2;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 0;           /* убираем отступ, который был под полосой */
    border-bottom: none !important;  /* принудительно удаляем длинную полосу */
    position: relative;
    text-align: center;
}

/* Уменьшаем большой отступ в 3rem на более компактный */
.bsui .mb-lg-5 {
    margin-bottom: 1.5rem !important;  /* или нужное вам значение, например 1rem, 20px и т.д. */
}

/* Убираем подчёркивание у ссылки с иконкой камеры */
.uwp_page .uwp-banner-change-icon,
.uwp_page .btn-circle,
.uwp_page .card-img-overlay a {
    text-decoration: none !important;
}

/* Фикс цвета текста на кнопке при наведении */
.uwp-account-form .btn-primary:hover,
.uwp-account-form .btn-primary:focus,
.uwp-account-form .btn-primary:active {
    color: #1C1F26 !important;
}

/* ===== СВЕЧЕНИЕ ДЛЯ .bsui .row (как у CF7) ===== */
.uwp-auth-container .bsui .row {
    background: transparent !important;
	border-radius: 16px !important;
    animation: goldBorder 2s infinite !important;
    overflow: visible !important;
}

/* ===== UWP AUTH: совместимость формы восстановления ===== */
#uwp-forgot-form .uwp-tabs {
    display: none !important;
}

#uwp-forgot-form .card-title {
    border-bottom: 1px solid rgba(255, 205, 87, 0.25) !important;
    padding-bottom: 10px !important;
}

/* ===== ДОПОЛНИТЕЛЬНЫЙ ПАТЧ ДЛЯ UWP-ФОРМ: focus жёлтый, error красный ===== */

@keyframes uwpShakeError {
    0% { transform: translateX(0); }
    20% { transform: translateX(-6px); }
    40% { transform: translateX(6px); }
    60% { transform: translateX(-4px); }
    80% { transform: translateX(4px); }
    100% { transform: translateX(0); }
}

input.shake-error,
textarea.shake-error,
.eye-input-container.shake-error {
    animation: uwpShakeError 0.45s ease;
}

.uwp-field-error {
    display: block !important;
    color: #ff6b6b !important;
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    margin-top: 5px !important;
    margin-bottom: -10px !important;
    padding-left: 5px !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

.uwp_notice,
.uwp-error,
.uwp-success,
.bsui .alert {
    display: none !important;
}

.uwp-registration-form [data-argument="confirm_password"] .uwp-field-error {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
}

.uwp-registration-form [data-argument="confirm_password"] .progress {
    margin-top: 8px !important;
    margin-bottom: 14px !important;
    clear: both !important;
}

/* ===== ОФИЦИАЛЬНАЯ ЧЁРНАЯ КНОПКА ВХОДА ЧЕРЕЗ ЯНДЕКС ===== */
.yandex-oauth-container {
    margin: 20px 0 12px;
    text-align: center;
}

/* Чёрная кнопка – точь-в-точь как в документации Яндекса */
.yandex-login-btn.yandex-official-black {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.029), rgba(255, 255, 255, 0.007)),
        rgba(22, 31, 48, 0.98) !important;
    border: 1px solid rgba(220, 180, 82, 0.20) !important;
    border-radius: 8px;
    padding: 0 16px;
    height: 44px;
    font-family: 'YS Text', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 1;
    color: rgba(218, 213, 170, 0.68) !important;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.038),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(0, 0, 0, 0.09) !important;
}
.yandex-login-btn.yandex-official-black:hover {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.009)),
        rgba(25, 36, 53, 0.99) !important;
    color: #e8bd58 !important;
    text-decoration: none;
    border-color: rgba(225, 183, 89, 0.36) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.042),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12),
        0 0 0 3px rgba(225, 183, 89, 0.10) !important;
}
/* Текст – центрирован */
.yandex-login-btn.yandex-official-black .yandex-text {
    margin: 0;
    text-align: center;
    font-weight: 500 !important;
}

/* OAuth-кнопка внутри карточки формы. Не привязываемся к динамическому ID
 * Popup Maker: контейнер может быть перерисован после открытия попапа. */
#uwp-login-form .yandex-oauth-container,
.uwp-auth-container .yandex-oauth-container {
    margin: 20px 0 12px !important;
    background:
        radial-gradient(ellipse at 50% -58%, rgba(255, 255, 255, 0.190) 0%, rgba(238, 242, 247, 0.112) 32%, rgba(220, 230, 240, 0.052) 58%, transparent 78%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.086), rgba(255, 255, 255, 0.018)),
        repeating-radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.022) 0 0.8px, transparent 0.8px 10px),
        linear-gradient(180deg, #1d2635 0%, #181f2b 100%) !important;
    border-radius: 0 0 16px 16px;
}

/* Иконка Яндекса из локального файла */
.yandex-login-btn.yandex-official-black .yandex-logo-black {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 9px !important;
    background: url('/wp-content/uploads/2026/04/Yandex_icon.svg') no-repeat center !important;
    background-size: contain !important;
    flex-shrink: 0;
}

/* Разделитель «или» на всю ширину формы */
.yandex-divider {
    position: relative;
    text-align: center;
    font-size: 13px;
    color: #888;
    margin-bottom: 15px;
}
.yandex-divider::before,
.yandex-divider::after {
    content: "";
    position: absolute;
    top: 50%;
    width: calc(50% - 30px);  /* отступы до текста */
    height: 1px;
    background: rgba(255, 205, 87, 0.3);
}
.yandex-divider::before {
    left: 0;
}
.yandex-divider::after {
    right: 0;
}

/* Одна строка: «Запомнить меня» слева, «Напомнить пароль» справа. */
#uwp-login-form .uwp-login-options-row,
form.uwp-login-form .uwp-login-options-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

#uwp-login-form .uwp-login-options-row .form-check,
form.uwp-login-form .uwp-login-options-row .form-check {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

#uwp-login-form .uwp-forgot-password-action,
form.uwp-login-form .uwp-forgot-password-action {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--lux-small-link, rgba(218, 213, 170, 0.74)) !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    text-align: right !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

#uwp-login-form .uwp-forgot-password-action:hover,
form.uwp-login-form .uwp-forgot-password-action:hover {
    color: var(--lux-small-link-hover, #e8bd58) !important;
    background: transparent !important;
    box-shadow: none !important;
}

#uwp-login-form .uwp-forgot-password-action:focus-visible,
form.uwp-login-form .uwp-forgot-password-action:focus-visible {
    color: var(--lux-small-link-hover, #e8bd58) !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 2px solid rgba(232, 181, 75, 0.42) !important;
    outline-offset: 3px !important;
}

@media (max-width: 360px) {
    #uwp-login-form .uwp-login-options-row,
    form.uwp-login-form .uwp-login-options-row {
        gap: 10px !important;
    }
}

/* =========================================================
   UWP AUTH: refined links + checkbox glow
   ========================================================= */

:root {
    --lux-card-bg: #111824;
    --lux-card-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.006)), #111824;
    --lux-input-bg: rgba(22, 31, 48, 0.98);
    --lux-input-bg-hover: rgba(25, 36, 53, 0.99);
    --lux-input-bg-focus: rgba(27, 40, 59, 1);
    --lux-input-text: #e7e1be;
    --lux-input-text-focus: #f2eac4;
    --lux-input-placeholder: rgba(218, 213, 170, 0.51);
    --lux-input-border: rgba(220, 180, 82, 0.20);
    --lux-input-hover-border: rgba(225, 183, 89, 0.36);
    --lux-input-focus-border: rgba(255, 224, 141, 0.68);
    --lux-input-focus-glow: rgba(225, 183, 89, 0.14);
    --lux-input-error: #ff6b6b;
    --lux-input-error-glow: rgba(255, 107, 107, 0.20);
    --lux-checkbox-gold: #e1b759;
    --lux-small-text: rgba(218, 213, 170, 0.68);
    --lux-small-link: rgba(218, 213, 170, 0.78);
    --lux-small-link-hover: #e1b759;
}

.uwp-auth-container .card-title,
.uwp-auth-container .card-title.text-center,
.uwp-auth-container .card-title.text-center.mb-4,
#uwp-login-form .card-title,
#uwp-register-form .card-title,
#uwp-forgot-form .card-title {
    color: #e1b759 !important;
}

#uwp-login-form .yandex-oauth-container,
#uwp-login-form .yandex-divider {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form, .eye-input-container)
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]),
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form)
textarea {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: block !important;
    width: 100% !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.029), rgba(255, 255, 255, 0.007)),
        var(--lux-input-bg) !important;
    background-color: var(--lux-input-bg) !important;
    color: var(--lux-input-text) !important;
    -webkit-text-fill-color: var(--lux-input-text) !important;
    caret-color: var(--lux-checkbox-gold) !important;
    border-color: var(--lux-input-border) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.038),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(0, 0, 0, 0.09) !important;
    -webkit-box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.038),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(0, 0, 0, 0.09) !important;
    color-scheme: dark !important;
    filter: none !important;
    outline: none !important;
}

:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form, .eye-input-container)
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]):hover,
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form)
textarea:hover {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.009)),
        var(--lux-input-bg-hover) !important;
    background-color: var(--lux-input-bg-hover) !important;
    border-color: var(--lux-input-hover-border) !important;
    color: var(--lux-input-text) !important;
    -webkit-text-fill-color: var(--lux-input-text) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.042),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(225, 183, 89, 0.018) !important;
    -webkit-box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.042),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(225, 183, 89, 0.018) !important;
}

:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form, .eye-input-container)
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]):is(:focus, :active),
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form)
textarea:is(:focus, :active) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.039), rgba(255, 255, 255, 0.011)),
        var(--lux-input-bg-focus) !important;
    background-color: var(--lux-input-bg-focus) !important;
    border-color: var(--lux-input-focus-border) !important;
    color: var(--lux-input-text-focus) !important;
    -webkit-text-fill-color: var(--lux-input-text-focus) !important;
    box-shadow:
        0 0 0 3px var(--lux-input-focus-glow),
        0 0 10px rgba(225, 183, 89, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.050) !important;
    -webkit-box-shadow:
        0 0 0 3px var(--lux-input-focus-glow),
        0 0 10px rgba(225, 183, 89, 0.035),
        inset 0 1px 0 rgba(255, 255, 255, 0.050) !important;
    outline: none !important;
}

:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form, .eye-input-container) input::placeholder,
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form) textarea::placeholder,
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form, .eye-input-container) input::-webkit-input-placeholder,
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form) textarea::-webkit-input-placeholder {
    color: var(--lux-input-placeholder) !important;
    -webkit-text-fill-color: var(--lux-input-placeholder) !important;
    opacity: 1 !important;
}

:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form, .eye-input-container) input::-moz-placeholder,
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form) textarea::-moz-placeholder {
    color: var(--lux-input-placeholder) !important;
    opacity: 1 !important;
}

/* Autofill: сохраняем тёмный фон браузерного автозаполнения */
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
input.lux-autofill-fix:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]),
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content) textarea.lux-autofill-fix,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]):-webkit-autofill,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:hover,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:focus,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:active,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content) textarea:-webkit-autofill,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content) textarea:-webkit-autofill:hover,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content) textarea:-webkit-autofill:focus,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content) textarea:-webkit-autofill:active {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: var(--lux-input-bg) !important;
    background-color: var(--lux-input-bg) !important;
    background-image: linear-gradient(var(--lux-input-bg), var(--lux-input-bg)) !important;
    background-clip: padding-box !important;
    border-color: var(--lux-input-border) !important;
    color: var(--lux-input-text) !important;
    -webkit-text-fill-color: var(--lux-input-text) !important;
    caret-color: var(--lux-checkbox-gold) !important;
    filter: none !important;
    box-shadow: 0 0 0 1000px var(--lux-input-bg) inset !important;
    -webkit-box-shadow: 0 0 0 1000px var(--lux-input-bg) inset !important;
    /*
       Long transition нужен только для подавления браузерного autofill-фона.
       Цвет текста не замораживаем: иначе после .field-error Chrome иногда
       оставляет введённый текст серым, как placeholder.
    */
    transition:
        background-color 999999s ease-in-out 0s,
        background-image 999999s ease-in-out 0s !important;
}

:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
input.lux-autofill-fix:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]),
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content) textarea.lux-autofill-fix:focus,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:focus,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content) textarea:-webkit-autofill:focus {
    border-color: var(--lux-input-focus-border) !important;
    box-shadow:
        0 0 0 1000px var(--lux-input-bg-focus) inset,
        0 0 0 3px var(--lux-input-focus-glow) !important;
    -webkit-box-shadow:
        0 0 0 1000px var(--lux-input-bg-focus) inset,
        0 0 0 3px var(--lux-input-focus-glow) !important;
    -webkit-text-fill-color: var(--lux-input-text-focus) !important;
}

:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]):autofill,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content) textarea:autofill {
    background: var(--lux-input-bg) !important;
    color: var(--lux-input-text) !important;
    caret-color: var(--lux-checkbox-gold) !important;
    box-shadow: 0 0 0 1000px var(--lux-input-bg) inset !important;
}

:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form, .eye-input-container)
input.field-error:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]),
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form)
textarea.field-error,
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form, .eye-input-container)
input.field-error:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="hidden"]):is(:hover, :focus, :active, :-webkit-autofill),
:is(.uwp-auth-container, .uwp_page, .bsui, #pum-5379, .pum-content)
:is(.uwp-login-form, .uwp-registration-form, #uwp-forgot-form)
textarea.field-error:is(:hover, :focus, :active, :-webkit-autofill) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.008)),
        var(--lux-input-bg) !important;
    background-color: var(--lux-input-bg) !important;
    border-color: var(--lux-input-error) !important;
    color: var(--lux-input-placeholder) !important;
    -webkit-text-fill-color: var(--lux-input-placeholder) !important;
    box-shadow:
        0 0 0 3px var(--lux-input-error-glow),
        inset 0 1px 0 rgba(255, 255, 255, 0.044) !important;
    -webkit-box-shadow:
        0 0 0 3px var(--lux-input-error-glow),
        inset 0 1px 0 rgba(255, 255, 255, 0.044) !important;
}

.uwp-login-form input[type="checkbox"].form-check-input,
.uwp-login-form #remember_me.form-check-input {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    display: inline-grid !important;
    place-content: center !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--lux-input-bg) !important;
    background-image: none !important;
    border: 1px solid var(--lux-input-border) !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.uwp-login-form input[type="checkbox"].form-check-input:hover,
.uwp-login-form #remember_me.form-check-input:hover {
    border-color: var(--lux-input-hover-border) !important;
    box-shadow: 0 0 0 2px rgba(232, 181, 75, 0.145) !important;
    -webkit-box-shadow: 0 0 0 2px rgba(232, 181, 75, 0.145) !important;
}

.uwp-login-form input[type="checkbox"].form-check-input:focus,
.uwp-login-form input[type="checkbox"].form-check-input:active,
.uwp-login-form #remember_me.form-check-input:focus,
.uwp-login-form #remember_me.form-check-input:active {
    border-color: var(--lux-input-focus-border) !important;
    box-shadow: 0 0 0 2px rgba(232, 181, 75, 0.145) !important;
    -webkit-box-shadow: 0 0 0 2px rgba(232, 181, 75, 0.145) !important;
    outline: none !important;
}

.uwp-login-form input[type="checkbox"].form-check-input:checked,
.uwp-login-form #remember_me.form-check-input:checked {
    background-color: #e8b54b !important;
    border-color: #e8b54b !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%231C1F26' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.4 8.2l3 3L12.8 4.8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 12px 12px !important;
}

.uwp-login-form input[type="checkbox"].form-check-input:checked:hover,
.uwp-login-form #remember_me.form-check-input:checked:hover {
    border-color: #e8b54b !important;
    box-shadow: 0 0 0 2px rgba(232, 181, 75, 0.145) !important;
    -webkit-box-shadow: 0 0 0 2px rgba(232, 181, 75, 0.145) !important;
}

.uwp-login-form input[type="checkbox"].form-check-input:checked:focus,
.uwp-login-form input[type="checkbox"].form-check-input:checked:active,
.uwp-login-form #remember_me.form-check-input:checked:focus,
.uwp-login-form #remember_me.form-check-input:checked:active {
    background-color: #e8b54b !important;
    border-color: #e8b54b !important;
    box-shadow: 0 0 0 2px rgba(232, 181, 75, 0.145) !important;
    -webkit-box-shadow: 0 0 0 2px rgba(232, 181, 75, 0.145) !important;
}

/* Мелкие ссылки и пояснения — спокойнее, без навязчивого золота */
.uwp-login-form .form-check-label,
.uwp-login-form label[for="remember_me"] {
    color: var(--lux-small-link) !important;
    font-weight: 500 !important;
}

.uwp-login-form .form-check:hover .form-check-label,
.uwp-login-form .form-check:hover label[for="remember_me"] {
    color: var(--lux-small-link-hover, #e8bd58) !important;
}

.form-note-main,
.uwp-registration-form .form-note-main {
    color: var(--lux-small-text) !important;
}

.form-note-main a,
.form-note-main a:visited {
    color: inherit !important;
}

.uwp-footer-links a.uwp-forgot-password-link,
.uwp-footer-links a.uwp-forgot-password-link:visited,
a.uwp-forgot-password-link,
a.uwp-forgot-password-link:visited {
    color: var(--lux-small-link) !important;
}

.form-note-main a,
.form-note-main a:visited,
.uwp-footer-links a.uwp-forgot-password-link,
.uwp-footer-links a.uwp-forgot-password-link:visited,
a.uwp-forgot-password-link,
a.uwp-forgot-password-link:visited {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    transition: color 0.2s ease;
}

.form-note-main a:hover,
.form-note-main a:focus,
.form-note-main a:focus-visible {
    color: rgba(220, 180, 82, 0.74) !important;
}

.uwp-footer-links a.uwp-forgot-password-link:hover,
.uwp-footer-links a.uwp-forgot-password-link:focus,
a.uwp-forgot-password-link:hover,
a.uwp-forgot-password-link:focus {
    color: var(--lux-small-link-hover) !important;
}

.form-note-main a:hover,
.form-note-main a:focus,
.form-note-main a:focus-visible,
.uwp-footer-links a.uwp-forgot-password-link:hover,
.uwp-footer-links a.uwp-forgot-password-link:focus,
a.uwp-forgot-password-link:hover,
a.uwp-forgot-password-link:focus {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* =========================================================
   UWP AUTH FINAL v76 compact: contacts error text + autofill fix
   Кнопки + переключатель Вход / Регистрация.
   Чистая правка v74: база v73, добавлена CF7-логика имени и синхронизация error-состояний.
   Чистая замена финального блока, без дополнительных переопределений.
   ========================================================= */

:root {
    /* База формы */

    /* Сбалансированное тёплое золото: светлее satin, спокойнее bright gold */
    --lux-auth-gold-top: #eabe5d;
    --lux-auth-gold-mid: #e0a640;
    --lux-auth-gold-bottom: #c08127;

    --lux-auth-gold-hover-top: #efc767;
    --lux-auth-gold-hover-mid: #e5ad47;
    --lux-auth-gold-hover-bottom: #c98a2d;

    --lux-auth-gold-pressed-top: #d29c39;
    --lux-auth-gold-pressed-mid: #c88c30;
    --lux-auth-gold-pressed-bottom: #ae7121;

    /* Рамка в тон заливки, почти не читается отдельно */
    --lux-auth-gold-border-focus: rgba(237, 194, 95, 0.00);

    --lux-auth-text-dark: #2a2114;
    --lux-auth-text-muted: rgba(239, 227, 190, 0.74);

    --lux-auth-radius-tabs: 14px;
    --lux-auth-radius-control: 10px;

    /*
       Финальный мягкий вертикальный gold:
       1-й слой приглушает верхнюю белизну и убирает пластиковый блеск.
       2-й слой даёт плавный переход снизу вверх: тёмное золото → тёплое золото → мягкий верх.
    */
    --lux-auth-smooth-gold:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.024) 0%,
            rgba(255, 244, 204, 0.015) 42%,
            rgba(74, 43, 7, 0.057) 100%
        ),
        linear-gradient(
            180deg,
            var(--lux-auth-gold-top) 0%,
            #e6b44d 34%,
            var(--lux-auth-gold-mid) 58%,
            #d68f30 80%,
            var(--lux-auth-gold-bottom) 100%
        );

    --lux-auth-smooth-gold-hover:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.033) 0%,
            rgba(255, 244, 204, 0.018) 42%,
            rgba(74, 43, 7, 0.045) 100%
        ),
        linear-gradient(
            180deg,
            var(--lux-auth-gold-hover-top) 0%,
            #eabd56 34%,
            var(--lux-auth-gold-hover-mid) 58%,
            #d79635 80%,
            var(--lux-auth-gold-hover-bottom) 100%
        );

    --lux-auth-smooth-gold-pressed:
        linear-gradient(
            180deg,
            rgba(255, 244, 204, 0.020) 0%,
            rgba(70, 40, 7, 0.085) 100%
        ),
        linear-gradient(
            180deg,
            var(--lux-auth-gold-pressed-top) 0%,
            var(--lux-auth-gold-pressed-mid) 56%,
            var(--lux-auth-gold-pressed-bottom) 100%
        );
}

/* Переключатель Вход / Регистрация */
.uwp-auth-container .uwp-tabs {
    display: flex !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 5px !important;

    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.006)),
        rgba(22, 31, 48, 0.88) !important;
    border: 1px solid rgba(215, 154, 51, 0.12) !important;
    border-radius: var(--lux-auth-radius-tabs) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.028),
        0 7px 18px rgba(0, 0, 0, 0.13) !important;

    overflow: hidden !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.uwp-auth-container .uwp-tab-btn {
    position: relative !important;
    flex: 1 1 50% !important;
    appearance: none !important;
    -webkit-appearance: none !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 14px !important;

    border: 1px solid transparent !important;
    border-radius: var(--lux-auth-radius-control) !important;
    background: transparent !important;

    color: var(--lux-auth-text-muted) !important;
    -webkit-text-fill-color: var(--lux-auth-text-muted) !important;

    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    letter-spacing: 0.15px !important;
    text-align: center !important;
    text-transform: none !important;

    cursor: pointer !important;
    box-shadow: none !important;
    transform: translateY(0) !important;
    filter: none !important;

    transition:
        color 0.20s ease,
        -webkit-text-fill-color 0.20s ease,
        background 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.18s ease !important;
}

.uwp-auth-container .uwp-tab-btn::before,
.uwp-auth-container .uwp-tab-btn::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

.uwp-auth-container .uwp-tab-btn:not(.active):hover {
    background: linear-gradient(180deg, rgba(255, 232, 164, 0.060), rgba(226, 161, 61, 0.018)), rgba(217, 151, 50, 0.064) !important;
    color: rgba(255, 231, 156, 0.90) !important;
    -webkit-text-fill-color: rgba(255, 231, 156, 0.90) !important;
    border-color: var(--lux-input-border) !important;
    transform: none !important;
}

.uwp-auth-container .uwp-tab-btn.active,
.uwp-auth-container .uwp-tab-btn.active:hover,
.uwp-auth-container .uwp-tab-btn.active:focus-visible {
    background: var(--lux-auth-smooth-gold) !important;
    border: 0 !important;

    color: var(--lux-auth-text-dark) !important;
    -webkit-text-fill-color: var(--lux-auth-text-dark) !important;

    box-shadow:
        none !important;

    transform: none !important;
    filter: none !important;
}

.uwp-auth-container .uwp-tab-btn:focus-visible {
    outline: none !important;
    border-color: var(--lux-auth-gold-border-focus) !important;
    box-shadow:
        0 0 0 3px rgba(215, 154, 51, 0.070) !important;
}

/* Основные кнопки форм */
.uwp-login-form .uwp_login_submit,
.uwp-registration-form .uwp_register_submit,
#uwp-forgot-form .uwp_forgot_submit {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 28px !important;
    margin: 16px auto 0 auto !important;

    background: var(--lux-auth-smooth-gold) !important;
    border: 0 !important;
    border-radius: var(--lux-auth-radius-control) !important;
    background-clip: padding-box !important;

    color: var(--lux-auth-text-dark) !important;
    -webkit-text-fill-color: var(--lux-auth-text-dark) !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12px !important;
    text-transform: none !important;

    animation: none !important;
    filter: none !important;
    transform: translateY(0) !important;

    box-shadow:
        none !important;

    transition:
        color 0.20s ease,
        -webkit-text-fill-color 0.20s ease,
        border-color 0.20s ease,
        background 0.22s ease,
        box-shadow 0.24s ease,
        transform 0.18s cubic-bezier(.16, 1, .3, 1) !important;

    will-change: transform, box-shadow;
}

/* Без бегущего блика и декоративных полос */
.uwp-login-form .uwp_login_submit::before,
.uwp-registration-form .uwp_register_submit::before,
#uwp-forgot-form .uwp_forgot_submit::before,
.uwp-login-form .uwp_login_submit::after,
.uwp-registration-form .uwp_register_submit::after,
#uwp-forgot-form .uwp_forgot_submit::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

.uwp-login-form .uwp_login_submit:hover,
.uwp-registration-form .uwp_register_submit:hover,
#uwp-forgot-form .uwp_forgot_submit:hover {
    background: var(--lux-auth-smooth-gold-hover) !important;
    border: 0 !important;

    color: var(--lux-auth-text-dark) !important;
    -webkit-text-fill-color: var(--lux-auth-text-dark) !important;

    transform: translateY(-1px) !important;
    filter: brightness(1.026) saturate(1.018) !important;

    box-shadow:
        0 0 0 4px rgba(232, 181, 75, 0.090),
        0 0 14px rgba(232, 181, 75, 0.105),
        0 6px 18px rgba(190, 125, 34, 0.070) !important;
    animation: none !important;
}

.uwp-login-form .uwp_login_submit:active,
.uwp-registration-form .uwp_register_submit:active,
#uwp-forgot-form .uwp_forgot_submit:active {
    background: var(--lux-auth-smooth-gold-pressed) !important;
    border: 0 !important;

    transform: translateY(0) scale(0.997) !important;

    box-shadow:
        inset 0 0 0 999px rgba(45, 28, 6, 0.035) !important;
}

.uwp-login-form .uwp_login_submit:focus-visible,
.uwp-registration-form .uwp_register_submit:focus-visible,
#uwp-forgot-form .uwp_forgot_submit:focus-visible {
    outline: none !important;
    border: 0 !important;
    box-shadow:
        0 0 0 3px rgba(227, 170, 62, 0.075) !important;
}

.uwp-login-form .uwp_login_submit:disabled,
.uwp-registration-form .uwp_register_submit:disabled,
#uwp-forgot-form .uwp_forgot_submit:disabled,
.uwp-login-form .uwp_login_submit.disabled,
.uwp-registration-form .uwp_register_submit.disabled,
#uwp-forgot-form .uwp_forgot_submit.disabled {
    opacity: 0.72 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow:
        none !important;
}


/* Spinner на золотой кнопке */
.uwp-login-form .uwp_login_submit .spinner,
.uwp-registration-form .uwp_register_submit .spinner,
#uwp-forgot-form .uwp_forgot_submit .spinner {
    border-color: rgba(20, 16, 6, 0.24) !important;
    border-top-color: #141006 !important;
}

@media (prefers-reduced-motion: reduce) {
    .uwp-auth-container .uwp-tab-btn,
    .uwp-login-form .uwp_login_submit,
    .uwp-registration-form .uwp_register_submit,
    #uwp-forgot-form .uwp_forgot_submit {
        transition-duration: 0.001ms !important;
        animation: none !important;
    }
}

@media (max-width: 600px) {
    .uwp-auth-container .uwp-tabs {
        margin-bottom: 14px !important;
    }

    .uwp-auth-container .uwp-tab-btn {
        padding: 11px 10px !important;
        font-size: 14px !important;
    }

    .uwp-login-form .uwp_login_submit,
    .uwp-registration-form .uwp_register_submit,
    #uwp-forgot-form .uwp_forgot_submit {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* ===== USERSWP AUTH POPUP: жёлтый фоновый градиент за формой ===== */
/* Важно: блок должен быть внутри <style>, не после </script>. */
#pum-5379.pum-overlay.pum-active,
.pum-overlay.pum-active:has(.uwp-auth-container),
.pum-overlay.pum-active:has(#uwp-login-form),
.pum-overlay.pum-active:has(#uwp-register-form),
.pum-overlay.pum-active:has(#uwp-forgot-form) {
    background: radial-gradient(circle at center, rgba(255, 205, 87, 0.4), rgba(0, 0, 0, 0.9)) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    transition: background 0.4s ease;
}


/* UsersWP auth popup overlay: overlay click is disabled, so keep ordinary cursor there.
   Interactive elements inside the popup keep their own pointer/text cursors. */
#pum-5379.pum-overlay.pum-active,
.pum-overlay.pum-active:has(.uwp-auth-container),
.pum-overlay.pum-active:has(#uwp-login-form),
.pum-overlay.pum-active:has(#uwp-register-form),
.pum-overlay.pum-active:has(#uwp-forgot-form) {
    cursor: default !important;
}

#pum-5379.pum-overlay.pum-active .pum-container,
#pum-5379.pum-active .pum-container,
.pum-overlay.pum-active:has(.uwp-auth-container) .pum-container,
.pum-overlay.pum-active:has(#uwp-login-form) .pum-container,
.pum-overlay.pum-active:has(#uwp-register-form) .pum-container,
.pum-overlay.pum-active:has(#uwp-forgot-form) .pum-container {
    cursor: default !important;
}

/* Центрирование только UsersWP popup 5379.
   Нужно после split: глобальные body/.ast-container больше не центрируют форму. */
#pum-5379.pum-overlay.pum-active .pum-container,
#pum-5379.pum-active .pum-container,
.pum-overlay.pum-active:has(.uwp-auth-container) .pum-container,
.pum-overlay.pum-active:has(#uwp-login-form) .pum-container,
.pum-overlay.pum-active:has(#uwp-register-form) .pum-container,
.pum-overlay.pum-active:has(#uwp-forgot-form) .pum-container {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#pum-5379.pum-overlay.pum-active .pum-content,
.pum-overlay.pum-active:has(.uwp-auth-container) .pum-content,
.pum-overlay.pum-active:has(#uwp-login-form) .pum-content,
.pum-overlay.pum-active:has(#uwp-register-form) .pum-content,
.pum-overlay.pum-active:has(#uwp-forgot-form) .pum-content {
    overflow: visible !important;
}

/* Popup Maker close: скрываем во всех UWP auth-состояниях */
#pum-5379 :is(.pum-close, .popmake-close),
.pum-overlay.pum-active:has(.uwp-auth-container) :is(.pum-close, .popmake-close),
.pum-overlay.pum-active:has(#uwp-forgot-form) :is(.pum-close, .popmake-close) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


/* Единые уведомления RentArest: визуально синхронизированы с CF7.
   Если cookie-баннер виден, уведомление автоматически поднимается над ним. */
.lux-auth-notification {
    position: fixed;
    right: 20px;
    bottom: max(20px, env(safe-area-inset-bottom));
    z-index: 2147483647 !important;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: min(360px, calc(100vw - 32px));
    padding: 14px 16px;
    box-sizing: border-box;
    border: 1px solid rgba(62, 201, 114, 0.35);
    border-radius: 16px;
    background: rgba(16, 25, 19, 0.94);
    color: #d8f8df;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    font-family: inherit !important;
    font-style: normal !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    pointer-events: none;
    transition:
        bottom 0.28s ease,
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;
}

.lux-auth-notification,
.lux-auth-notification * {
    box-sizing: border-box;
    font-family: inherit !important;
}

.lux-auth-notification.is-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lux-auth-notification.is-error {
    border-color: rgba(255, 107, 107, 0.38);
    background: rgba(35, 15, 18, 0.95);
    color: #ffd4d4;
}

.lux-auth-notification-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(62, 201, 114, 0.18);
    color: #7af08c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}

.lux-auth-notification.is-error .lux-auth-notification-icon {
    background: rgba(255, 107, 107, 0.16);
    color: #ff8a8a;
}

.lux-auth-notification-text {
    display: block;
    min-width: 0;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: inherit;
    white-space: pre-line;
}

@media (max-width: 600px) {
    .lux-auth-notification {
        right: 16px;
        left: 16px;
        bottom: max(16px, env(safe-area-inset-bottom));
        max-width: none;
    }
}


/* ===== OAuth VKID / Yandex unified style ===== */

.rentarest-vkid-container .VkIdSdk_oauth_link_text {
    display: none !important;
}

.rentarest-vkid-container .VkIdSdk_oauth_item {
    background: #050505 !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

.rentarest-vkid-container .VkIdSdk_oauth_item:hover {
    background: #111111 !important;
    border-color: rgba(255,205,87,.75) !important;
    box-shadow: 0 0 12px rgba(255,205,87,.22) !important;
}

.rentarest-vkid-container .VkIdSdk_oauth_item:active {
    border-color: #FFCD57 !important;
    box-shadow: 0 0 18px rgba(255,205,87,.35) !important;
}


/* ===== OAuth UX Stage25.14 clean OAuth style ===== */

.yandex-divider {
    color: rgba(255,255,255,.45) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
}


/* Common OAuth button surface */
.yandex-login-btn,
.rentarest-vkid-container .VkIdSdk_oauth_item {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.034), rgba(255,255,255,0.009)),
        rgba(25,36,53,0.99) !important;
    border: 1px solid rgba(220,180,82,0.20) !important;
    border-radius: 12px !important;
    transition:
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease !important;
}

/* Same hover for Yandex and VKID */
.yandex-login-btn:hover,
.rentarest-vkid-container .VkIdSdk_oauth_item:hover {
    background:
        linear-gradient(180deg, rgba(255,232,164,0.060), rgba(226,161,61,0.018)),
        rgba(217,151,50,0.064) !important;
    border-color: rgba(225,183,89,0.36) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.042),
        inset 0 -1px 0 rgba(0,0,0,0.12),
        0 0 0 3px rgba(225,183,89,0.10) !important;
}

.yandex-login-btn:active,
.rentarest-vkid-container .VkIdSdk_oauth_item:active {
    border-color: rgba(255,205,87,.95) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.042),
        0 0 0 4px rgba(225,183,89,0.14) !important;
}

.rentarest-vkid-container .VkIdSdk_oauth_link_text {
    display:none !important;
}



/* ===== Stage25.17 OAuth polish ===== */

/* Reserve space and smooth VKID appearance */
.rentarest-vkid-container {
    min-height: 44px;
    margin-top: 8px;
    opacity: 0;
    transition: opacity .25s ease;
}

/* Keep the SDK list and Yandex action on the same 44px rhythm. */
.rentarest-vkid-container .VkIdSdk_oauth_list {
    display: flex !important;
    height: 44px !important;
    margin-bottom: 18px !important;
}

.rentarest-vkid-container.is-ready {
    opacity: 1;
}

/* VKID generated buttons */
.rentarest-vkid-container .oauth-button {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.029), rgba(255,255,255,0.007)),
        rgba(22,31,48,0.98) !important;
    border: 1px solid rgba(220,180,82,0.20) !important;
    border-radius: 12px !important;
    transition:
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease !important;
}

/* Unified hover */
.yandex-login-btn.yandex-official-black:hover,
.rentarest-vkid-container .oauth-button:hover {
    background:
        linear-gradient(180deg, rgba(255,232,164,0.060), rgba(226,161,61,0.018)),
        rgba(217,151,50,0.064) !important;
    border-color: rgba(225,183,89,0.36) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.042),
        inset 0 -1px 0 rgba(0,0,0,0.12),
        0 0 0 3px rgba(225,183,89,0.10) !important;
}

/* Yandex icon alignment */
.yandex-login-btn.yandex-official-black .yandex-logo-black {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 28px !important;
    height: 28px !important;
    margin-right: 9px !important;
    background: url(/wp-content/uploads/2026/04/Yandex_icon.svg) no-repeat center !important;
    background-size: contain !important;
    flex-shrink: 0;
}


/* Reserve SmartCaptcha space to prevent Popup Maker jumps. */
.ra-smartcaptcha-wrap {
    min-height: 100px;
}

/* Invisible SmartCaptcha is executed by the native UsersWP submit button. */
.ra-smartcaptcha-wrap.ra-smartcaptcha-invisible {
    min-height: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* ===== Stage25.20 Premium OAuth Cascade ===== */
.yandex-oauth-container,
.rentarest-vkid-container,
.ra-smartcaptcha-wrap {
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .18s ease, transform .18s ease;
}

.yandex-oauth-container.is-ready,
.rentarest-vkid-container.is-ready,
.ra-smartcaptcha-wrap.is-ready {
    opacity: 1;
    transform: translateY(0);
}