/* form.css — conversion form (#form anchor) */
.form {
  position: relative;
  max-width: 900px;
  margin: 0 auto clamp(48px, 6vw, 120px);
  padding: clamp(28px, 3.5vw, 56px) clamp(24px, 4vw, 72px);
  background:
    radial-gradient(60% 120% at 90% 0%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 60%),
    linear-gradient(135deg, #4aa78e 0%, #38a78c 60%, #63bda3 100%);
  border-radius: clamp(24px, 3vw, 48px);
  box-shadow: 0 20px 45px rgba(11, 23, 37, 0.2);
  scroll-margin-top: 120px;
}

.form__head {
  text-align: center;
  margin-bottom: clamp(24px, 3vw, 40px);
  color: var(--color-white);
}

.form__title {
  color: var(--color-white);
  font-weight: 700;
  font-size: clamp(24px, 2.6vw, 42px);
  line-height: 1.2;
  margin-bottom: clamp(10px, 1.2vw, 18px);
}

.form__subtitle {
  font-weight: 500;
  font-size: clamp(15px, 1.15vw, 20px);
  line-height: 1.45;
  opacity: 0.95;
}

.form__body {
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 1.5vw, 20px);
}

.form__field {
  display: block;
}

.form__input {
  width: 100%;
  padding: clamp(14px, 1.3vw, 20px) clamp(18px, 1.8vw, 28px);
  background: var(--color-white);
  border: 2px solid transparent;
  border-radius: clamp(14px, 1.35vw, 22px);
  font-size: clamp(15px, 1.05vw, 19px);
  color: var(--color-ink);
  transition: border-color 0.2s ease;
}

.form__input::placeholder {
  color: #8a8c8e;
}

.form__input:focus {
  outline: none;
  border-color: var(--color-ink);
}

.form__submit {
  margin-top: clamp(6px, 0.8vw, 12px);
  padding: clamp(16px, 1.5vw, 24px);
  background: var(--color-ink);
  color: var(--color-white);
  font-weight: 700;
  font-size: clamp(17px, 1.35vw, 26px);
  border-radius: clamp(16px, 1.5vw, 24px);
  transition: transform 0.2s ease, background 0.2s ease;
}

.form__submit:hover {
  transform: translateY(-2px);
  background: #16273a;
}