@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap');
        body { font-family: 'Noto Sans SC', sans-serif; }
        .hero-gradient { background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); }
        .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); }
        .nav-active { border-bottom: 3px solid #2a5298; }
        .flink { transition: all 0.2s ease; padding: 8px 15px; border-radius: 6px; border: 1px solid #e5e7eb; }
        .flink:hover { background-color: #f8fafc; border-color: #2a5298; color: #2a5298; }
        .solution-icon { width: 70px; height: 70px; }
        .section-padding { padding-top: 5rem; padding-bottom: 5rem; }
        @media (max-width: 768px) { .section-padding { padding-top: 3rem; padding-bottom: 3rem; } }
        .animate-fade-in-up { animation: fadeInUp 0.8s ease-out; }
        @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }