/* * ==========================================
         * BRAND IDENTITY & THEME VARIABLES
         * ==========================================
         */
        :root {
            /* --- Identity & Background Colors --- */
            --theme-nav-bg: #418cc3;
            --theme-banner-bg: #2c80b4;
            --theme-footer-bg: #0072bc;
            --theme-bg-body: #f9fafb;
            --theme-bg-hover: #f3f4f6;
            --theme-nav-hover: rgba(255, 255, 255, 0.2);
            --theme-overlay-bg: rgba(0, 0, 0, 0.6);
            
            /* --- Border Colors --- */
            --theme-border-light: #e5e7eb;
            
            /* --- Button Colors --- */
            --theme-btn-primary: #0072bc;
            --theme-btn-primary-hover: #00598f;
            --theme-btn-secondary: #0064a1;
            --theme-btn-secondary-hover: #00598f;
            
            /* --- Icon & Accent Colors --- */
            --theme-icon-bg: var(--theme-nav-bg);
            --theme-accent: var(--theme-nav-bg);
            --theme-accent-hover: #1d4ed8;
            --theme-accent-light: #93c5fd;
            --theme-accent-soft: #eff6ff;
            --theme-badge-bg: #60a5fa;
            
            /* --- Text Colors --- */
            --theme-text-dark: #111827; 
            --theme-text-base: #596477; 
            --theme-text-muted: #5b626e;
            --theme-text-black-80: rgba(0, 0, 0, 0.8);
            --theme-logo-text: #1e3a8a;
            --theme-footer-text: #dbeafe;
            --theme-footer-text-hover: #bfdbfe;
        }

        /* Add this for smooth scrolling */
        html {
            scroll-behavior: smooth;
        }
        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;  
            overflow: hidden;
            line-clamp: 2; /* Standard property for compatibility */
        }

        /* Physical Sliding Transition for the Dropdown */
        #mega-menu {
            transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.2s ease-in-out;
        }
        
        
        /* Material You Sidebar Performance optimization */
        #mobile-sidebar {
            will-change: transform;
            touch-action: none; /* Prevents browser scroll while dragging sidebar */
        }

        /* Carousel Smooth Transition */
        #carousel-inner {
            transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        /* Required Custom Animation CSS */
        @keyframes slide-up {
            0%, 45% { transform: translateY(0); }
            50%, 95% { transform: translateY(-4rem); }
            100% { transform: translateY(0); }
        }
        .animate-slide-up {
            animation: slide-up 8s infinite ease-in-out;
        }
        /* Pause animation on hover for better UX */
        .group:hover .animate-slide-up {
            animation-play-state: paused;
        }


                /* Smooth scrolling */
        html { scroll-behavior: smooth; }
        
        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;  
            overflow: hidden;
            line-clamp: 2;
        }

        /* Physical Sliding Transition for the Dropdown */
        #mega-menu {
            transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.2s ease-in-out;
        }
        
        /* Sidebar Performance optimization */
        #mobile-sidebar {
            will-change: transform;
            touch-action: none;
        }

        /* Smooth View Transitions & Card Animations */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in-up {
            animation: fadeInUp 0.3s ease-out forwards;
        }