body {
            background-color: #050507;
            color: #e2e1f2;
            overflow-x: hidden;
            position: relative;
        }

        /* Level 0 Background */
        .bg-layer-0 {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: -2;
            background: radial-gradient(circle at 50% 50%, rgba(0, 240, 255, 0.05) 0%, transparent 60%),
                        radial-gradient(circle at 80% 20%, rgba(122, 92, 255, 0.05) 0%, transparent 50%);
        }

        /* Level 1 Architectural Layer (Simulated) */
        .bg-layer-1 {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: -1;
            opacity: 0.3;
            background-image: 
                radial-gradient(circle at 15% 50%, rgba(255, 255, 255, 0.03) 2px, transparent 2px),
                radial-gradient(circle at 85% 30%, rgba(255, 255, 255, 0.03) 2px, transparent 2px);
            background-size: 100px 100px;
        }
        
        .glass-panel {
            background: rgba(40, 41, 54, 0.4);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .project-card {
            transition: all 0.3s ease;
        }
        
        .project-card:hover {
            transform: translateY(-4px);
            background: rgba(40, 41, 54, 0.6);
            border-color: rgba(0, 240, 255, 0.3);
            box-shadow: 0 10px 30px -10px rgba(0, 240, 255, 0.1);
        }