@media (max-width: 768px) {
  .hero {
    padding: 20px;
  }

  .hero h1 {
    font-size: 2rem;
    text-align: center;
  }

  textarea {
    width: 100%;
    height: 200px;
    font-size: 0.95rem;
  }

  .row {
    flex-direction: column;
    width: 100%;
    gap: 15px;
  }

  .select-wrapper {
    width: 100%;
  }

  button {
    width: 20%;
    padding: 12px;
    font-size: 1rem;
  }
}