:root {
            --blue: #0046FF;
            --gray: #E9E9E9;
            --white: #FFFFFF;
        }
        body {
            font-family: 'Manrope', sans-serif;
            background-color: var(--blue);
            color: var(--white);
            margin: 0;
            overflow-x: hidden;
        }
        
        /* Reveal Animations */
        .reveal-mask {
            display: block;
            overflow: hidden;
        }
        .reveal-text {
            display: block;
            transform: translateY(110%);
            transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .active .reveal-text {
            transform: translateY(0);
        }

        .stagger-item {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .active.stagger-item, .active .stagger-item {
            opacity: 1;
            transform: translateY(0);
        }

        /* Fixed Background Cinema Effect */
        .cinema-bg {
            position: fixed;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            z-index: -1;
            pointer-events: none;
        }

        .section-cinema {
            background-attachment: fixed;
            background-size: cover;
            background-position: center;
        }

        /* Marquee */
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .animate-marquee {
            animation: marquee 12s linear infinite;
        }

        /* Nav Hamburguer */
        .burger-line {
            transition: all 0.3s ease;
        }
        .open .line-1 { transform: translateY(5px) rotate(45deg); }
        .open .line-2 { transform: translateY(-5px) rotate(-45deg); }

        /* Checkerboard Grid */
        .grid-checker > div:nth-child(8n+2),
        .grid-checker > div:nth-child(8n+4),
        .grid-checker > div:nth-child(8n+5),
        .grid-checker > div:nth-child(8n+7) {
            background-color: var(--blue);
            color: white;
        }
        .grid-checker > div:nth-child(8n+1),
        .grid-checker > div:nth-child(8n+3),
        .grid-checker > div:nth-child(8n+6),
        .grid-checker > div:nth-child(8n+8) {
            background-color: var(--gray);
            color: var(--blue);
        }

        .page-view {
            transition: opacity 0.5s ease;
        }