/* Global Styles */
        html { scroll-behavior: smooth; }
        body { 
            background-color: #050505; 
            color: #e2e8f0; 
            overflow-x: hidden; 
            position: relative;
        }
        
        /* Particle Canvas */
        #particle-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background-color: #050505;
        }

        /* Glassmorphism Classes */
        .glass { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.1); }
        .glass-card { 
            background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%); 
            backdrop-filter: blur(20px); 
            border: 1px solid rgba(255, 255, 255, 0.08); 
            transition: all 0.4s ease; 
        }
        .glass-card:hover { 
            transform: translateY(-5px); 
            border-color: rgba(99, 102, 241, 0.4); 
            box-shadow: 0 15px 30px -10px rgba(99, 102, 241, 0.2); 
        }

        /* Typography & Decor */
        .text-gradient { 
            background: linear-gradient(to right, #6366f1, #ec4899, #8b5cf6); 
            -webkit-background-clip: text; 
            -webkit-text-fill-color: transparent; 
        }
        .reveal { opacity: 0; transform: translateY(30px); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        
        /* Quote Decoration */
        .quote-icon {
            font-size: 8rem;
            position: absolute;
            opacity: 0.1;
            font-family: serif;
            color: #ec4899;
            z-index: 0;
        }

        /* Fixed Header Styles */
        .fixed-header-wrapper { transition: all 0.3s ease; }
        main { padding-top: 6.5rem; }