.elementor-26673 .elementor-element.elementor-element-ed710ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26673 .elementor-element.elementor-element-8a67760{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26673 .elementor-element.elementor-element-9b7e431{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:479px){.elementor-26673 .elementor-element.elementor-element-ed710ff{--width:1600px;}}@media(max-width:767px) and (min-width:480px){.elementor-26673 .elementor-element.elementor-element-ed710ff{--width:1600px;}}/* Start custom CSS for container, class: .elementor-element-ed710ff *//* =========================================
   DataPulse Auth - Login + Registration
   Clean Version
========================================= */

.dp-auth-clean,
.dp-auth-clean * {
  box-sizing: border-box !important;
}

html,
body {
  overflow-x: hidden !important;
}

/* Главный контейнер */
.dp-auth-clean.dp-auth-two {
  width: 100% !important;
  max-width: 1120px !important;
  min-width: 0 !important;

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

  display: grid !important;
  grid-template-columns: repeat(2, minmax(320px, 1fr)) !important;
  gap: 28px !important;
  align-items: flex-start !important;

  background: transparent !important;
  overflow: visible !important;
}

/* Карточки */
.dp-auth-clean .dp-auth-box,
.dp-auth-clean .dp-auth-login-box,
.dp-auth-clean .dp-auth-register-box {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 30px 28px 28px !important;

  border-radius: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;

  background:
    radial-gradient(circle at 8% 0%, rgba(185, 152, 255, 0.13), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(255, 146, 75, 0.11), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.018)),
    rgba(18, 15, 24, 0.78) !important;

  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;

  overflow: hidden !important;
}

/* Шапка карточки */
.dp-auth-clean .dp-auth-box-head {
  margin-bottom: 24px !important;
}

.dp-auth-clean .dp-auth-box-head span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-bottom: 14px !important;
  padding: 7px 12px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;

  background: rgba(255,255,255,0.055) !important;
  color: rgba(255,255,255,0.72) !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.dp-auth-clean .dp-auth-box-head h2 {
  margin: 0 0 10px !important;

  color: #ffffff !important;
  font-size: 32px !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
}

.dp-auth-clean .dp-auth-box-head p {
  width: 100% !important;
  max-width: 330px !important;
  margin: 0 !important;

  color: rgba(255,255,255,0.64) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

/* =========================================
   User Registration Reset
========================================= */

.dp-auth-clean .user-registration,
.dp-auth-clean .user-registration-page,
.dp-auth-clean .entry-content .user-registration,
.dp-auth-clean .user-registration-form,
.dp-auth-clean .ur-frontend-form,
.dp-auth-clean form.user-registration-form-login,
.dp-auth-clean form.register,
.dp-auth-clean .ur-form-row,
.dp-auth-clean .ur-form-grid,
.dp-auth-clean .ur-field-item,
.dp-auth-clean .form-row,
.dp-auth-clean .ur-frontend-form p,
.dp-auth-clean .user-registration-form-login p {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  float: none !important;
  clear: both !important;
}

.dp-auth-clean .ur-frontend-form .ur-form-row,
.dp-auth-clean .ur-frontend-form .ur-form-grid,
.dp-auth-clean .ur-frontend-form .ur-field-item,
.dp-auth-clean .ur-frontend-form .form-row,
.dp-auth-clean .user-registration-form-login .form-row {
  display: block !important;
  margin-bottom: 16px !important;
}

/* Убираем лишние псевдо-элементы */
.dp-auth-clean .ur-frontend-form::before,
.dp-auth-clean .ur-frontend-form::after {
  content: none !important;
  display: none !important;
}

/* Labels */
.dp-auth-clean label,
.dp-auth-clean .ur-label,
.dp-auth-clean .user-registration-form__label,
.dp-auth-clean .ur-field-item label,
.dp-auth-clean .form-row label {
  display: block !important;
  width: 100% !important;

  margin: 0 0 8px 0 !important;

  color: rgba(255,255,255,0.72) !important;

  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

.dp-auth-clean .required,
.dp-auth-clean abbr.required,
.dp-auth-clean .user-registration-Required {
  color: #e89a5d !important;
  text-decoration: none !important;
  border: none !important;
}

/* Поля */
.dp-auth-clean input[type="text"],
.dp-auth-clean input[type="email"],
.dp-auth-clean input[type="password"],
.dp-auth-clean input[type="tel"],
.dp-auth-clean input[type="number"],
.dp-auth-clean input[type="url"],
.dp-auth-clean select,
.dp-auth-clean textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  min-height: 54px !important;
  height: 54px !important;

  padding: 0 16px !important;

  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.13) !important;

  background: rgba(255,255,255,0.045) !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  outline: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04) !important;

  transition:
    border-color 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease !important;
}

.dp-auth-clean input::placeholder,
.dp-auth-clean textarea::placeholder {
  color: rgba(255,255,255,0.34) !important;
}

.dp-auth-clean input:focus,
.dp-auth-clean select:focus,
.dp-auth-clean textarea:focus {
  border-color: rgba(232,154,93,0.76) !important;
  background: rgba(255,255,255,0.07) !important;

  box-shadow:
    0 0 0 4px rgba(232,154,93,0.08),
    inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

/* Autofill */
.dp-auth-clean input:-webkit-autofill,
.dp-auth-clean input:-webkit-autofill:hover,
.dp-auth-clean input:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  box-shadow: 0 0 0 1000px #17111f inset !important;
  border-color: rgba(232,154,93,0.65) !important;
}

