:root { scroll-behavior: smooth; }
        body { 
            background-color: #355872; 
            color: #9CD5FF; 
            font-family: 'PT Sans Narrow', sans-serif;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }

        /* 🎥 HERO FIXED VIDEO LOGIC */
        .video-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            z-index: -10;
            overflow: hidden;
        }
        .video-background video {
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            object-fit: cover;
            filter: brightness(0.4) contrast(1.1);
        }

        /* 🖼️ PARALLAX SECTION LOGIC */
        .parallax-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            z-index: -5;
            background-image: url('https://images.unsplash.com/photo-1542751371-adc38448a05e?q=80&w=2070');
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 0.8s ease;
            filter: brightness(0.3);
        }
        .parallax-active .parallax-bg {
            opacity: 1;
        }

        /* UI ENHANCEMENTS */
        .glow-text { text-shadow: 0 0 15px rgba(156, 213, 255, 0.7); }
        .glow-border { border: 1px solid rgba(156, 213, 255, 0.3); box-shadow: 0 0 10px rgba(156, 213, 255, 0.1); }
        .glow-btn { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .glow-btn:hover { box-shadow: 0 0 20px rgba(156, 213, 255, 0.5); transform: translateY(-3px); }

        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s ease-out; }
        .reveal.visible { opacity: 1; transform: translateY(0); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #1a2c3a; }
        ::-webkit-scrollbar-thumb { background: #9CD5FF; border-radius: 10px; }

        /* Multipage visibility */
        .page-content { display: none; }
        .page-content.active { display: block; }