## ТЗ на кастомизацию блока формы Tilda

### Фон блока
- Цвет фона: `#F7F3EE` (Warm White — продолжение блока 11b)
- Верхняя граница: тонкая линия `1px`, цвет `rgba(184,146,74,0.25)`, через настройки отступов или CSS

### Заголовок блока (H2 в Tilda)
- Шрифт: **Onest** (добавить через Tilda → Шрифты → Google Fonts → Onest)
- Начертание: Bold 700
- Размер: 28px десктоп / 22px мобайл
- Цвет: `#0F1A3A`
- Межбуквенный интервал: -1%

### Подзаголовок / описание
- Шрифт: **Inter**
- Размер: 15px
- Цвет: `#5A5550`
- Межстрочный: 1.6

### Поля формы (inputs)
- Фон поля: `#FFFFFF`
- Граница: `1px solid rgba(15,26,58,0.15)`
- Граница в фокусе: `1.5px solid #B8924A`
- Радиус скругления: 10px
- Шрифт внутри: Inter, 14px, цвет `#0F1A3A`
- Плейсхолдер: цвет `#B0A89E`
- Padding: 14px 16px

### Кнопка отправки
- Фон: `#B8924A`
- Цвет текста: `#0F1A3A`
- Шрифт: **Onest**, Bold 700, 15px
- Радиус: 100px (таблетка)
- Padding: 14px 32px
- Hover фон: `#C9A35A`
- Тень: `0 4px 20px rgba(184,146,74,0.3)`
- Ширина: авто (по содержимому), не на всю ширину

### Чекбоксы и согласия
- Галочка активная: `#B8924A`
- Граница чекбокса: `1.5px solid rgba(15,26,58,0.2)`
- Текст согласия: Inter, 12px, цвет `rgba(15,26,58,0.45)`
- Ссылка в тексте согласия: цвет `#B8924A`, без подчёркивания, hover — подчёркивание

### Сообщение об успешной отправке
- Фон: `rgba(184,146,74,0.08)`
- Граница: `1px solid rgba(184,146,74,0.3)`
- Радиус: 14px
- Текст: Onest Bold, 18px, цвет `#0F1A3A`
- Подтекст: Inter, 14px, цвет `#5A5550`

### Дополнительный CSS для вставки в Tilda (Настройки сайта → CSS)

```css
/* Форма заявки isnail.pro/doc */
#rec2317760511 .t-form__inputsbox input,
#rec2317760511 .t-form__inputsbox textarea {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #0F1A3A !important;
  background: #fff !important;
  border: 1px solid rgba(15,26,58,0.15) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  transition: border-color 0.2s !important;
}
#rec2317760511 .t-form__inputsbox input:focus,
#rec2317760511 .t-form__inputsbox textarea:focus {
  border-color: #B8924A !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(184,146,74,0.1) !important;
}
#rec2317760511 .t-form__inputsbox input::placeholder,
#rec2317760511 .t-form__inputsbox textarea::placeholder {
  color: #B0A89E !important;
}
#rec2317760511 .t-submit {
  font-family: 'Onest', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  background: #B8924A !important;
  color: #0F1A3A !important;
  border-radius: 100px !important;
  padding: 14px 32px !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(184,146,74,0.3) !important;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s !important;
  width: auto !important;
}
#rec2317760511 .t-submit:hover {
  background: #C9A35A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 32px rgba(184,146,74,0.42) !important;
}
#rec2317760511 .t-checkbox__indicator {
  border-color: rgba(15,26,58,0.2) !important;
  border-radius: 4px !important;
}
#rec2317760511 .t-checkbox__indicator_checked {
  background: #B8924A !important;
  border-color: #B8924A !important;
}
#rec2317760511 .t-checkbox__text,
#rec2317760511 .t-form__privacy {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  color: rgba(15,26,58,0.45) !important;
}
#rec2317760511 .t-form__privacy a {
  color: #B8924A !important;
  text-decoration: none !important;
}
#rec2317760511 .t-form__privacy a:hover {
  text-decoration: underline !important;
}
```