body {
  font-family: "Plus Jakarta Sans", sans-serif;
  scroll-behavior: smooth;
  color: #1e293b;
  background-color: #ffffff;
}
.bg-wm-mesh {
  background-color: #128c7e;
  background-image:
    radial-gradient(at 0% 0%, hsla(142, 70%, 49%, 1) 0, transparent 50%),
    radial-gradient(at 50% 0%, hsla(339, 81%, 51%, 0.4) 0, transparent 50%),
    radial-gradient(at 100% 0%, hsla(142, 70%, 49%, 1) 0, transparent 50%);
}
.glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.hero-mask {
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}
.btn-modern {
  @apply transition-all duration-300 transform hover:-translate-y-1 active:scale-95;
  border-radius: 1rem;
}
.text-gradient {
  background: linear-gradient(to right, #128c7e, #25d366);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes float-slow {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(2deg);
  }
}
.animate-float-slow {
  animation: float-slow 8s ease-in-out infinite;
}
.glow-green {
  box-shadow: 0 0 50px -10px rgba(37, 211, 102, 0.3);
}