@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Space+Mono:wght@400;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

:root {
  --s-bg: #090C10;
  --s-bg-2: #0B0D12;
  --s-card: rgba(12, 17, 27, 0.72);
  --s-field: rgba(17, 21, 32, 0.96);
  --s-blue: #4D9FFF;
  --s-cyan: #4DD4E8;
  --s-text: #FFFFFF;
  --s-muted: #6B7FA3;
  --s-muted-2: #3D4F6B;
  --s-border: rgba(77, 159, 255, 0.24);
  --s-border-focus: rgba(77, 159, 255, 0.72);
}

/* чтобы кастомные секции не пропадали из-за opacity:0 */
.sh,
.sh.vis,
.fade-in,
.fade-in.vis,
.prod-header,
.prod-header.visible,
.prod-card,
.prod-card.visible {
  opacity: 1 !important;
  transform: none !important;
}

/* базовый фон сайта */
body,
.t-body,
#allrecords {
  background: var(--s-bg-2) !important;
}

/* ==========================================================
   ФОРМА
   ========================================================== */

#rec2350727831 {
  position: relative !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(77,159,255,0.10), transparent 38%),
    linear-gradient(180deg, #090C10 0%, #070A0F 100%) !important;
  padding: 0 0 96px !important;
  overflow: hidden !important;
}

#rec2350727831 *,
#rec2350727831 *::before,
#rec2350727831 *::after {
  box-sizing: border-box !important;
}

/* центрируем тильдовский контейнер формы */
#rec2350727831 .t-container,
#rec2350727831 .t-width,
#rec2350727831 .t-width_100,
#rec2350727831 .t123 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#rec2350727831 .t-col,
#rec2350727831 [class*="t-col_"],
#rec2350727831 [class*="t-prefix_"] {
  float: none !important;
  width: min(820px, 100%) !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* сама форма — как аккуратная HUD-карточка */
#rec2350727831 form,
#rec2350727831 .t-form,
#rec2350727831 .t-form__inputsbox {
  width: 100% !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: var(--s-card) !important;
  border: 1px solid var(--s-border) !important;
  box-shadow:
    0 0 0 1px rgba(77,159,255,0.04) inset,
    0 28px 90px rgba(0,0,0,0.32) !important;
  padding: 28px !important;
}

/* если в нативной форме остались заголовок/описание — делаем в стиле сайта */
#rec2350727831 .t-form__title,
#rec2350727831 .t706__title {
  font-family: 'Orbitron', monospace !important;
  font-weight: 900 !important;
  font-size: clamp(26px, 3.4vw, 42px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: var(--s-text) !important;
  margin: 0 0 12px !important;
}

#rec2350727831 .t-form__descr,
#rec2350727831 .t706__descr {
  max-width: 620px !important;
  margin: 0 auto 32px !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  text-align: center !important;
  color: var(--s-muted) !important;
}

/* ВАЖНО: не делаем t-input-group flex — из-за этого сейчас ломается телефон и поля */
#rec2350727831 .t-input-group,
#rec2350727831 .t-form__field,
#rec2350727831 .tn-form__field,
#rec2350727831 .t-form__inputsrow,
#rec2350727831 .t-form__col {
  display: block !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* блок под input */
#rec2350727831 .t-input-block {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* лейблы — маленькие, без рамок и без левой колонки */
#rec2350727831 .t-input-title,
#rec2350727831 .t-form__label,
#rec2350727831 label {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: 'Space Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--s-text) !important;
  text-align: left !important;
}

/* подсказки под лейблом */
#rec2350727831 .t-input-subtitle {
  display: block !important;
  margin: -2px 0 8px !important;
  padding: 0 !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: var(--s-muted) !important;
  background: transparent !important;
  border: 0 !important;
}

