/* Custom styles for Pawpaw Analytics */

.hero-banner {
  text-align: center;
  padding: 2rem 1rem;
  margin-bottom: 2rem;
}

.hero-image {
  max-width: 200px;
  height: auto;
  margin-bottom: 1rem;
}

.content-preview {
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem;
}

.contact-form {
  max-width: 600px;
  margin: 2rem auto;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.contact-form button:hover {
  background-color: #3d6b50;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}