@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* Utilities */
.glass {
    @apply bg-white/70 dark:bg-slate-900/80 backdrop-blur-md border-b border-pink-50 dark:border-slate-800;
}

.card-glass {
    @apply bg-white/80 dark:bg-slate-900 border border-white dark:border-slate-800 shadow-xl;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Particles Background */
.particle {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    animation: float 15s infinite;
    opacity: 0.3;
}

@keyframes float {
    0%, 100% {
        transform: translateY(100vh);
        opacity: 0;
    }
    10%, 90% {
        opacity: 0.3;
    }
    50% {
        transform: translateY(-10vh);
    }
}

/* Blob Animation for Hero Section */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.animate-blob {
    animation: blob 7s infinite;
}

.animation-delay-2000 {
    animation-delay: 2s;
}