.elementor-2828 .elementor-element.elementor-element-7caa6f5{--display:flex;}.elementor-2828 .elementor-element.elementor-element-2d38fc17{--display:flex;--min-height:50vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2828 .elementor-element.elementor-element-1eacd862{width:100%;max-width:100%;text-align:center;color:var( --e-global-color-astglobalcolor4 );}.elementor-2828 .elementor-element.elementor-element-1eacd862 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2828 .elementor-element.elementor-element-1eacd862 p{margin-block-end:2vh;}.elementor-2828 .elementor-element.elementor-element-1eacd862 a{color:var( --e-global-color-astglobalcolor4 );}@media(min-width:768px){.elementor-2828 .elementor-element.elementor-element-2d38fc17{--width:69vw;}}/* Start custom CSS for container, class: .elementor-element-2d38fc17 *//* APPLE GLASS для формы регистрации (Ultimate Member)
   ВАЖНО: этот CSS применяется к контейнеру с классом .glass-auth
*/

/* =============== 1) CARD (стеклянная карточка) =============== */
.glass-auth{
  max-width: 520px;                 /* ADJUST: ширина карточки */
  margin: 1vh auto 10vh;            /* ADJUST: отступы сверху/снизу */
  padding: -20px -20px;               /* ADJUST: внутренние отступы */
  border-radius: 22px;              /* ADJUST: скругление */
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 25px 80px rgba(0,0,0,.55), inset 0 1px 2px rgba(255,255,255,.25);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%); /* ADJUST: сила размытия */
}

/* =============== 2) LABELS / TITLES =============== */
.glass-auth h2,
.glass-auth .um-field-label{
  color: #eaf2ff;
  font-weight: 600;
}

