@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
    @import url('https://unpkg.com/swiper/swiper-bundle.min.css');
        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
        :root {
            --primary-color: #0B2447;
            --secondary-color: #19376D;
            --accent-color: #19A7CE;
            --light-color: #A5D7E8;
            --gradient-primary: linear-gradient(135deg, #0B2447, #19376D);
            --gradient-secondary: linear-gradient(135deg, #19A7CE, #A5D7E8);
        }
        .animate-fade-in {
            animation: fadeIn 1s ease-in-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-slide-in {
            animation: slideIn 0.5s ease-in-out;
        }
        @keyframes slideIn {
            from { opacity: 0; transform: translateX(-20px); }
            to { opacity: 1; transform: translateX(0); }
        }
        .feature-icon {
            transition: all 0.3s ease;
        }
        .feature-card:hover .feature-icon {
            transform: scale(1.1);
        }
        .erp-card {
            transition: all 0.3s ease;
        }
        .erp-card:hover {
            transform: translateY(-5px);
        }