body { font-family: 'Inter', sans-serif; background-color: #111844; color: #FFFFFF; overflow-x: hidden; scroll-behavior: smooth; }
        .oswald-header { font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; }
        
        /* Glassmorphism Classes */
        .glass-panel { background: rgba(17, 24, 68, 0.65); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.1); }
        .glass-panel-light { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); }

        /* Animation System */
        .page-view { display: none; opacity: 0; transform: translateY(20px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .page-view-active { display: block; opacity: 1; transform: translateY(0); }

        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.visible { opacity: 1; transform: translateY(0); }
        
        .slide-in-left { opacity: 0; transform: translateX(-60px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
        .slide-in-left.visible { opacity: 1; transform: translateX(0); }

        .slide-in-right { opacity: 0; transform: translateX(60px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
        .slide-in-right.visible { opacity: 1; transform: translateX(0); }

        /* Parallax & Infinite Loop Backgrounds */
        @keyframes infiniteScrollLeft {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .looping-bg-track { display: flex; width: 200%; animation: infiniteScrollLeft 35s linear infinite; }

        /* Custom Range Slider & Orange glow */
        .glow-orange { filter: drop-shadow(0 0 10px rgba(255, 87, 34, 0.6)); }
        .glow-orange-border { border-color: #FF5722; box-shadow: 0 0 20px rgba(255, 87, 34, 0.4); }

        .nav-sweep { position: relative; }
        .nav-sweep::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -4px; left: 0; background-color: #FF5722; transition: width 0.4s ease; }
        .nav-sweep:hover::after { width: 100%; }

        /* Scroll Bar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #111844; }
        ::-webkit-scrollbar-thumb { background: #FF5722; }