.elementor-5221 .elementor-element.elementor-element-1631b0f{--display:flex;}.elementor-5221 .elementor-element.elementor-element-1631b0f:not(.elementor-motion-effects-element-type-background), .elementor-5221 .elementor-element.elementor-element-1631b0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for shortcode, class: .elementor-element-6ba24c6a */@import url('https://fonts.googleapis.com/css2?family=Lora:wght@600;700&family=Inter:wght@400;500;600&display=swap');


body.page-id-5221,
body.page-template-default {
}

.page-header {
  display: none !important;
}



.um.um-login {
  max-width: 460px !important;
  background: #ffffff !important;
  border-radius: 24px !important;
  padding: 48px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.08) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Синяя полоска сверху */
.um.um-login::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 4px !important;
  background: linear-gradient(135deg, #1b3a5c, #2e7daf) !important;
}


.um-login .um-field-label label {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #1b3a5c !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* =============================
   ПОЛЯ ВВОДА
   ============================= */
.um-login .um-form-field {
  width: 100% !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  border: 1.5px solid #e8e3db !important;
  background: #f7f5f1 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #333 !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  outline: none !important;
}

.um-login .um-form-field:focus {
  border-color: #2e7daf !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(46,125,175,0.1) !important;
}

.um-login .um-form-field::placeholder {
  color: #bbb !important;
}

/* =============================
   ОТСТУПЫ ПОЛЕЙ
   ============================= */
.um-login .um-field {
  margin-bottom: 18px !important;
}

.um-login .um-row {
  margin: 0 0 8px 0 !important;
}

/* =============================
   ЧЕКБОКС "Keep me signed in"
   ============================= */
.um-login .um-field-checkbox-option {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: #666 !important;
}

.um-login .um-col-alt {
  margin-top: 8px !important;
}

/* =============================
   КНОПКИ
   ============================= */

/* Login button */
.um-login #um-submit-btn,
.um-login input.um-button {
  width: 100% !important;
  padding: 15px !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: 'Lora', serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #1b3a5c, #2e5a8a) !important;
  cursor: pointer !important;
  box-shadow: 0 6px 20px rgba(27,58,92,0.3) !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.3px !important;
}

.um-login #um-submit-btn:hover {
  background: linear-gradient(135deg, #2e7daf, #1b3a5c) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(27,58,92,0.4) !important;
}

/* Register button */
.um-login a.um-button.um-alt {
  width: 100% !important;
  padding: 15px !important;
  border-radius: 12px !important;
  font-family: 'Lora', serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1b3a5c !important;
  background: #f0ede8 !important;
  border: none !important;
  text-align: center !important;
  display: block !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.um-login a.um-button.um-alt:hover {
  background: #e5e0d8 !important;
  transform: translateY(-1px) !important;
}

/* Кнопки рядом — убрать половинный width */
.um-login .um-half {
  width: 100% !important;
  float: none !important;
  margin-bottom: 10px !important;
}

.um-login .um-left,
.um-login .um-right {
  float: none !important;
  width: 100% !important;
}

/* =============================
   FORGOT PASSWORD
   ============================= */
.um-login .um-col-alt-b {
  text-align: center !important;
  margin-top: 20px !important;
  padding-top: 20px !important;
  border-top: 1px solid #f0ede8 !important;
}

.um-login .um-link-alt {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: #2e7daf !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.2s !important;
}

.um-login .um-link-alt:hover {
  color: #1b3a5c !important;
  text-decoration: underline !important;
}

/* =============================
   СКРЫТЬ АНТИСПАМ ПОЛЕ
   ============================= */
.um_request_name {
  display: none !important;
}

/* =============================
   АДАПТИВ
   ============================= */
@media (max-width: 480px) {
  .um.um-login {
    padding: 32px 24px !important;
    border-radius: 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1631b0f */@import url('https://fonts.googleapis.com/css2?family=Lora:wght@600;700&family=Inter:wght@400;500;600&display=swap');

/* =============================
   КАРТОЧКА ПОЛЬЗОВАТЕЛЯ
   ============================= */
.um.um-logout {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 28px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.07) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  font-family: 'Inter', sans-serif !important;
  max-width: 320px !important;
}

/* =============================
   ВЕРХНЯЯ ЧАСТЬ: аватар + имя
   ============================= */
.um-logout .um-misc-with-img {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #f0ede8 !important;
}

/* Аватар */
.um-logout .um-misc-img {
  flex-shrink: 0 !important;
}

.um-logout .um-avatar {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  border: 3px solid #f0ede8 !important;
  object-fit: cover !important;
  display: block !important;
  transition: border-color 0.2s !important;
}

.um-logout .um-misc-img a:hover .um-avatar {
  border-color: #2e7daf !important;
}

/* Имя пользователя */
.um-logout .um-misc-with-img > div:last-child strong {
  font-family: 'Lora', serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1b3a5c !important;
  display: block !important;
}

/* =============================
   СПИСОК ССЫЛОК
   ============================= */
.um-logout .um-misc-ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.um-logout .um-misc-ul li {
  margin: 0 !important;
  padding: 0 !important;
}

.um-logout .um-misc-ul li a {
  display: block !important;
  padding: 11px 16px !important;
  border-radius: 12px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #555 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  background: #f7f5f1 !important;
}

/* Your account — синяя при ховере */
.um-logout .um-misc-ul li:first-child a:hover {
  background: #1b3a5c !important;
  color: #ffffff !important;
}

/* Logout — красная при ховере */
.um-logout .um-misc-ul li:last-child a {
  color: #e74c3c !important;
  background: #fff5f5 !important;
}

.um-logout .um-misc-ul li:last-child a:hover {
  background: #fde8e8 !important;
  color: #c0392b !important;
}

/* Иконки */
.um-logout .um-misc-ul li:first-child a::before {
  content: '👤 ' !important;
}

.um-logout .um-misc-ul li:last-child a::before {
  content: '🚪 ' !important;
}/* End custom CSS */