/* ============================================================
   Стилизация ШТАТНОЙ формы Tilda под дизайн Apollo.
   Куда вставить: Настройки сайта → Ещё → HTML-код для вставки внутрь HEAD,
   обернув в теги ...</style>.
   Селектор .uc-apollo-form — задайте этот класс блоку формы:
   у блока → Настройки (шестерёнка) → CSS-класс → uc-apollo-form
   ============================================================ */

.uc-apollo-form {
  background: #07070A !important;
}

/* контейнер формы */
.uc-apollo-form .t-form {
  max-width: 720px;
  margin: 0 auto;
}

/* поля ввода */
.uc-apollo-form .t-input,
.uc-apollo-form .t-input-phonemask__wrap input {
  background: #121319 !important;
  border: 1px solid #22242E !important;
  border-radius: 999px !important;
  color: #F2F1EE !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 15px !important;
  padding: 14px 20px !important;
  height: auto !important;
  transition: border-color .2s;
}
.uc-apollo-form .t-input:focus {
  border-color: #FF6A1A !important;
  outline: none !important;
}
.uc-apollo-form .t-input::placeholder {
  color: rgba(242,241,238,.34) !important;
}

/* кнопка отправки */
.uc-apollo-form .t-submit {
  background: #FF6A1A !important;
  color: #0A0A0C !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 14px 30px !important;
  height: auto !important;
  transition: background .2s, transform .2s;
}
.uc-apollo-form .t-submit:hover {
  background: #FF9052 !important;
  transform: translateY(-1px);
}

/* чекбокс согласия и мелкий текст */
.uc-apollo-form .t-checkbox__control,
.uc-apollo-form .t-form__errorbox-item,
.uc-apollo-form .t-text {
  color: rgba(242,241,238,.52) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-size: 12.5px !important;
}
.uc-apollo-form .t-checkbox__indicator {
  border-color: #22242E !important;
}

/* сообщение об успешной отправке */
.uc-apollo-form .t-form__successbox {
  background: rgba(255,106,26,.12) !important;
  border: 1px solid #FF6A1A !important;
  color: #F2F1EE !important;
  border-radius: 14px !important;
}