.contact-modal-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.contact-modal-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.contact-modal-label {
  font-size: 13px;
  color: var(--muted);
  font-weight: 600;
}

.contact-modal-input,
.contact-modal-textarea {
  width: 100%;
  padding: 11px 12px;
  border-radius: 10px;
  border: 1px solid rgba(31, 42, 58, 0.9);
  background: rgba(15, 23, 36, 0.9);
  color: var(--text);
  font-size: 14px;
}

.contact-modal-input::placeholder,
.contact-modal-textarea::placeholder {
  color: rgba(159, 176, 196, 0.7);
}

.contact-modal-input:focus,
.contact-modal-textarea:focus {
  outline: none;
  border-color: rgba(56, 189, 248, 0.7);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.15);
}

.contact-modal-textarea {
  resize: vertical;
  min-height: 96px;
}

.modal-success {
  border: 1px solid rgba(52, 211, 153, 0.4);
  background: rgba(16, 185, 129, 0.12);
  color: #34d399;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.4;
}