/* обычные поля */
#rec2350727831 input.t-input,
#rec2350727831 textarea.t-input,
#rec2350727831 select.t-input,
#rec2350727831 input[type="text"],
#rec2350727831 input[type="tel"],
#rec2350727831 input[type="email"],
#rec2350727831 input[type="number"],
#rec2350727831 textarea,
#rec2350727831 select {
  display: block !important;
  width: 100% !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  background-color: var(--s-field) !important;
  border: 1px solid var(--s-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 58px !important;
  color: var(--s-text) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease !important;
}

#rec2350727831 input.t-input:focus,
#rec2350727831 textarea.t-input:focus,
#rec2350727831 select.t-input:focus,
#rec2350727831 input:focus,
#rec2350727831 textarea:focus,
#rec2350727831 select:focus {
  border-color: var(--s-border-focus) !important;
  box-shadow: 0 0 0 3px rgba(77,159,255,0.10), 0 0 28px rgba(77,159,255,0.10) !important;
}

#rec2350727831 input::placeholder,
#rec2350727831 textarea::placeholder {
  color: var(--s-muted-2) !important;
  opacity: 1 !important;
}

/* комментарий */
#rec2350727831 textarea.t-input,
#rec2350727831 textarea {
  height: auto !important;
  min-height: 132px !important;
  line-height: 1.55 !important;
  padding: 16px 18px !important;
  resize: vertical !important;
}

/* select со стрелкой */
#rec2350727831 select.t-input,
#rec2350727831 select {
  padding-right: 46px !important;
  cursor: pointer !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9'%3E%3Cpath d='M1 1.5L6.5 7L12 1.5' stroke='%234D9FFF' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 13px 9px !important;
}

#rec2350727831 select option {
  background: #111520 !important;
  color: #FFFFFF !important;
}

/* телефонная маска Тильды: стилизуем только внутреннюю обёртку телефона, а не весь .t-input-group */
#rec2350727831 .t-input-phonemask__wrap,
#rec2350727831 .t-phone__wrapper,
#rec2350727831 .t-input-group_ph .t-input-block > div {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--s-field) !important;
  border: 1px solid var(--s-border) !important;
  box-shadow: none !important;
}

#rec2350727831 .t-input-phonemask__wrap:focus-within,
#rec2350727831 .t-phone__wrapper:focus-within,
#rec2350727831 .t-input-group_ph .t-input-block > div:focus-within {
  border-color: var(--s-border-focus) !important;
  box-shadow: 0 0 0 3px rgba(77,159,255,0.10), 0 0 28px rgba(77,159,255,0.10) !important;
}

#rec2350727831 .t-input-phonemask__wrap input,
#rec2350727831 .t-phone__wrapper input,
#rec2350727831 .t-input-group_ph input {
  height: 56px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 56px !important;
}

#rec2350727831 .t-input-phonemask__select,
#rec2350727831 .t-input-phone__flag-btn,
#rec2350727831 .t-phone__wrapper [class*="flag"],
#rec2350727831 .t-phone__wrapper [class*="code"] {
  width: auto !important;
  min-width: 66px !important;
  height: 56px !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 12px !important;
  background: rgba(77,159,255,0.07) !important;
  border: 0 !important;
  border-right: 1px solid rgba(77,159,255,0.18) !important;
  color: var(--s-blue) !important;
  font-family: 'Space Mono', monospace !important;
  font-size: 12px !important;
}

/* убираем лишние внутренние рамки у элементов телефонной маски */
#rec2350727831 .t-input-phonemask__wrap *,
#rec2350727831 .t-phone__wrapper * {
  box-shadow: none !important;
}

/* кнопка */
#rec2350727831 .t-form__submit {
  display: block !important;
  width: 100% !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#rec2350727831 .t-submit,
