/* CSS Animations & Custom Styling */
        body { background-color: #FAFAFA; overflow-x: hidden; }

        /* Marquee Animation (Elegant, Flat, & Pro Version) */
        .marquee-container {
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
            background: #0F243F; /* Warna biru solid gelap */
            color: #FFFFFF; /* Warna putih */
            padding: 14px 0;
            display: flex;
            z-index: 20;
            position: relative;
            box-shadow: 0 10px 20px rgba(15, 36, 63, 0.2);
            border-top: 3px solid #F57C00;
            border-bottom: 3px solid #F57C00;
        }
        .marquee-content {
            display: inline-flex;
            align-items: center;
            animation: marquee 35s linear infinite reverse; /* reverse: bergerak ke kanan */
        }
        .marquee-content span { 
            font-family: 'Fredoka', sans-serif; 
            font-size: 1.15rem; 
            font-weight: 600; 
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }
        .marquee-star {
            color: #F57C00; /* Bintang warna oranye brand */
            font-size: 0.9rem;
            margin: 0 2rem; 
        }
        @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        /* Floating & Wiggle Animations */
        .animate-float-slow { animation: float 6s ease-in-out infinite; }
        .animate-float-fast { animation: float 4s ease-in-out infinite; }
        .animate-wiggle { animation: wiggle 3s ease-in-out infinite; }

        @keyframes float {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-12px) rotate(2deg); }
        }
        @keyframes wiggle {
            0%, 100% { transform: rotate(-3deg); }
            50% { transform: rotate(3deg); }
        }

        /* SVG Background Patterns */
        .bg-dots {
            background-image: radial-gradient(#0F243F 2px, transparent 2px);
            background-size: 32px 32px;
            opacity: 0.03;
        }

        /* Hover Cards */
        .card-hover { transition: all 0.3s ease; }
        .card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08); }

        /* Hide Scrollbar for Slider */
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }