body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.glass-nav {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.hero-gradient {
    background: linear-gradient(135deg, rgba(0, 102, 51, 0.95) 0%, rgba(0, 102, 51, 0.8) 100%);
}

.bg-hero-green {
   background: linear-gradient(135deg,
            rgba(0, 102, 51, 0.90) 0%,
            rgba(12, 181, 92, 0.85) 100%);
}


.text-gradient {
    background: linear-gradient(to right, #403434, #f50c0c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 102, 51, 0.1);
}

.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.input-modern {
    @apply w-full px-5 py-4 rounded-2xl border border-gray-100 bg-gray-50 focus:bg-white focus:ring-4 focus:ring-emerald-50 focus:border-emerald-600 outline-none transition-all duration-300;
}

.hero-overlay {
    background: linear-gradient(135deg,
            rgba(0, 102, 51, 0.90) 0%,
            rgba(12, 181, 92, 0.85) 100%);
}