.qf-wrap {
  max-width: 920px;
  margin: 0 auto;
  padding: clamp(12px, 2.8vw, 28px);
}

.qf-bubble {
  border: 1px solid rgba(224, 192, 122, 0.38);
  border-radius: 24px;
  padding: clamp(16px, 3vw, 28px);
  color: #1a1423;
  background:
    radial-gradient(120% 140% at 15% 0%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 46%),
    linear-gradient(145deg, #fff6d8 0%, #f4d78f 32%, #ddb567 61%, #b57a1d 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.75),
    inset 0 -4px 10px rgba(120, 74, 10, 0.23),
    0 18px 42px rgba(60, 35, 8, 0.28);
}

.qf-title {
  margin: 0 0 6px;
  font-family: "Playfair Display", "Times New Roman", serif;
}

.qf-sub {
  margin: 0 0 14px;
  opacity: 0.85;
}

.qf-form {
  display: grid;
  gap: 12px;
}

.qf-grid {
  display: grid;
  gap: 12px;
}

.qf-grid--2 {
  grid-template-columns: 1fr;
}

@media (min-width: 760px) {
  .qf-grid--2 {
    grid-template-columns: 1fr 1fr;
  }
}

.qf-field {
  display: grid;
  gap: 6px;
}

.qf-field > span {
  font-weight: 700;
}

.qf-field input,
.qf-field select,
.qf-field textarea {
  width: 100%;
  border: 1px solid rgba(40, 26, 10, 0.25);
  border-radius: 14px;
  padding: 11px 12px;
  min-height: 44px;
  background: rgba(255, 252, 244, 0.92);
  color: #1a1423;
}

.qf-field textarea {
  min-height: 120px;
  resize: vertical;
}

.qf-submit {
  appearance: none;
  border: 0;
  border-radius: 999px;
  padding: 12px 20px;
  min-height: 48px;
  width: max-content;
  font-weight: 800;
  letter-spacing: 0.25px;
  cursor: pointer;
  color: #fff8ec;
  background: linear-gradient(145deg, #ff56b6 0%, #d98f31 55%, #8d5203 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 8px 20px rgba(80, 46, 9, 0.32);
}

.qf-submit:hover {
  filter: brightness(1.03);
}

.qf-message {
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 12px;
  border: 1px solid rgba(26, 20, 35, 0.12);
}

.qf-message--ok {
  background: rgba(232, 255, 237, 0.88);
}

.qf-message--error {
  background: rgba(255, 235, 235, 0.9);
}