/* Custom Styles */
.nav-link {
    @apply text-gray-600 hover:text-primary px-3 py-2 rounded-md text-sm font-medium transition-colors border-b-2 border-transparent hover:border-primary;
}

.nav-link.active {
    @apply text-primary border-primary;
}

.mobile-nav-link {
    @apply text-gray-600 hover:text-primary hover:bg-blue-50 rounded-md text-base font-medium transition-colors;
}

.feature-card {
    @apply transform hover:-translate-y-1 transition-all duration-300;
}

.tech-illustration {
    @apply animate-pulse;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.6s ease-out;
}

/* Language switcher styles */
.lang-menu-open {
    @apply block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-title {
        @apply text-3xl;
    }
    
    .feature-grid {
        @apply grid-cols-1;
    }
}

/* Loading states */
.loading {
    @apply opacity-50 pointer-events-none;
}

/* Focus states for accessibility */
.nav-link:focus,
.mobile-nav-link:focus,
button:focus,
a:focus {
    @apply outline-none ring-2 ring-primary ring-offset-2;
}

/* Print styles */
@media print {
    .no-print {
        display: none !important;
    }
}