/* Кнопки */
.dp-auth-clean .ur-button-container,
.dp-auth-clean .user-registration-Button-container,
.dp-auth-clean .user-registration-form-login__submit,
.dp-auth-clean p.form-row:last-of-type {
  width: 100% !important;
  max-width: 100% !important;

  margin: 18px 0 0 0 !important;
  padding: 0 !important;

  display: block !important;
  text-align: center !important;

  float: none !important;
  clear: both !important;
}

.dp-auth-clean button,
.dp-auth-clean button[type="submit"],
.dp-auth-clean input[type="submit"],
.dp-auth-clean .button,
.dp-auth-clean .user-registration-Button,
.dp-auth-clean .ur-submit-button {
  position: relative !important;

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

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  min-height: 56px !important;
  height: 56px !important;

  padding: 0 28px !important;
  margin: 8px 0 0 0 !important;

  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.13), rgba(255,255,255,0.045)),
    linear-gradient(135deg, rgba(105,85,140,0.72), rgba(74,52,43,0.76)) !important;

  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
  text-align: center !important;

  cursor: pointer !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(255,148,84,0.16) !important;

  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

.dp-auth-clean button:hover,
.dp-auth-clean input[type="submit"]:hover,
.dp-auth-clean .button:hover,
.dp-auth-clean .user-registration-Button:hover,
.dp-auth-clean .ur-submit-button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(238,169,118,0.42) !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.055)),
    linear-gradient(135deg, rgba(116,95,153,0.78), rgba(88,58,43,0.82)) !important;
}

/* Чекбокс */
.dp-auth-clean input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  accent-color: #e89a5d !important;
}

/* Ссылки */
.dp-auth-clean a {
  color: rgba(238,169,118,0.92) !important;
  text-decoration: none !important;
  font-weight: 750 !important;
}

.dp-auth-clean a:hover {
  color: #ffffff !important;
}

/* Сообщения */
.dp-auth-clean .user-registration-MyAccount-content,
.dp-auth-clean .user-registration-message,
.dp-auth-clean .user-registration-info,
.dp-auth-clean .user-registration-error {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 0 16px 0 !important;
  padding: 14px 16px !important;

  border-radius: 15px !important;
  border: 1px solid rgba(238,169,118,0.22) !important;

  background: rgba(18,15,24,0.64) !important;
  color: #ffffff !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* Ошибки */
.dp-auth-clean .ur-error,
.dp-auth-clean .validate-required.woocommerce-invalid input,
.dp-auth-clean .woocommerce-invalid input {
  border-color: rgba(255,104,104,0.56) !important;
}

/* =========================================
   Tablet
========================================= */

@media (max-width: 1024px) {
  .dp-auth-clean.dp-auth-two {
    max-width: 900px !important;
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
    gap: 22px !important;
    padding: 44px 14px !important;
  }

  .dp-auth-clean .dp-auth-box {
    padding: 26px 22px 24px !important;
  }

  .dp-auth-clean .dp-auth-box-head h2 {
    font-size: 28px !important;
  }
}

/* =========================================
   Mobile
   Главное: блок реально растягивается на экран
========================================= */

@media (max-width: 820px) {

  /* Пробиваем Elementor-родителей, где возможно */
  .elementor-section:has(.dp-auth-clean.dp-auth-two),
  .elementor-container:has(.dp-auth-clean.dp-auth-two),
  .elementor-column:has(.dp-auth-clean.dp-auth-two),
  .elementor-widget-wrap:has(.dp-auth-clean.dp-auth-two),
  .elementor-widget-container:has(.dp-auth-clean.dp-auth-two),
  .e-con:has(.dp-auth-clean.dp-auth-two),
  .e-con-inner:has(.dp-auth-clean.dp-auth-two) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    overflow: visible !important;
  }

  .dp-auth-clean.dp-auth-two {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 20px 10px 30px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;

    justify-items: stretch !important;
    align-items: stretch !important;

    overflow: visible !important;
  }

  .dp-auth-clean .dp-auth-box,
  .dp-auth-clean .dp-auth-login-box,
  .dp-auth-clean .dp-auth-register-box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding: 22px 16px 20px !important;
    border-radius: 22px !important;
  }

  .dp-auth-clean .dp-auth-box-head {
    margin-bottom: 22px !important;
  }

  .dp-auth-clean .dp-auth-box-head h2 {
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    max-width: 100% !important;
  }

  .dp-auth-clean .dp-auth-box-head p {
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .dp-auth-clean input[type="text"],
  .dp-auth-clean input[type="email"],
  .dp-auth-clean input[type="password"],
  .dp-auth-clean input[type="tel"],
  .dp-auth-clean input[type="number"],
  .dp-auth-clean input[type="url"],
  .dp-auth-clean select,
  .dp-auth-clean textarea {
    height: 52px !important;
    min-height: 52px !important;
    font-size: 14px !important;
  }

  .dp-auth-clean button,
  .dp-auth-clean button[type="submit"],
  .dp-auth-clean input[type="submit"],
  .dp-auth-clean .button,
  .dp-auth-clean .user-registration-Button,
  .dp-auth-clean .ur-submit-button {
    height: 54px !important;
    min-height: 54px !important;
  }
}

/* Маленькие телефоны */
@media (max-width: 480px) {
  .dp-auth-clean.dp-auth-two {
    padding: 18px 8px 28px !important;
    gap: 16px !important;
  }

  .dp-auth-clean .dp-auth-box {
    padding: 20px 14px 18px !important;
    border-radius: 20px !important;
  }

  .dp-auth-clean .dp-auth-box-head h2 {
    font-size: 24px !important;
  }
}/* End custom CSS */