body {
            font-family: 'Quicksand', 'Noto Sans SC', sans-serif;
            background-color: #0f0c29;
            overflow-x: hidden;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.1);
        }
        ::-webkit-scrollbar-thumb {
            background: rgba(139, 92, 246, 0.5);
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: rgba(139, 92, 246, 0.8);
        }

        /* Animations */
        @keyframes float-1 {
            0%, 100% { transform: translate(0, 0) scale(1); }
            33% { transform: translate(100px, -50px) scale(1.2); }
            66% { transform: translate(-20px, 20px) scale(1.1); }
        }
        @keyframes float-2 {
            0%, 100% { transform: translate(0, 0) scale(1); }
            33% { transform: translate(-100px, 100px) scale(1.5); }
            66% { transform: translate(50px, -50px) scale(0.9); }
        }
        @keyframes float-3 {
            0%, 100% { transform: translate(0, 0) scale(0.8); }
            50% { transform: translate(50px, 50px) scale(1); }
        }

        .animate-float-1 { animation: float-1 20s infinite linear; }
        .animate-float-2 { animation: float-2 25s infinite linear; }
        .animate-float-3 { animation: float-3 15s infinite linear; }

        .glass-nav {
            background-color: rgba(26, 22, 56, 0.7);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        .mobile-menu-enter {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
        }
        .mobile-menu-enter-active {
            max-height: 500px;
            opacity: 1;
        }