.lqa-form {
  position: relative;
  max-width: 620px;
  margin: 0 auto;
  padding: 2.5rem;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 50px rgba(0, 0, 0, .08);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lqa-form *, .lqa-form *::before, .lqa-form *::after { box-sizing: border-box; }
.lqa-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.lqa-form__field { margin-bottom: 1.125rem; }
.lqa-form__field label { display: block; margin-bottom: .375rem; font-weight: 600; color: #191919; }
.lqa-form__field input,
.lqa-form__field select,
.lqa-form__field textarea {
  width: 100%;
  padding: .8rem .9rem;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  background: #fff;
  color: #191919;
  font: inherit;
}
.lqa-form__field input:focus,
.lqa-form__field select:focus,
.lqa-form__field textarea:focus { outline: 3px solid rgba(27, 104, 251, .2); border-color: #1b68fb; }
.lqa-form__check { display: flex; gap: .65rem; align-items: flex-start; margin: 1.1rem 0; color: #505050; }
.lqa-form__check input { flex: 0 0 auto; margin-top: .25rem; }
.lqa-form__check label { font-size: .92rem; line-height: 1.5; }
.lqa-form__submit { width: 100%; padding: 1rem 1.5rem; border: 0; border-radius: 5px; background: #1b68fb; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.lqa-form__submit:hover:not(:disabled) { background: #1450c9; }
.lqa-form__submit:disabled { opacity: .6; cursor: wait; }
.lqa-form__status { display: none; margin: 1rem 0 0; padding: .85rem 1rem; border-left: 3px solid currentColor; }
.lqa-form__status:not(:empty) { display: block; }
.lqa-form__status--success { background: #e8f5e9; color: #1b5e20; }
.lqa-form__status--error { background: #ffebee; color: #8a1010; }
.lqa-form__status--hold { background: #f5efe6; color: #604b2f; }
.lqa-form__trap { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.lqa-form__notice { padding: 1rem; border-left: 3px solid #8b6f47; background: #f5efe6; }

@media (max-width: 560px) {
  .lqa-form { padding: 1.5rem; }
  .lqa-form__row { grid-template-columns: 1fr; gap: 0; }
}