#contact {
  margin-top: 100px;
  text-align: center;
}

#contact h2 {
  color: #f5e000;
  margin-bottom: 10px;
}

#contact p {
  color: #b3b3b3;
  margin-bottom: 30px;
}

#contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.input-group {
  display: flex;
  gap: 15px;
  width: 100%;
  max-width: 600px;
}

input, textarea {
  width: 100%;
  padding: 12px;
  background: #0f0f0f;
  border: 1px solid #333;
  color: #00ff9c;
  border-radius: 6px;
  font-family: 'Share Tech Mono', monospace;
  font-size: 1rem;
  outline: none;
  transition: 0.2s ease;
}

input:focus, textarea:focus {
  border-color: #00ff9c;
  box-shadow: 0 0 8px rgba(0, 255, 156, 0.6);
}

textarea {
  min-height: 120px;
  max-width: 600px;
  resize: vertical;
  resize: none;
}

.btn-neon.yellow {
  border-color: #f5e000;
  color: #f5e000;
}

.btn-neon.yellow:hover{
  color: black;
}

.form-message {
  margin-top: 15px;
  font-size: 0.9rem;
  color: #00ff9c;
}