body {
            background-color: #090712;
            color: #f3f4f6;
            font-family: 'Plus Jakarta Sans', sans-serif;
            overflow-x: hidden;
        }

        /* Glassmorphism effects */
        .glass-panel {
            background: rgba(18, 15, 36, 0.75);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(139, 92, 246, 0.18);
        }

        .glass-panel-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-panel-hover:hover {
            border-color: rgba(139, 92, 246, 0.5);
            transform: translateY(-4px);
            box-shadow: 0 12px 30px -10px rgba(139, 92, 246, 0.3);
        }

        .glass-nav {
            background: rgba(9, 7, 18, 0.85);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        /* Ambient Glow Highlights */
        .radial-glow-purple {
            background: radial-gradient(circle, rgba(139, 92, 246, 0.18) 0%, rgba(9, 7, 18, 0) 70%);
        }

        .radial-glow-cyan {
            background: radial-gradient(circle, rgba(6, 182, 212, 0.15) 0%, rgba(9, 7, 18, 0) 70%);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #090712;
        }
        ::-webkit-scrollbar-thumb {
            background: #271f45;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #8b5cf6;
        }

        /* Voxel 3D Canvas Box */
        .voxel-container {
            position: relative;
            perspective: 1000px;
        }