body {
            font-family: 'Inter', sans-serif;
        }
        .gradient-bg {
            background: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #60a5fa 100%);
        }
        .gradient-text {
            background: linear-gradient(135deg, #1e40af, #3b82f6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .card-hover {
            transition: all 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .hero-bg {
            background-image: linear-gradient(rgba(30, 64, 175, 0.8), rgba(59, 130, 246, 0.8)), url('https://economyglobal.com/wp-content/uploads/2024/08/Vietnam-maritime.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        .animate-counter {
            animation: countUp 2s ease-out;
        }
        @keyframes countUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .flag-en::before {
            content: "🇺🇸";
            margin-right: 8px;
        }
        .flag-vn::before {
            content: "🇻🇳";
            margin-right: 8px;
        }
        .outside-top {
            position: absolute;
            top: -100px;
            right: -100px;
            background-color: #ef4444;
            color: white;
            padding: 2px 6px;
            font-size: 10px;
            border-radius: 4px;
            z-index: -9999;
        }