/* Glassmorphism Utilities */
.glass {
    @apply bg-white/70 backdrop-blur-xl border border-white/20 shadow-lg;
}

.glass-dark {
    @apply dark:bg-slate-900/60 dark:backdrop-blur-xl dark:border-white/10 dark:shadow-black/20;
}

/* Neo-Glass Card */
.neo-glass {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
}

.dark .neo-glass {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
}

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

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

.animate-float-delayed {
    animation: float 7s ease-in-out infinite 2s;
}

@keyframes aurora {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.bg-aurora {
    background: linear-gradient(-45deg, #10B981, #8B5CF6, #34D399, #6366f1);
    background-size: 400% 400%;
    animation: aurora 15s ease infinite;
}

/* Tilt Effect Base */
.tilt-card {
    transition: transform 0.1s ease;
    transform-style: preserve-3d;
}

.tilt-card:hover {
    transform: perspective(1000px) rotateX(2deg) rotateY(2deg) scale(1.02);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: transparent; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb {
    background: #334155; 
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* Utility to hide scrollbar but keep functionality */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}