.inline-form {
  display: flex;
  gap: var(--space-xs);
  align-items: center;
}

.inline-form input[type='email'],
.inline-form-sm input[type='email'] {
  flex: 1;
  min-width: 0;
}

.inline-form-sm {
  display: flex;
  gap: var(--space-xs);
  align-items: center;
}

input[type='email'],
input[type='text'],
textarea {
  border-radius: var(--radius-pill);
  border: 1.5px solid #c6c6c6;
  padding: 0.7rem 1rem;
  font-size: 0.95rem;
  outline: none;
  width: 100%;
  background: #ffffff;
}

textarea {
  border-radius: var(--radius-md);
  min-height: 120px;
}

input:focus,
textarea:focus {
  border-color: var(--color-accent);
}

.form-message {
  min-height: 1.2rem;
  font-size: 0.9rem;
  margin-top: 0.4rem;
}

.form-message.success {
  color: #2e7d32;
}

.form-message.error {
  color: #d7263d;
}

.spinner {
  display: none;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid #ffffff88;
  border-top-color: #ffffff;
  animation: spin 0.8s linear infinite;
}

button.is-loading .spinner {
  display: inline-block;
}



@media (max-width: 900px) {
  .inline-form {
  width: 100%;
}
}