/* Base & Scrollbar */
        body { font-family: 'Poppins', sans-serif; }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #F8FAFC; }
        .dark ::-webkit-scrollbar-track { background: #0f172a; }
        ::-webkit-scrollbar-thumb { background: #06038D; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #FF671F; }

        /* Scroll Progress Bar */
        #scroll-progress {
            position: fixed; top: 0; left: 0; width: 0%; height: 4px;
            background: #FF671F; z-index: 1000; transition: width 0.1s;
        }

        /* Preloader */
        #preloader {
            position: fixed; inset: 0; background: #F8FAFC; z-index: 9999;
            display: flex; justify-content: center; align-items: center; transition: opacity 0.5s ease;
        }
        .dark #preloader { background: #0f172a; }
        .loader-circle {
            width: 50px; height: 50px; border: 4px solid #06038D; border-top-color: #FF671F;
            border-radius: 50%; animation: spin 1s linear infinite;
        }
        @keyframes spin { 100% { transform: rotate(360deg); } }

        /* Strict Hover Enforcements */
        .hover-accent:hover { color: #FF671F !important; }
        .hover-accent-bg:hover { background-color: #FF671F !important; color: white !important; border-color: #FF671F !important; }
        .hover-accent-border:hover { border-color: #FF671F !important; }
        
        /* Glassmorphism */
        .glass-card {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.18);
        }
        .dark .glass-card {
            background: rgba(30, 41, 59, 0.7);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        /* Hero Background Animations */
        .hero-bg {
            background: linear-gradient(135deg, rgba(6,3,141,0.05) 0%, rgba(4,106,56,0.05) 100%);
            position: relative; overflow: hidden;
        }
        .dark .hero-bg { background: linear-gradient(135deg, rgba(6,3,141,0.2) 0%, rgba(4,106,56,0.1) 100%); }
        
        .floating-icon {
            position: absolute; color: rgba(6, 3, 141, 0.1);
            animation: float 6s ease-in-out infinite;
        }
        .dark .floating-icon { color: rgba(255, 255, 255, 0.05); }
        @keyframes float {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(10deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }

        /* Typewriter Cursor */
        .typewriter-cursor { animation: blink 0.7s infinite; }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

        /* Infinite Marquee */
        .marquee-container {
            display: flex; overflow: hidden; width: 100%; white-space: nowrap;
        }
        .marquee-content {
            display: flex; animation: marquee 30s linear infinite;
        }
        .marquee-container:hover .marquee-content { animation-play-state: paused; }
        @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        /* Brand Logos */
        .brand-logo { filter: grayscale(100%); opacity: 0.7; transition: all 0.3s; }
        .brand-logo:hover { filter: grayscale(0%); opacity: 1; }

        /* Cards Hover lift */
        .card-lift { transition: all 0.3s ease; border: 2px solid transparent; }
        .card-lift:hover { transform: translateY(-8px) scale(1.02); border-color: #FF671F; }

        /* Accordion */
        .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }
        .accordion-active .accordion-content { max-height: 200px; }
        .accordion-active .fa-chevron-down { transform: rotate(180deg); color: #FF671F; }