body {
	padding: 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}

h1 {
	font-size: 16px;
	margin-top: 0;
}

p {
	color: rgb(107, 114, 128);
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.card {
	max-width: 620px;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid lightgray;
	border-radius: 16px;
}
.card p:last-child {
	margin-bottom: 0;
}
/* WhatsApp button styles */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

@keyframes ping {
  0% { transform: scale(0.8); opacity: 0.8; }
  70% { transform: scale(1.3); opacity: 0; }
  100% { transform: scale(0.8); opacity: 0; }
}

.fixed.bottom-6.right-6 a {
  animation: pulse 1.5s infinite;
}

.fixed.bottom-6.right-6 a:hover {
  animation: none;
  transform: scale(1.05);
}

.animate-ping {
  animation: ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.group:hover .group-hover\:scale-105 {
  transform: scale(1.05);
}
.group:hover .group-hover\:bg-green-50 {
  background-color: #f0fdf4;
}
/* Mobile Menu Styles */
#mobile-menu {
  position: fixed;
  top: 64px;
  left: 0;
  right: 0;
  z-index: 40;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: top;
  transform: scaleY(0);
  opacity: 0;
  height: 0;
}

#mobile-menu:not(.hidden) {
  transform: scaleY(1);
  opacity: 1;
  height: auto;
  padding-bottom: 1rem;
}

#mobile-menu-button.active svg line:nth-child(1) {
  opacity: 0;
}

#mobile-menu-button.active svg line:nth-child(2) {
  transform: rotate(45deg) translateY(5px);
}

#mobile-menu-button.active svg line:nth-child(3) {
  transform: rotate(-45deg) translateY(-5px);
}