body {
            font-family: "Roboto", sans-serif;
            background-color: #000000;
            color: #FFFFFF;
            overflow-x: hidden;
        }

        .font-display {
            font-family: "Trade Winds", system-ui;
        }

        /* Custom Scrollbar Engine */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #000000;
        }
        ::-webkit-scrollbar-thumb {
            background: #FF0000;
        }

        /* Scroll Reveal Framework Classes */
        .reveal-node {
            opacity: 0;
            transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
            will-change: transform, opacity;
        }
        .reveal-left { transform: translateX(-60px); }
        .reveal-right { transform: translateX(60px); }
        .reveal-bottom { transform: translateY(60px); }
        .reveal-scale { transform: scale(0.95); }
        
        .active-reveal {
            opacity: 1 !important;
            transform: translateX(0) translateY(0) scale(1) !important;
        }

        /* Custom Underline Animation */
        .nav-link-underline {
            position: relative;
        }
        .nav-link-underline::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #FF0000;
            transition: width 0.3s ease;
        }
        .nav-link-underline:hover::after {
            width: 100%;
        }

        /* Hide native scrollbar but allow native scrolling mechanics */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Multipage Virtual System Views */
        .app-view {
            display: none;
        }
        .app-view.view-active {
            display: block;
        }