#rec2350727831 button[type="submit"],
#rec2350727831 input[type="submit"],
#rec2350727831 .js-submit-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 62px !important;
  height: 62px !important;
  margin: 0 !important;
  padding: 0 30px !important;
  background: var(--s-blue) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 12px 42px rgba(77,159,255,0.18) !important;
  cursor: pointer !important;
  font-family: 'Orbitron', monospace !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #070A0F !important;
  transition: background .22s ease, transform .22s ease, box-shadow .22s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#rec2350727831 .t-submit:hover,
#rec2350727831 button[type="submit"]:hover,
#rec2350727831 input[type="submit"]:hover,
#rec2350727831 .js-submit-btn:hover {
  background: var(--s-cyan) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 48px rgba(77,212,232,0.22) !important;
}

#rec2350727831 .t-submit span,
#rec2350727831 .js-submit-btn span {
  color: #070A0F !important;
  font-family: 'Orbitron', monospace !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* согласие / политика */
#rec2350727831 .t-checkbox__indicator,
#rec2350727831 .t-checkbox__control {
  border-color: var(--s-border) !important;
}

#rec2350727831 .t-form__agreement,
#rec2350727831 .t-form__agree,
#rec2350727831 [class*="agreement"],
#rec2350727831 [class*="agree"] {
  margin-top: 14px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: var(--s-muted) !important;
}

#rec2350727831 .t-form__agreement a,
#rec2350727831 .t-form__agree a,
#rec2350727831 [class*="agreement"] a,
#rec2350727831 [class*="agree"] a {
  color: var(--s-blue) !important;
  text-decoration: none !important;
}

/* ошибки */
#rec2350727831 .js-error-control-box .t-input,
#rec2350727831 input.error,
#rec2350727831 textarea.error,
#rec2350727831 select.error,
#rec2350727831 .js-field-error-border {
  border-color: rgba(232, 64, 64, 0.78) !important;
}

#rec2350727831 .t-input-error,
#rec2350727831 .js-field-error,
#rec2350727831 .t-form__errorbox-wrapper,
#rec2350727831 [class*="error"] {
  color: #E84040 !important;
  font-family: 'Space Mono', monospace !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
  letter-spacing: 0.05em !important;
}

/* успех */
#rec2350727831 .t-form__successbox,
#rec2350727831 .t-form__success {
  width: min(820px, calc(100vw - 40px)) !important;
  margin: 0 auto !important;
  padding: 30px !important;
  background: rgba(74,232,138,0.06) !important;
  border: 1px solid rgba(74,232,138,0.34) !important;
  color: #4AE88A !important;
  text-align: center !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

/* мобильная версия */
@media (max-width: 767px) {
  #rec2350727831 {
    padding-bottom: 64px !important;
  }

  #rec2350727831 .t-container,
  #rec2350727831 .t-width,
  #rec2350727831 .t-width_100,
  #rec2350727831 .t123 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #rec2350727831 form,
  #rec2350727831 .t-form,
  #rec2350727831 .t-form__inputsbox {
    padding: 18px !important;
    max-width: 100% !important;
  }

  #rec2350727831 .t-input-title,
  #rec2350727831 .t-form__label,
  #rec2350727831 label {
    font-size: 9px !important;
    letter-spacing: 0.18em !important;
  }

  #rec2350727831 input.t-input,
  #rec2350727831 select.t-input,
  #rec2350727831 input[type="text"],
  #rec2350727831 input[type="tel"],
  #rec2350727831 input[type="email"],
  #rec2350727831 input[type="number"],
  #rec2350727831 select {
    height: 54px !important;
    line-height: 54px !important;
    font-size: 14px !important;
  }

  #rec2350727831 .t-input-phonemask__wrap,
  #rec2350727831 .t-phone__wrapper,
  #rec2350727831 .t-input-group_ph .t-input-block > div {
    height: 54px !important;
  }

  #rec2350727831 .t-submit,
  #rec2350727831 button[type="submit"],
  #rec2350727831 input[type="submit"],
  #rec2350727831 .js-submit-btn {
    min-height: 58px !important;
    height: 58px !important;
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}