/* Tailwind directives removed (using CDN) */

/* Custom Styles */
body {
    background-color: #F9FAFB;
    color: #1f2937;
}

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

.glass-panel {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.bg-dot-grid {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.15) 1.5px, transparent 1.5px);
    background-size: 30px 30px;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0) rotate(0);
    }

    50% {
        transform: translateY(-20px) rotate(2deg);
    }
}

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

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