/* Custom styles */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

.font-space {
    font-family: 'Space Grotesk', sans-serif;
}

/* Modern browser gradient text fix - Firefox & webkit */
/* Override Tailwind's bg-clip-text class */
.bg-clip-text {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    /* Standard CSS fallback for all browsers */
    color: transparent !important;
}

/* Force gradient backgrounds to show */
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}

/* Animation */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
        filter: drop-shadow(0 0 5px rgba(0, 217, 255, 0.5));
    }
    50% {
        opacity: 0.8;
        transform: scale(1.1);
        filter: drop-shadow(0 0 15px rgba(0, 217, 255, 0.8));
    }
}

@keyframes glow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(0, 217, 255, 0.7);
    }
    50% {
        box-shadow: 0 0 30px rgba(0, 217, 255, 1);
    }
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Custom scrollbar - Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #1a202c;
}

::-webkit-scrollbar-thumb {
    background: #00D9FF;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #00b8e6;
}

/* Custom scrollbar - Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #00D9FF #1a202c;
}