/* =============== 3) INPUTS =============== */
.glass-auth .um input[type="text"],
.glass-auth .um input[type="password"],
.glass-auth .um input[type="email"]{
  height: 48px;                     /* ADJUST: высота поля */
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(8,16,28,.55);
  color: #fff;
  padding: 10px 12px;
  transition: all .25s ease;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.glass-auth .um input::placeholder{ color: rgba(230,240,255,.45); }
.glass-auth .um input:focus{
  border-color: #3ba9ff;
  box-shadow: 0 0 12px rgba(56,149,255,.35), inset 0 0 0 1px rgba(255,255,255,.08);
  background: rgba(12,24,40,.72);
}

/* =============== 4) FIX: span внутри кнопок UM =============== */
/* UM кладёт внутрь .um-button абсолютный <span>; из-за него «падает» текст */
.glass-auth .um .um-button > span,
.glass-auth .um a.um-button > span{
  position: static !important;
  transform: none !important;
  display: inline !important;
  line-height: inherit !important;
}

/* =============== 5) PRIMARY BUTTON (submit) =============== */
.glass-auth .um .um-form input[type="submit"],
.glass-auth .um .um-button,
.glass-auth .um a.um-button{
  display: inline-block !important;
  box-sizing: border-box !important;
  height: 48px !important;          /* ADJUST: высота кнопки */
  line-height: 48px !important;
  padding: 0 18px !important;       /* ADJUST: горизонтальные отступы */
  border-radius: 12px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-align: center !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #fff !important;
  background: linear-gradient(180deg,#0ea5e9,#1d4ed8) !important;  /* ADJUST: цвета градиента */
  box-shadow: 0 10px 24px rgba(0,0,0,.35) !important;
  transition: transform .06s ease, box-shadow .12s ease, filter .12s ease !important;
  vertical-align: middle !important;
}

/* =============== 6) SECONDARY BUTTON (если вернёшь «Войти») =============== */
.glass-auth .um a.um-button.um-alt,
.glass-auth .um .um-button.um-alt{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
  color: #dbeafe !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.06) !important;
}

/* =============== 7) HOVER / ACTIVE =============== */
.glass-auth .um .um-form input[type="submit"]:hover,
.glass-auth .um a.um-button:hover,
.glass-auth .um .um-button:hover{
  filter: brightness(1.06) !important;       /* ADJUST: яркость наведения */
  transform: translateY(-1px) !important;     /* ADJUST: поднятие на hover */
  box-shadow: 0 14px 30px rgba(0,0,0,.45) !important;
}
.glass-auth .um .um-form input[type="submit"]:active,
.glass-auth .um a.um-button:active,
.glass-auth .um .um-button:active{
  transform: translateY(0) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.35) !important;
}

/* =============== 8) LAYOUT кнопочной области =============== */
/* Блок кнопок у UM */
.glass-auth .um .um-col-alt{ margin-top: 0 !important; }

/* Две кнопки — в ряд; одна кнопка — по центру */
.glass-auth .um .um-col-alt .um-center{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;  /* ADJUST: center | flex-start */
  gap: 12px !important;                 /* ADJUST: расстояние между кнопками */
  flex-wrap: wrap;
}
.glass-auth .um .um-col-alt .um-center > *{ margin: 0 !important; }

/* Доп. центрирование одиночной submit-кнопки */
.glass-auth .um .um-form input[type="submit"]{
  margin: 6px auto 0 !important;        /* ADJUST: отступ сверху */
}

/* =============== 9) MOBILE =============== */
@media (max-width:520px){
  .glass-auth .um a.um-button,
  .glass-auth .um .um-form input[type="submit"]{
    width: 100% !important;              /* ADJUST: на мобилке в одну колонку */
    margin: 10px 0 0 0 !important;
  }
}
/* === Отступы между полями UM на странице с .glass-auth === */

/* 1) Глобальный вертикальный зазор между полями (имя → фамилия и т.п.) */
.glass-auth .um .um-form .um-row,
.glass-auth .um .um-form .um-col-1,
.glass-auth .um .um-form .um-field,
.glass-auth .um .um-form .um-field-area {
  margin-bottom: -15px !important;   /* <-- ADJUST: поставь 6px / 8px / 12px и т.д. */
  padding-bottom: 0 !important;
}

/* 2) Отступ под лейблом — расстояние между заголовком поля и самим инпутом */
.glass-auth .um .um-field-label {
  margin-bottom: -19px !important;    /* <-- ADJUST: сделай меньше/больше, если нужно */
}

/* У последнего поля отступ внизу убираем, чтобы низ формы не "провисал" */
.glass-auth .um .um-form > .um-row:last-of-type,
.glass-auth .um .um-form .um-row:last-child .um-col-1:last-child .um-field:last-child,
.glass-auth .um .um-form .um-row:last-child .um-col-1:last-child .um-field-area:last-child {
  margin-bottom: 0 !important;
}
/* === Цвет лейблов (подписей к полям) === */
.glass-auth .um .um-field-label {
  color: #eaf2ff !important;   /* <-- ADJUST: замени на #fff для чисто белого */
  font-weight: 600;            /* чуть жирнее, для читаемости */
  letter-spacing: 0.3px;       /* лёгкий трекинг для "воздуха" */
}
/* === UM Privacy / Terms — выравнивание и стиль ===================== */
/* Работает для data-key="privacy_policy" и "terms_conditions" */

.glass-auth .um-field[data-key="privacy_policy"],
.glass-auth .um-field[data-key="terms_conditions"]{
  margin: 18px 0 22px !important;
}

/* 1) Ссылка "Показать политику приватности" — делаем нормальной ссылкой */
.glass-auth .um-field[data-key="privacy_policy"] .um-field-area a,
.glass-auth .um-field[data-key="terms_conditions"] .um-field-area a,
.glass-auth .um-privacy a,
.glass-auth a.um-privacy-policy-link{
  color: #5fb0ff !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  display: inline-block !important;
  margin: 8px 0 10px !important;
}

/* Иногда UM красит эту ссылку в красный — принудительно перекрываем */
.glass-auth .um-field[data-key="privacy_policy"] .um-field-area a,
.glass-auth .um-field[data-key="terms_conditions"] .um-field-area a{
  color: #5fb0ff !important;
}

/* 2) Чекбокс + текст согласия — в одну линию */
.glass-auth .um-field[data-key="privacy_policy"] .um-field-area,
.glass-auth .um-field[data-key="terms_conditions"] .um-field-area{
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

/* 3) Сам чекбокс — нормальный размер, цвет галочки */
.glass-auth .um-field[data-key="privacy_policy"] input[type="checkbox"],
.glass-auth .um-field[data-key="terms_conditions"] input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
  margin: 2px 0 0 0 !important;   /* лёгкое выравнивание по высоте текста */
  appearance: auto !important;    /* на всякий случай, если тема его «ломает» */
  accent-color: #32a5ff !important;
  cursor: pointer !important;
}

/* 4) Текст возле чекбокса (label/description) — читаемый цвет/размер */
.glass-auth .um-field[data-key="privacy_policy"] label,
.glass-auth .um-field[data-key="terms_conditions"] label,
.glass-auth .um-field[data-key="privacy_policy"] .um-field-description,
.glass-auth .um-field[data-key="terms_conditions"] .um-field-description,
.glass-auth .um-field[data-key="privacy_policy"] .um-field-area span,
.glass-auth .um-field[data-key="terms_conditions"] .um-field-area span{
  color: #eaf2ff !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

/* 5) Если тема запихнула чекбокс в отдельный .um-field-checkbox — жёсткая раскладка */
.glass-auth .um-field[data-key="privacy_policy"] .um-field-checkbox,
.glass-auth .um-field[data-key="terms_conditions"] .um-field-checkbox{
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

/* 6) Доп. защита: убираем ненужные внешние отступы вокруг чекбокса/текста */
.glass-auth .um-field[data-key="privacy_policy"] .um-field-area > *:not(:first-child),
.glass-auth .um-field[data-key="terms_conditions"] .um-field-area > *:not(:first-child){
  margin: 0 !important;
}

/* 7) Кнопка под блоком политики — небольшой отступ сверху */
.glass-auth .um .um-col-alt{ margin-top: 14px !important; }
/* === UM GDPR toggle (политика приватности) =================== */

/* Сама ссылка "Показать / Скрыть политику приватности" */
.glass-auth a.um-toggle-gdpr {
  display: inline-block !important;
  margin: 10px 0 !important;
  color: #5fb0ff !important;      /* красивый синий */
  font-weight: 600 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
}

/* Когда ссылка активная (например при "Скрыть политику") */
.glass-auth a.um-toggle-gdpr:hover {
  color: #7fc7ff !important;
}

/* Чекбокс + текст согласия */
.glass-auth .um-field.um-field-checkbox {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 10px 0 20px !important;
}

/* Сам чекбокс */
.glass-auth .um-field.um-field-checkbox input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin: 2px 0 0 0 !important;
  accent-color: #32a5ff !important;
  cursor: pointer !important;
}

/* Текст рядом с чекбоксом */
.glass-auth .um-field.um-field-checkbox label,
.glass-auth .um-field.um-field-checkbox span {
  color: #eaf2ff !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  margin: 0 !important;
}
/* === GDPR чекбокс + текст согласия === */
.glass-auth .um-field-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 15px 0 20px !important;
}

/* Сам чекбокс */
.glass-auth .um-field-checkbox input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #32a5ff !important; /* синий стиль галочки */
  cursor: pointer !important;
}

/* Текст рядом с чекбоксом */
.glass-auth .um-field-checkbox .um-field-checkbox-option {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #eaf2ff !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  white-space: normal !important; /* разрешаем перенос длинного текста */
}/* End custom CSS */
/* Start custom CSS *//* Фон на всю страницу ТОЛЬКО для Register (page-id-2828) */
.page-id-2828,
.page-id-2828 body,
.page-id-2828 #page,          /* у многих тем основной контейнер */
.page-id-2828 .site,
.page-id-2828 .site-content,
.page-id-2828 .content-area,
.page-id-2828 .container {
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(14,165,233,.10), transparent 60%),
    linear-gradient(180deg, #0c1a2a, #0f2336);
}

/* Внутренние обёртки — прозрачные, чтобы не перекрывали градиент */
.page-id-2828 .site-content,
.page-id-2828 .content-area,
.page-id-2828 .container,
.page-id-2828 .elementor-section-wrap,
.page-id-2828 .elementor-section {
  background: transparent !important;
}

/* Убрать вертикальные отступы темы (если они есть) */
.page-id-2828 .site-main,
.page-id-2828 .content-area {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}/* End custom CSS */