body {
            font-family: 'Rubik', sans-serif;
            background-color: #F5F7FA;
            color: #202940;
            overflow-x: hidden;
        }

        /* Smooth scrolling custom adjustments */
        .reveal-element {
            opacity: 0;
            transform: translateY(40px);
            filter: blur(8px);
            transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal-element.active {
            opacity: 1;
            transform: translateY(0);
            filter: blur(0);
        }

        /* Custom glow effects for high-end battery aesthetics */
        .glow-yellow-hover:hover {
            box-shadow: 0 0 25px rgba(255, 214, 90, 0.4);
            border-color: #FFD65A;
        }

        .glow-green-hover:hover {
            box-shadow: 0 0 25px rgba(10, 124, 110, 0.4);
            border-color: #0A7C6E;
        }

        /* Glassmorphism utility */
        .glass-card {
            background: rgba(32, 41, 64, 0.7);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        /* Marquee speed adjustments */
        @keyframes marquee-left {
            0% { transform: translateX(0%); }
            100% { transform: translateX(-50%); }
        }

        @keyframes marquee-right {
            0% { transform: translateX(-50%); }
            100% { transform: translateX(0%); }
        }

        .animate-marquee-left {
            display: flex;
            width: max-content;
            animation: marquee-left 25s linear infinite;
        }

        .animate-marquee-right {
            display: flex;
            width: max-content;
            animation: marquee-right 25s linear infinite;
        }

        /* Page View Switch Transitions */
        .page-view {
            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }
        .page-view.hidden-view {
            display: none;
            opacity: 0;
            transform: translateY(15px);
        }
        .page-view.active-view {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        /* Animated energy lines & flow dot pulse mechanics */
        @keyframes pulseDot {
            0% { transform: scale(1); opacity: 0.9; }
            50% { transform: scale(1.6); opacity: 0.4; }
            100% { transform: scale(1); opacity: 0.9; }
        }
        .flow-dot {
            animation: pulseDot 2s infinite ease-in-out;
        }

        @keyframes energyDash {
            to {
                stroke-dashoffset: -40;
            }
        }
        .energy-line-path {
            stroke-dasharray: 8 4;
            animation: energyDash 1.5s infinite linear;
        }

        /* Custom scrollbar hiding */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }