@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* Use Poppins as the primary site font */
        body {
            font-family: 'Poppins', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
        }

        h1,
        h2,
        h3,
        h4 {
            font-weight: 700;
        }

        /* --- HERO SLIDER --- */
        .hero-slide {
            position: absolute;
            inset: 0;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transform: scale(1.05);
            transition: opacity 1.5s ease-in-out, transform 6s ease-in-out;
        }

        .hero-slide.active {
            opacity: 1;
            transform: scale(1);
        }

        @keyframes fade-in {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fade-in {
            animation: fade-in 1s ease-out forwards;
            opacity: 0;
        }

        .animate-fade-in.delay-200 {
            animation-delay: 0.2s;
        }

        .animate-fade-in.delay-400 {
            animation-delay: 0.4s;
        }

        html {
            scroll-behavior: smooth;
        }

        /* Glassmorphism */
        .glass {
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 1rem;
        }

        /* Gradients */
        .bg-gradient-emerald {
            background: linear-gradient(135deg, #00C851 0%, #007E33 100%);
        }

        .bg-gradient-gold {
            background: linear-gradient(135deg, #FFD93D 0%, #FFB200 100%);
        }

    html {
      scroll-behavior: smooth;
    }

    /* Loader overlay */
.loader {
  position: fixed;
  inset: 0;
  z-index: 999999; /* way above everything */
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(240, 255, 247, 0.7); /* light green tint */
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px); /* essential for Safari/iOS */
  pointer-events: all;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

/* Hide animation */
.loader.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Loader content */
.loader__content {
  text-align: center;
  animation: fadeIn 1s ease both;
}

.loading-text {
  font-weight: 600;
  color: #065f46;
  font-size: 1.1rem;
}

.loading-dots .dot {
  width: 6px;
  height: 6px;
  margin: 0 2px;
  background-color: #10b981;
  border-radius: 50%;
  display: inline-block;
  animation: bounce 1.4s infinite ease-in-out both;
}

.loading-dots .dot:nth-child(1) { animation-delay: -0.32s; }
.loading-dots .dot:nth-child(2) { animation-delay: -0.16s; }

@keyframes bounce {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}