/* Welcome Specific Styles */
.hero-white {
    background: #ffffff;
}

.dark .hero-white {
    background: #030712;
}

.glow-blob {
    @apply absolute rounded-full blur-[140px] opacity-40 mix-blend-multiply dark:mix-blend-lighten;
}

.glow-yellow {
    background: radial-gradient(circle, #fbbf24 0%, rgba(251, 191, 36, 0) 70%);
}

@keyframes float {
    0% { transform: translateY(0px) scale(1); }
    50% { transform: translateY(-20px) scale(1.05); }
    100% { transform: translateY(0px) scale(1); }
}

.animate-float {
    animation: float 8s ease-in-out infinite;
}

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

.animate-fade-in {
    animation: fade-in 1.2s ease-out forwards;
}

.nav-link {
    @apply hover:text-blue-600 dark:hover:text-amber-400 transition-all duration-300 font-bold text-[13px] tracking-tight;
}

.glass-clean {
    @apply bg-white/70 dark:bg-slate-900/40 backdrop-blur-md border border-slate-200/50 dark:border-white/5;
}

.grid-bg {
    background-image: 
        linear-gradient(to right, rgba(0,0,0,0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0,0,0,0.05) 1px, transparent 1px);
    background-size: 40px 40px;
}

.dark .grid-bg {
    background-image: 
        linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);
}