:root { scroll-behavior: smooth; }
        body { 
            font-family: 'Sora', sans-serif;
            background-color: #1D2B53;
            color: #FAEF5D;
            overflow-x: hidden;
            margin: 0;
        }

        /* Marquee Animation */
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .marquee-content {
            display: flex;
            white-space: nowrap;
            animation: marquee 25s linear infinite;
        }

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

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #1D2B53; }
        ::-webkit-scrollbar-thumb { background: #FAEF5D; }

        /* Diagonal Overlap Cards */
        .card-stack {
            position: relative;
            height: 600px;
        }
        .overlap-card {
            position: absolute;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            cursor: pointer;
            border: 2px solid #FAEF5D;
        }
        .overlap-card:hover {
            transform: scale(1.05) rotate(0deg) !important;
            z-index: 50 !important;
            background-color: #FAEF5D;
            color: #1D2B53;
        }

        /* Horizontal Scroll Simulation */
        .horizontal-container {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            gap: 2rem;
            padding: 2rem;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .horizontal-container::-webkit-scrollbar { display: none; }
        .horizontal-panel {
            min-width: 80vw;
            scroll-snap-align: center;
        }

        /* Interactive Strips */
        .info-strip {
            transition: all 0.4s ease;
            border-bottom: 1px solid rgba(29, 43, 83, 0.2);
        }
        .info-strip:hover {
            padding-left: 3rem;
            background-color: #1D2B53;
            color: #FAEF5D;
        }

        /* Circular Layout */
        .circle-container {
            position: relative;
            width: 400px;
            height: 400px;
            border: 1px dashed rgba(250, 239, 93, 0.3);
            border-radius: 50%;
        }
        .circle-item {
            position: absolute;
            transform: translate(-50%, -50%);
            transition: all 0.3s ease;
        }

        /* Line Progress Animation */
        .progress-line {
            height: 2px;
            background: rgba(29, 43, 83, 0.1);
            position: relative;
        }
        .progress-dot {
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: left 2s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        /* Video Mockup Animation */
        .hero-video-bg {
            background: linear-gradient(135deg, #1D2B53 0%, #2a3d75 100%);
            position: relative;
            overflow: hidden;
        }
        .hero-video-bg::after {
            content: '';
            position: absolute;
            width: 200%; height: 200%;
            top: -50%; left: -50%;
            background: radial-gradient(circle, rgba(250, 239, 93, 0.05) 0%, transparent 70%);
            animation: rotateBg 20s linear infinite;
        }
        @keyframes rotateBg { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

        /* Nav Link Glow */
        .nav-glow:hover {
            text-shadow: 0 0 10px rgba(250, 239, 93, 0.8);
        }