* {
            cursor: default;
        }
        body {
            font-family: 'Dosis', sans-serif;
            background-color: #1A3263;
            color: #F7F4EA;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* SECTION REVEAL ANIMATIONS */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* CUSTOM SCROLLBAR */
        ::-webkit-scrollbar {
            width: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #1A3263;
        }
        ::-webkit-scrollbar-thumb {
            background: #F7F4EA;
            border-radius: 10px;
        }

        /* HEADER TRANSITION */
        header.scrolled {
            padding-top: 1rem;
            padding-bottom: 1rem;
            background: rgba(26, 50, 99, 0.95);
            backdrop-filter: blur(15px);
            border-bottom: 1px solid rgba(247, 244, 234, 0.1);
        }

        /* MARQUEE ANIMATION */
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .marquee {
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
            animation: marquee 40s linear infinite;
        }
        .marquee:hover {
            animation-play-state: paused;
        }

        /* BUTTONS */
        .btn-outline {
            border: 1px solid #F7F4EA;
            color: #F7F4EA;
            padding: 0.75rem 2rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .btn-outline:hover {
            background: #F7F4EA;
            color: #1A3263;
        }

        /* PAGE SYSTEM */
        .page-content {
            display: none;
            animation: fadeIn 0.8s ease forwards;
        }
        .page-content.active {
            display: block;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* GLOWING DIVIDER */
        .glow-hr {
            height: 1px;
            background: linear-gradient(90deg, rgba(247, 244, 234, 0), rgba(247, 244, 234, 0.4), rgba(247, 244, 234, 0));
        }

        /* IMAGE SCROLL CONTAINER */
        .image-scroll-container {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            gap: 2rem;
            padding-bottom: 2rem;
        }
        .image-scroll-container::-webkit-scrollbar {
            height: 4px;
        }
        .image-scroll-container div {
            flex: 0 0 auto;
            scroll-snap-align: start;
        }