*, *::before, *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            scroll-behavior: smooth;
            
            -webkit-user-select: none; /* Chrome/Safari/Opera */
            -moz-user-select: none;    /* Firefox */
            -ms-user-select: none;     /* IE/Edge */
            user-select: none;         /* Standar */
            
            -webkit-touch-callout: none; /* Matikan menu pop-up (Copy/Paste) saat tekan lama di HP */
            -webkit-tap-highlight-color: transparent; /* Matikan warna biru saat tombol/link ditekan di Android */
        }
        
        /* Pengecualian: Biarkan input dan textarea tetap bisa diketik */
        input, textarea {
            -webkit-user-select: text !important;
            -moz-user-select: text !important;
            -ms-user-select: text !important;
            user-select: text !important;
        }

        /* Mencegah seleksi teks */
        .no-select {
            -webkit-user-select: none; /* Safari */
            -ms-user-select: none; /* IE 10 and IE 11 */
            user-select: none; /* Standard syntax */
        }

        body {
            font-family: 'Space Grotesk', sans-serif;
        }

        /* Loader Animation */
        @keyframes loaderPulse {
            0%, 100% { opacity: 0.3; }
            50% { opacity: 1; }
        }
        .loader-pulse {
            animation: loaderPulse 1.5s ease-in-out infinite;
        }

        /* Strip Animations */
        @keyframes stripMove {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }
        @keyframes stripMoveReverse {
            from { transform: translateX(-50%); }
            to { transform: translateX(0); }
        }
        .animate-strip { animation: stripMove 30s linear infinite; }
        .animate-strip-reverse { animation: stripMoveReverse 30s linear infinite; }

        /* Fade In Up Animation */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in-up {
            animation: fadeInUp 1s ease forwards;
            opacity: 0;
        }
        .delay-500 { animation-delay: 0.5s; }
        .delay-700 { animation-delay: 0.7s; }
        .delay-900 { animation-delay: 0.9s; }

        /* Hide Scrollbar for Chrome, Safari and Opera */
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        
        /* Hide Scrollbar for IE, Edge and Firefox */
        .hide-scrollbar {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }

        /* Reveal Animation */
        .reveal {
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s ease;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* FAQ Answer Animation */
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
        }
        .faq-item.active .faq-answer {
            max-height: 300px;
        }
        .faq-item.active .faq-icon {
            transform: rotate(180deg);
        }

        /* Brand Hidden */
        .brand-hidden {
            transform: translateY(100%);
            transition: transform 0.4s ease;
        }
        .brand-item:hover .brand-hidden {
            transform: translateY(0);
        }

        /* Philosophy Card Shine Effect */
        .philosophy-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, transparent, #f5f5f5, transparent);
            transform: translateX(-100%);
            transition: transform 0.5s ease;
        }
        .philosophy-card:hover::before {
            transform: translateX(100%);
        }