/* Base Styles */
        body {
            background-color: var(--soft-white);
            color: var(--deep-ink);
            font-family: var(--font-body);
            scroll-behavior: smooth;
        }
        
        /* Custom Glassmorphism Effect */
        .glass-effect {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 8px 32px 0 rgba(106, 155, 255, 0.15);
        }

        /* Custom Scrollbar for aesthetic */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: var(--soft-white); }
        ::-webkit-scrollbar-thumb { background: var(--lavender-gray); border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: var(--cyber-blue); }

        /* Custom Animations */
        @keyframes fadeInSlideUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .fade-in-up {
            animation: fadeInSlideUp 0.8s ease-out forwards;
            opacity: 0;
        }
        
        /* Floating effect for hero section */
        @keyframes float {
            0% { transform: translate(0, 0) rotate(0deg); }
            50% { transform: translate(5px, -15px) rotate(1deg); }
            100% { transform: translate(0, 0) rotate(0deg); }
        }
        .floating-shape {
            animation: float 8s ease-in-out infinite;
        }
        
        /* Custom Scroll Reveal Classes (set via JS) */
        .scrolling-reveal { opacity: 0; transition: opacity 0.8s, transform 0.8s; }
        .scrolling-reveal.active { opacity: 1; transform: translateY(0); }