
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Công Nghệ Dầu Khí | Giải Pháp Năng Lượng Toàn Diện</title>
    <meta property="og:image" content="https://upload.io.vn/f/image-1777822076854.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:type" content="article">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://images.weserv.nl/?w=1200&h=630&fit=cover&url=upload.io.vn/f/image-1777822076854.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://upload.io.vn/f/image-1777822076854.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://upload.io.vn/f/image-1777822076854.png">
<link rel="apple-touch-icon" href="https://upload.io.vn/f/image-1777822076854.png">
<link rel="shortcut icon" href="https://upload.io.vn/f/image-1777822076854.png">
    <meta name="description" content="Cập nhật tin tức dầu khí, giá dầu Brent, WTI, phân tích thị trường năng lượng, biến động OPEC, Iran, Mỹ mới nhất mỗi ngày.">
    <script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "WebSite",
 "name": "Công Nghệ Dầu Khí",
 "url": "https://tintuc.congnghedaukhi.com"
}
</script>

    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://unpkg.com/lucide@latest"></script>
    <style type="text/css">@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/cf-fonts/v/plus-jakarta-sans/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}</style>
    <style>
        body { font-family: 'Plus Jakarta Sans', sans-serif; scroll-behavior: smooth; background-color: #f8fafc; }
        .blue-gradient-bg { 
            background: radial-gradient(circle at top right, #1e3a8a, #0f172a);
        }
        .mesh-gradient {
            background-color: #0f172a;
            background-image: 
                radial-gradient(at 0% 0%, hsla(213,85%,36%,1) 0, transparent 50%), 
                radial-gradient(at 50% 0%, hsla(222,81%,11%,1) 0, transparent 50%), 
                radial-gradient(at 100% 0%, hsla(142,70%,45%,1) 0, transparent 50%);
        }
        .glass-nav { 
            background: rgba(15, 23, 42, 0.8); 
            backdrop-filter: blur(12px); 
            border-bottom: 1px solid rgba(255,255,255,0.1); 
        }
        .bento-card { 
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(8px);
        }
        .bento-card:hover { 
            transform: translateY(-8px); 
            background: rgba(255, 255, 255, 0.07);
            border-color: #22c55e;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }
        .white-bento-card {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            background: #ffffff;
            border: 1px solid #e2e8f0;
        }
        .white-bento-card:hover {
            transform: translateY(-8px);
            border-color: #22c55e;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        }
        @keyframes subtle-float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        .float-anim { animation: subtle-float 6s ease-in-out infinite; }
    </style>
</head>
<body class="text-slate-900 overflow-x-hidden">

    <!-- Firebase Analytics Script -->
    <script type="module">
        import { initializeApp } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-app.js";
        import { getFirestore, doc, getDoc, setDoc, onSnapshot, increment } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-firestore.js";
        import { getAuth, signInAnonymously, signInWithCustomToken, onAuthStateChanged } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-auth.js";

        const firebaseConfig = {};
        const appId = "oil-gas-tech-v2";
        const authToken = "null";

        async function initRealtimeStats() {
            if (!firebaseConfig.apiKey) {
                simulateStats();
                return;
            }

            try {
                const app = initializeApp(firebaseConfig);
                const db = getFirestore(app);
                const auth = getAuth(app);
                
                if (authToken && authToken !== "null") {
                    await signInWithCustomToken(auth, authToken);
                } else {
                    await signInAnonymously(auth);
                }

                onAuthStateChanged(auth, async (user) => {
                    if (!user) return;
                    const statsRef = doc(db, 'artifacts', appId, 'public', 'data', 'analytics', 'global');
                    const todayStr = new Date().toISOString().split('T')[0];
                    const dailyRef = doc(db, 'artifacts', appId, 'public', 'data', 'analytics', 'daily_' + todayStr);

                    await setDoc(statsRef, { total: increment(1) }, { merge: true });
                    await setDoc(dailyRef, { count: increment(1) }, { merge: true });

                    onSnapshot(statsRef, (snap) => {
                        if (snap.exists()) document.getElementById('stat-total').innerText = snap.data().total.toLocaleString();
                    });
                    onSnapshot(dailyRef, (snap) => {
                        if (snap.exists()) document.getElementById('stat-today').innerText = snap.data().count.toLocaleString();
                    });
                });
            } catch (e) { simulateStats(); }
        }

        function simulateStats() {
            let total = 128934; let today = 145;
            document.getElementById('stat-total').innerText = total.toLocaleString();
            document.getElementById('stat-today').innerText = today.toLocaleString();
        }
        initRealtimeStats();
    </script>

    <!-- Navigation -->
    <nav id="navbar" class="fixed w-full z-50 transition-all duration-300 py-6">
        <div class="container mx-auto px-6 flex justify-between items-center">
            <div class="flex items-center gap-3">
                <div class="w-10 h-10 bg-green-500 rounded-xl flex items-center justify-center shadow-lg">
                    <i data-lucide="droplet" class="text-white w-6 h-6"></i>
                </div>
                <div class="flex flex-col -space-y-1">
                    <span class="font-black text-xl text-white tracking-tighter uppercase">CÔNG NGHỆ</span>
                    <span class="font-bold text-[10px] text-green-400 tracking-[0.3em] uppercase">DẦU KHÍ</span>
                </div>
            </div>
            
            <div class="hidden lg:flex items-center gap-10">
                <a href="#services" class="text-xs font-bold uppercase tracking-widest text-slate-300 hover:text-green-400">Dịch vụ</a>
                <a href="#market" class="text-xs font-bold uppercase tracking-widest text-slate-300 hover:text-green-400">Thị trường</a>
                <a href="#stats" class="text-xs font-bold uppercase tracking-widest text-slate-300 hover:text-green-400">Hệ thống</a>
                <a href="tel:0906849968" class="px-6 py-2.5 bg-green-500 text-slate-900 rounded-full text-[10px] font-extrabold uppercase hover:bg-white transition-all tracking-widest shadow-lg">
                    0906 849 968
                </a>
            </div>
            <button class="lg:hidden text-white p-2"><i data-lucide="menu"></i></button>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="relative pt-48 pb-24 lg:pt-64 lg:pb-40 mesh-gradient text-white overflow-hidden">
        <div class="absolute inset-0 bg-slate-950/40"></div>
        <div class="container mx-auto px-6 relative z-10">
            <div class="max-w-5xl space-y-12">
                <div class="inline-flex items-center gap-3 px-4 py-2 bg-white/10 border border-white/20 rounded-full text-[10px] font-bold uppercase tracking-[0.3em] backdrop-blur-md">
                    <span class="w-2 h-2 bg-green-400 rounded-full animate-pulse shadow-[0_0_15px_#4ade80]"></span>
                    Digital Energy Ecosystem
                </div>
                <h1 class="text-6xl lg:text-[8rem] font-extrabold   tracking-tighter">
                    TƯƠNG LAI <br />
                    <span class="text-green-400">NĂNG LƯỢNG SỐ</span>
                </h1>
                <p class="text-xl lg:text-3xl text-slate-300 max-w-3xl font-medium leading-relaxed tracking-tight">
                    Nền tảng phân tích dữ liệu Platts/Argus và chuyển đổi số toàn diện cho doanh nghiệp năng lượng hiện đại.
                </p>
                <div class="flex flex-wrap gap-5 pt-4">
                    <a href="#services" class="px-10 py-5 bg-green-500 text-slate-900 rounded-2xl font-black hover:bg-white transition-all shadow-2xl flex items-center gap-3 group">
                        Khám phá dịch vụ <i data-lucide="arrow-right" class="group-hover:translate-x-1 transition-transform"></i>
                    </a>
                    <a href="https://zalo.me/0906849968" class="px-10 py-5 bg-white/5 border border-white/20 rounded-2xl font-bold hover:bg-white/10 transition-all backdrop-blur-sm">
                        Tư vấn Zalo
                    </a>
                </div>
            </div>
        </div>
        
        <!-- Abstract Element -->
        <div class="absolute -right-20 top-1/4 w-[600px] h-[600px] bg-blue-500/10 rounded-full blur-[120px] pointer-events-none float-anim"></div>
    </section>

    <!-- Market Section -->
    <section id="market" class="py-24 bg-slate-950 text-white relative">
        <div class="container mx-auto px-6">
            <div class="flex flex-col md:flex-row justify-between items-end mb-16 gap-8 border-l-4 border-green-500 pl-8">
                <div>
                    <h2 class="text-green-400 font-bold text-xs uppercase tracking-[0.4em] mb-4">Market Hub</h2>
                    <h3 class="text-4xl font-extrabold tracking-tighter uppercase">Dữ liệu thị trường Live</h3>
                    <p class="text-slate-500 text-xs font-bold mt-2 italic uppercase">Cập nhật: 04:13:58 10/6/2026</p>
                </div>
                <div class="bg-white/5 px-6 py-3 rounded-2xl border border-white/10 text-[10px] font-bold uppercase tracking-widest text-slate-400">
                    Nguồn: OilPrice / Platts / Argus
                </div>
            </div>
            
            <div class="grid grid-cols-2 lg:grid-cols-4 gap-6">
                
                    <div class="p-8 rounded-[2.5rem] bento-card">
                        <div class="flex justify-between items-center mb-6">
                            <span class="text-[10px] font-black text-slate-500 uppercase tracking-widest">WTI</span>
                            <span class="text-[10px] font-bold text-green-400 bg-green-400/10 px-2 py-1 rounded-lg">+0.62%</span>
                        </div>
                        <h4 class="text-sm font-bold text-slate-400 mb-1">Dầu WTI</h4>
                        <p class="text-4xl font-black tracking-tighter">$88.75</p>
                        <p class="text-[10px] font-bold mt-4 text-green-400 uppercase tracking-widest">+0.55 USD</p>
                    </div>
                
                    <div class="p-8 rounded-[2.5rem] bento-card">
                        <div class="flex justify-between items-center mb-6">
                            <span class="text-[10px] font-black text-slate-500 uppercase tracking-widest">BRENT</span>
                            <span class="text-[10px] font-bold text-green-400 bg-green-400/10 px-2 py-1 rounded-lg">+0.67%</span>
                        </div>
                        <h4 class="text-sm font-bold text-slate-400 mb-1">Dầu Brent</h4>
                        <p class="text-4xl font-black tracking-tighter">$92.06</p>
                        <p class="text-[10px] font-bold mt-4 text-green-400 uppercase tracking-widest">+0.61 USD</p>
                    </div>
                
                    <div class="p-8 rounded-[2.5rem] bento-card">
                        <div class="flex justify-between items-center mb-6">
                            <span class="text-[10px] font-black text-slate-500 uppercase tracking-widest">OPEC</span>
                            <span class="text-[10px] font-bold text-red-400 bg-red-400/10 px-2 py-1 rounded-lg">-1.16%</span>
                        </div>
                        <h4 class="text-sm font-bold text-slate-400 mb-1">Giỏ dầu OPEC</h4>
                        <p class="text-4xl font-black tracking-tighter">$68.76</p>
                        <p class="text-[10px] font-bold mt-4 text-red-400 uppercase tracking-widest">-0.81 USD</p>
                    </div>
                
                    <div class="p-8 rounded-[2.5rem] bento-card">
                        <div class="flex justify-between items-center mb-6">
                            <span class="text-[10px] font-black text-slate-500 uppercase tracking-widest">NAT GAS</span>
                            <span class="text-[10px] font-bold text-red-400 bg-red-400/10 px-2 py-1 rounded-lg">-0.38%</span>
                        </div>
                        <h4 class="text-sm font-bold text-slate-400 mb-1">Khí tự nhiên</h4>
                        <p class="text-4xl font-black tracking-tighter">$3.13</p>
                        <p class="text-[10px] font-bold mt-4 text-red-400 uppercase tracking-widest">-0.012 USD</p>
                    </div>
                
                    <div class="p-8 rounded-[2.5rem] bento-card">
                        <div class="flex justify-between items-center mb-6">
                            <span class="text-[10px] font-black text-slate-500 uppercase tracking-widest">HEATING OIL</span>
                            <span class="text-[10px] font-bold text-green-400 bg-green-400/10 px-2 py-1 rounded-lg">+0.14%</span>
                        </div>
                        <h4 class="text-sm font-bold text-slate-400 mb-1">Dầu sưởi</h4>
                        <p class="text-4xl font-black tracking-tighter">$3.55</p>
                        <p class="text-[10px] font-bold mt-4 text-green-400 uppercase tracking-widest">+0.0048 USD</p>
                    </div>
                
                    <div class="p-8 rounded-[2.5rem] bento-card">
                        <div class="flex justify-between items-center mb-6">
                            <span class="text-[10px] font-black text-slate-500 uppercase tracking-widest">GASOLINE</span>
                            <span class="text-[10px] font-bold text-green-400 bg-green-400/10 px-2 py-1 rounded-lg">+0.46%</span>
                        </div>
                        <h4 class="text-sm font-bold text-slate-400 mb-1">Xăng (Gasoline)</h4>
                        <p class="text-4xl font-black tracking-tighter">$3.04</p>
                        <p class="text-[10px] font-bold mt-4 text-green-400 uppercase tracking-widest">+0.014 USD</p>
                    </div>
                
                    <div class="p-8 rounded-[2.5rem] bento-card">
                        <div class="flex justify-between items-center mb-6">
                            <span class="text-[10px] font-black text-slate-500 uppercase tracking-widest">MURBAN</span>
                            <span class="text-[10px] font-bold text-red-400 bg-red-400/10 px-2 py-1 rounded-lg">-3.98%</span>
                        </div>
                        <h4 class="text-sm font-bold text-slate-400 mb-1">Dầu Murban</h4>
                        <p class="text-4xl font-black tracking-tighter">$88.24</p>
                        <p class="text-[10px] font-bold mt-4 text-red-400 uppercase tracking-widest">-3.66 USD</p>
                    </div>
                
                    <div class="p-8 rounded-[2.5rem] bento-card">
                        <div class="flex justify-between items-center mb-6">
                            <span class="text-[10px] font-black text-slate-500 uppercase tracking-widest">MIDLAND</span>
                            <span class="text-[10px] font-bold text-green-400 bg-green-400/10 px-2 py-1 rounded-lg">+1%</span>
                        </div>
                        <h4 class="text-sm font-bold text-slate-400 mb-1">WTI Midland</h4>
                        <p class="text-4xl font-black tracking-tighter">$89.70</p>
                        <p class="text-[10px] font-bold mt-4 text-green-400 uppercase tracking-widest">+0.89 USD</p>
                    </div>
                
            </div>
        </div>
    </section>
    <section id="news" class="py-24 bg-slate-900 text-white">
  <div class="container mx-auto px-6">

    <div class="mb-16 border-l-4 border-green-500 pl-8">
      <h2 class="text-green-400 font-bold text-xs uppercase tracking-[0.4em] mb-4">Database News</h2>
      <h3 class="text-4xl font-extrabold uppercase">Tin tức mới nhất</h3>
    </div>

    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<a href="https://tintuc.congnghedaukhi.com/xem/76968--israel-iran-tap-kich-nha-may-hoa-dau-cua-nhau-cuoc-chien-ang-cham-vao-tui-tien-cua-ca-trung-ong" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Israel, Iran Tập Kích Nhà Máy Hóa Dầu Của Nhau, Cuộc Chiến Đang Chạm Vào “Túi Tiền” Của Cả Trung Đông?</h4><p class="text-xs text-slate-400">22:00:55 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76963--thuc-ay-nguon-khi-dai-han-cho-ca-mau-petrovietnam-ang-chuan-bi-cho-cuoc-chien-nang-luong-lon-nhat-thap-ky" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Thúc Đẩy Nguồn Khí Dài Hạn Cho Cà Mau, Petrovietnam Đang Chuẩn Bị Cho Cuộc Chiến Năng Lượng Lớn Nhất Thập Kỷ?</h4><p class="text-xs text-slate-400">21:30:54 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76958--le-ky-ket-hop-ong-gian-khoan-cho-dh-18x-va-du-an-ai-hung-nam-buoc-tien-moi-cua-chien-dich-gia-tang-tru-luong-dau-khi-viet-nam" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">LỄ KÝ KẾT HỢP ĐỒNG GIÀN KHOAN CHO DH-18X VÀ DỰ ÁN ĐẠI HÙNG NAM: BƯỚC TIẾN MỚI CỦA CHIẾN DỊCH GIA TĂNG TRỮ LƯỢNG DẦU KHÍ VIỆT NAM</h4><p class="text-xs text-slate-400">21:00:51 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76953--toan-van-thong-iep-asean-2045-cua-thu-tuong-le-minh-hung-viet-nam-muon-dan-dat-hay-chi-tham-gia-cuoc-choi-toan-cau" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Toàn Văn Thông Điệp ASEAN 2045 Của Thủ Tướng Lê Minh Hưng – Việt Nam Muốn Dẫn Dắt Hay Chỉ Tham Gia Cuộc Chơi Toàn Cầu?</h4><p class="text-xs text-slate-400">20:30:53 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76948--song-than-cao-toi-11-met-ap-vao-wellington-new-zealand-ban-bo-tinh-trang-khan-cap-va-so-tan-khan-cap" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Sóng thần cao tới 11 mét ập vào Wellington, New Zealand: Ban bố tình trạng khẩn cấp và sơ tán khẩn cấp</h4><p class="text-xs text-slate-400">20:00:58 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76943--my-siet-chat-byd-alibaba-baidu-va-loat-ga-khong-lo-cong-nghe-trung-quoc-cuoc-chien-cong-nghe-my-trung-ang-buoc-sang-giai-oan-nguy-hiem-hon" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Mỹ Siết Chặt BYD, Alibaba, Baidu Và Loạt Gã Khổng Lồ Công Nghệ Trung Quốc, Cuộc Chiến Công Nghệ Mỹ - Trung Đang Bước Sang Giai Đoạn Nguy Hiểm Hơn?</h4><p class="text-xs text-slate-400">19:31:19 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76938--my-siet-chat-byd-alibaba-baidu-va-loat-ga-khong-lo-cong-nghe-trung-quoc-cuoc-chien-cong-nghe-my-trung-ang-buoc-sang-giai-oan-nguy-hiem-hon" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Mỹ Siết Chặt BYD, Alibaba, Baidu Và Loạt Gã Khổng Lồ Công Nghệ Trung Quốc, Cuộc Chiến Công Nghệ Mỹ - Trung Đang Bước Sang Giai Đoạn Nguy Hiểm Hơn?</h4><p class="text-xs text-slate-400">19:01:05 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76933--thuc-ay-nguon-khi-dai-han-cho-cum-khi-ien-am-ca-mau-bai-toan-nang-luong-chien-luoc-cua-viet-nam" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Thúc Đẩy Nguồn Khí Dài Hạn Cho Cụm Khí - Điện - Đạm Cà Mau, Bài Toán Năng Lượng Chiến Lược Của Việt Nam</h4><p class="text-xs text-slate-400">18:30:58 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76928--thoi-tiet-ang-tro-nen-di-thuong-chua-tung-co-viet-nam-sap-oi-mat-nhung-ot-cuc-oan-moi" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Thời Tiết Đang Trở Nên Dị Thường Chưa Từng Có, Việt Nam Sắp Đối Mặt Những Đợt Cực Đoan Mới?</h4><p class="text-xs text-slate-400">18:03:02 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76923--nga-cat-giam-xuat-khau-dau-khi-thieu-nhien-lieu-va-drone-tan-cong-gay-ap-luc-lon" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Nga Cắt Giảm Xuất Khẩu Dầu Khi Thiếu Nhiên Liệu Và Drone Tấn Công Gây Áp Lực Lớn...</h4><p class="text-xs text-slate-400">17:31:00 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76918--nga-chuan-bi-cat-manh-xuat-khau-dau-tho-thi-truong-nang-luong-toan-cau-sap-buoc-vao-mot-con-song-gia-moi" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Nga Chuẩn Bị Cắt Mạnh Xuất Khẩu Dầu Thô, Thị Trường Năng Lượng Toàn Cầu Sắp Bước Vào Một Cơn Sóng Giá Mới?</h4><p class="text-xs text-slate-400">17:01:17 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76913--chinh-phu-cac-quoc-gia-ang-chi-hang-nghin-ty-usd-tro-cap-doanh-nghiep-ai-thuc-su-la-nguoi-huong-loi" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Chính Phủ các quốc gia Đang Chi Hàng Nghìn Tỷ USD Trợ Cấp Doanh Nghiệp, Ai Thực Sự Là Người Hưởng Lợi?</h4><p class="text-xs text-slate-400">16:30:57 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76908--lng-vuot-eo-hormuz-gia-dau-van-o-vung-cao-congnghedaukhi-da" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">́ ̂ ̣̂ ̂̀ ́ ̂ : LNG Vượt Eo Hormuz, Giá Dầu Vẫn Ở Vùng Cao

#CongNgheDauKhi #Da...</h4><p class="text-xs text-slate-400">16:01:00 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76903--viet-nam-la-quoc-gia-ong-nam-a-hiem-hoi-tu-ong-gian-khoan-24-000-tan-va-tram-bien-ap-ngoai-khoi-3-000-tan" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Việt Nam Là Quốc Gia Đông Nam Á Hiếm Hoi Tự Đóng Giàn Khoan 24.000 Tấn Và Trạm Biến Áp Ngoài Khơi 3.000 Tấn</h4><p class="text-xs text-slate-400">15:30:56 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76898--viet-nam-la-quoc-gia-ong-nam-a-hiem-hoi-tu-ong-gian-khoan-24-000-tan-va-tram-bien-ap-ngoai-khoi-3-000-tan" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Việt Nam Là Quốc Gia Đông Nam Á Hiếm Hoi Tự Đóng Giàn Khoan 24.000 Tấn Và Trạm Biến Áp Ngoài Khơi 3.000 Tấn</h4><p class="text-xs text-slate-400">15:01:03 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76893--he-thong-bop-tuyen-phong-thu-cuoi-cung-giua-gian-khoan-va-tham-hoa-ngoai-khoi-b" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Hệ Thống BOP Tuyến Phòng Thủ Cuối Cùng Giữa Giàn Khoan Và Thảm Họa Ngoài Khơi
#B...</h4><p class="text-xs text-slate-400">14:31:05 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76888--nha-may-nhiet-ien-lng-vung-ang-iii-chinh-thuc-uoc-chap-thuan-au-tu-ha-tinh-sap-so-huu-sieu-du-an-nang-luong-hon-51-000-ty-ong" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">NHÀ MÁY NHIỆT ĐIỆN LNG VŨNG ÁNG III CHÍNH THỨC ĐƯỢC CHẤP THUẬN ĐẦU TƯ, HÀ TĨNH SẮP SỞ HỮU SIÊU DỰ ÁN NĂNG LƯỢNG HƠN 51.000 TỶ ĐỒNG</h4><p class="text-xs text-slate-400">14:01:04 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76883--at-hiem-viet-nam-mo-vang-the-ky-hay-co-hoi-ang-bi-bo-lo-athiem-rareeart" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">ĐẤT HIẾM VIỆT NAM – MỎ VÀNG THẾ KỶ HAY CƠ HỘI ĐANG BỊ BỎ LỠ?

#ĐấtHiếm #RareEart...</h4><p class="text-xs text-slate-400">13:30:56 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76878--pv-power-chinh-thuc-tham-gia-sieu-du-an-lng-vung-ang-iii-hon-51-000-ty-ong-pv" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">PV Power Chính Thức Tham Gia Siêu Dự Án LNG Vũng Áng III Hơn 51.000 Tỷ Đồng

#PV...</h4><p class="text-xs text-slate-400">13:00:58 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76861--dpm-lap-cu-hat-trick-danh-hieu-nam-2026-ieu-gi-khien-doanh-nghiep-phan-bon-dau-khi-nay-lien-tuc-uoc-vinh-danh" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">DPM Lập Cú Hat-trick Danh Hiệu Năm 2026, Điều Gì Khiến Doanh Nghiệp Phân Bón Dầu Khí Này Liên Tục Được Vinh Danh?</h4><p class="text-xs text-slate-400">11:01:13 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76856--dpm-lien-tiep-uoc-vinh-danh-tai-agm-awards-2026-vie50-va-vix50-dpm-pvfcco" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">DPM LIÊN TIẾP ĐƯỢC VINH DANH TẠI AGM AWARDS 2026, VIE50 VÀ VIX50

#DPM #PVFCCo #...</h4><p class="text-xs text-slate-400">10:30:51 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76851--dpm-lap-cu-hat-trick-danh-hieu-nam-2026-ieu-gi-khien-doanh-nghiep-phan-bon-dau-khi-nay-lien-tuc-uoc-vinh-danh" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">DPM Lập Cú Hat-trick Danh Hiệu Năm 2026, Điều Gì Khiến Doanh Nghiệp Phân Bón Dầu Khí Này Liên Tục Được Vinh Danh?</h4><p class="text-xs text-slate-400">10:00:57 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76846--viet-nam-lot-top-5-quoc-gia-an-toan-nhat-the-gioi-nam-2026-ieu-gi-ang-khien-the-gioi-phai-nhin-lai" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Việt Nam Lọt Top 5 Quốc Gia An Toàn Nhất Thế Giới Năm 2026, Điều Gì Đang Khiến Thế Giới Phải Nhìn Lại?</h4><p class="text-xs text-slate-400">09:30:53 9/6/2026</p></div></a><a href="https://tintuc.congnghedaukhi.com/xem/76841--chap-thuan-chu-truong-au-tu-nha-may-nhiet-ien-lng-vung-ang-iii-ha-tinh-ang-buoc-vao-ky-nguyen-nang-luong-moi" target="_blank" class="block rounded-2xl overflow-hidden bg-white/5 hover:bg-white/10 transition border border-white/10"><div class="p-5"><h4 class="font-bold text-lg mb-2 line-clamp-2">Chấp Thuận Chủ Trương Đầu Tư Nhà Máy Nhiệt Điện LNG Vũng Áng III, Hà Tĩnh Đang Bước Vào Kỷ Nguyên Năng Lượng Mới?</h4><p class="text-xs text-slate-400">09:00:58 9/6/2026</p></div></a>
    </div>

  </div>
</section>
    <!-- Services Grid -->
    <section id="services" class="py-32 bg-white relative overflow-hidden">
        <div class="container mx-auto px-6">
            <div class="max-w-3xl mb-24">
                <h2 class="text-green-600 font-bold text-xs uppercase tracking-[0.4em] mb-4">Enterprise Solutions</h2>
                <h3 class="text-5xl lg:text-7xl font-extrabold tracking-tighter uppercase leading-none">
                    Hệ sinh thái <br/><span class="text-slate-300 italic">Dịch vụ cốt lõi</span>
                </h3>
            </div>

            <div class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8">
                <!-- Service Items -->
                <div class="white-bento-card p-10 rounded-[3rem] group">
                    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
                        <i data-lucide="line-chart"></i>
                    </div>
                    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Phân tích Thị trường</h4>
                    <p class="text-slate-500 text-sm font-medium leading-relaxed">Xăng dầu, khí đốt, diesel, naptha... Phân tích kỹ thuật chuyên sâu.</p>
                </div>

                <div class="white-bento-card p-10 rounded-[3rem] group">
                    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
                        <i data-lucide="file-text"></i>
                    </div>
                    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Báo cáo Platts/Argus</h4>
                    <p class="text-slate-500 text-sm font-medium leading-relaxed">Cung cấp báo cáo phân tích uy tín về thị trường năng lượng quốc tế.</p>
                </div>

                <div class="white-bento-card p-10 rounded-[3rem] group">
                    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
                        <i data-lucide="zap"></i>
                    </div>
                    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Auto Pricing Bot</h4>
                    <p class="text-slate-500 text-sm font-medium leading-relaxed">Cập nhật tin giá dầu tự động qua Zalo, Telegram và Website.</p>
                </div>

                <div class="white-bento-card p-10 rounded-[3rem] group">
                    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
                        <i data-lucide="monitor"></i>
                    </div>
                    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Thiết kế Website</h4>
                    <p class="text-slate-500 text-sm font-medium leading-relaxed">Xây dựng website doanh nghiệp dầu khí chuẩn SEO, hiện đại.</p>
                </div>

                <div class="white-bento-card p-10 rounded-[3rem] group">
                    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
                        <i data-lucide="printer"></i>
                    </div>
                    <h4 class="text-2xl font-extrabold mb-4 leading-tight">In ấn Brochure/Card</h4>
                    <p class="text-slate-500 text-sm font-medium leading-relaxed">Thiết kế in ấn brochure, namecard chất lượng cao.</p>
                </div>

                <div class="white-bento-card p-10 rounded-[3rem] group">
                    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
                        <i data-lucide="book-open"></i>
                    </div>
                    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Báo cáo Thường niên</h4>
                    <p class="text-slate-500 text-sm font-medium leading-relaxed">Sản xuất báo cáo thường niên (Print & Digital) chuyên nghiệp.</p>
                </div>

                <div class="white-bento-card p-10 rounded-[3rem] group">
                    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
                        <i data-lucide="bot"></i>
                    </div>
                    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Bot Cập nhật Web</h4>
                    <p class="text-slate-500 text-sm font-medium leading-relaxed">Hệ thống Bot tự động duy trì nội dung website 24/7.</p>
                </div>

                <div class="white-bento-card p-10 rounded-[3rem] group">
                    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
                        <i data-lucide="share-2"></i>
                    </div>
                    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Digital Operation</h4>
                    <p class="text-slate-500 text-sm font-medium leading-relaxed">Quản trị Fanpage, Zalo OA và Marketing chuyên nghiệp.</p>
                </div>

                <div class="white-bento-card p-10 rounded-[3rem] group">
                    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
                        <i data-lucide="shirt"></i>
                    </div>
                    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Đồng phục Brand</h4>
                    <p class="text-slate-500 text-sm font-medium leading-relaxed">In ấn áo đồng phục cao cấp cho đội ngũ nhân sự.</p>
                </div>

                <div class="white-bento-card p-10 rounded-[3rem] group">
                    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
                        <i data-lucide="users"></i>
                    </div>
                    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Events & Teambuilding</h4>
                    <p class="text-slate-500 text-sm font-medium leading-relaxed">Tổ chức hội nghị khách hàng, teambuilding gắn kết.</p>
                </div>
                <div class="white-bento-card p-10 rounded-[3rem] group">
    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
        <i data-lucide="music"></i>
    </div>
    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Sáng tác & Hòa âm Âm nhạc</h4>
    <p class="text-slate-500 text-sm font-medium leading-relaxed">
        Sáng tác ca khúc bản quyền theo yêu cầu doanh nghiệp, sản xuất nhạc teambuilding, hội nghị và hòa âm chương trình chuyên nghiệp.
    </p>
</div><div class="white-bento-card p-10 rounded-[3rem] group">
    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
        <i data-lucide="video"></i>
    </div>
    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Media Truyền thông Doanh nghiệp</h4>
    <p class="text-slate-500 text-sm font-medium leading-relaxed">
        Sản xuất media truyền thông nội bộ & bên ngoài, video hướng dẫn sản phẩm, nội dung dành cho cổ đông và khách hàng chuyên nghiệp.
    </p>
</div>

<div class="white-bento-card p-10 rounded-[3rem] group">
    <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
        <i data-lucide="megaphone"></i>
    </div>
    <h4 class="text-2xl font-extrabold mb-4 leading-tight">Truyền thông Chiến lược & Xử lý Khủng hoảng</h4>
    <p class="text-slate-500 text-sm font-medium leading-relaxed">
        Xây dựng nội dung truyền cảm hứng, định hướng chủ trương doanh nghiệp, đồng thời xử lý khủng hoảng truyền thông và dư luận hiệu quả.
    </p>
</div>
  <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-blue-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-blue-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="shopping-cart"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Xây dựng Website Thương mại Điện tử
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Thiết kế hệ thống website thương mại điện tử chuyên nghiệp, giúp đưa các sản phẩm cuối ngành dầu khí đến khách hàng và đối tác thông qua nền tảng đặt hàng trực tuyến hiện đại.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-pink-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-pink-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="workflow"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            GMC & Feed Marketing Đa Nền Tảng
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Xây dựng Google Merchant Center, Facebook Feed, Pinterest Feed và hệ thống dữ liệu sản phẩm chuẩn hóa nhằm phân phối sản phẩm bán lẻ hiệu quả đến khách hàng trên đa nền tảng.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-orange-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-orange-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="store"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Phân phối Sản phẩm lên Sàn TMĐT
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Tư vấn và triển khai hệ thống bán hàng trên Shopee, Tiki, Lazada và các sàn thương mại điện tử, giúp kết nối trực tiếp sản phẩm đến khách hàng và đối tác trên toàn quốc.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-red-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-red-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="target"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Quảng cáo Google Ads & TikTok Ads
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Triển khai chiến dịch Google Ads, TikTok Ads, Facebook Ads và các nền tảng quảng cáo số nhằm tăng nhận diện thương hiệu, phân phối sản phẩm và mở rộng tệp khách hàng tiềm năng.
        </p>
    </div><div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-cyan-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-cyan-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="smartphone"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Xây dựng Ứng dụng Doanh nghiệp
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Phát triển ứng dụng mobile và nền tảng số giúp doanh nghiệp quản lý sản phẩm, chăm sóc khách hàng, kết nối đối tác và mở rộng hệ sinh thái kinh doanh chuyên nghiệp.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-emerald-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-emerald-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="radio"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Truyền thông & Phổ biến Sản phẩm
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Xây dựng chiến lược truyền thông đa nền tảng nhằm quảng bá sản phẩm, dịch vụ và hình ảnh doanh nghiệp đến khách hàng, đối tác và cộng đồng một cách hiệu quả.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-yellow-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-yellow-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="line-chart"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Cập nhật Giá & Thông tin Nhà đầu tư
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Xây dựng hệ thống cập nhật giá sản phẩm, giá chứng khoán, dữ liệu thị trường và thông tin doanh nghiệp nhằm phục vụ cổ đông, nhà đầu tư và hoạt động quan hệ nhà đầu tư chuyên nghiệp.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-violet-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-violet-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="palette"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Bộ Nhận dạng Thương hiệu Chuyên nghiệp
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Thiết kế và tái cấu trúc bộ nhận diện thương hiệu theo xu hướng mới, bao gồm logo, màu sắc, typography, profile doanh nghiệp và hệ thống hình ảnh truyền thông đồng bộ.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-rose-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-rose-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="image"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Thiết kế Banner, Backdrop & Standee
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Thiết kế banner, backdrop, standee, bảng hiệu và hệ thống hình ảnh quảng bá chuyên nghiệp cho cửa hàng, chi nhánh và sự kiện với chi phí tối ưu, triển khai nhanh chóng.
        </p>
    </div>
   <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-indigo-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-indigo-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="shield-check"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Phần mềm Bản quyền & Giải pháp ICT
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Cung cấp phần mềm bản quyền và triển khai hệ thống ICT tổng thể bao gồm máy chủ, máy tính, thiết bị mạng, lưu trữ, hệ điều hành và phần mềm quản trị phục vụ doanh nghiệp hiện đại.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-red-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-red-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="lock-keyhole"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Hệ thống Bảo mật Doanh nghiệp
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Xây dựng giải pháp bảo mật toàn diện cho doanh nghiệp bao gồm firewall, phân quyền truy cập, chống mã độc, giám sát an ninh mạng và bảo vệ dữ liệu trước các nguy cơ tấn công ngày càng gia tăng.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-sky-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-sky-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="database-backup"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Backup & Bảo vệ Dữ liệu
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Thiết kế hệ thống backup dữ liệu tự động, lưu trữ đa tầng và phục hồi nhanh nhằm đảm bảo an toàn dữ liệu doanh nghiệp trước sự cố hệ thống, ransomware và rủi ro mất dữ liệu.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="server-cog"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Hạ tầng CNTT & Trung tâm Dữ liệu
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Tư vấn và triển khai hạ tầng công nghệ thông tin đồng bộ từ máy chủ, cloud, lưu trữ, mạng nội bộ đến trung tâm dữ liệu giúp doanh nghiệp vận hành ổn định và mở rộng linh hoạt.
        </p>
    </div> <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-amber-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-amber-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="users"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Tuyển dụng & Headhunt Dầu khí
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Cung cấp giải pháp tuyển dụng và săn đầu người chuyên sâu cho ngành dầu khí, năng lượng và công nghiệp kỹ thuật, từ nhân sự vận hành đến quản lý cấp cao trong và ngoài nước.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-cyan-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-cyan-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="graduation-cap"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Đào tạo & Phát triển Nhân lực
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Xây dựng chương trình đào tạo nội bộ, phát triển kỹ năng chuyên môn, quản lý và vận hành nhằm nâng cao chất lượng nguồn nhân lực cho doanh nghiệp dầu khí và năng lượng.
        </p>
    </div>

    <div class="white-bento-card p-10 rounded-[3rem] group">
        <div class="w-16 h-16 bg-slate-900 text-green-400 rounded-2xl flex items-center justify-center mb-10 group-hover:bg-green-500 group-hover:text-white transition-all shadow-xl">
            <i data-lucide="chart-column-big"></i>
        </div>
        <h4 class="text-2xl font-extrabold mb-4 leading-tight">
            Xây dựng KPI & Quản trị Hiệu suất
        </h4>
        <p class="text-slate-500 text-sm font-medium leading-relaxed">
            Tư vấn xây dựng hệ thống KPI, đánh giá hiệu suất công việc, quản trị mục tiêu và theo dõi vận hành giúp doanh nghiệp tối ưu hiệu quả hoạt động và tăng trưởng bền vững.
        </p>
    </div>
            </div>
        </div>
    </section>

    <!-- Stats Dashboard -->
    <section id="stats" class="py-24 blue-gradient-bg text-white overflow-hidden relative border-t border-white/5">
        <div class="container mx-auto px-6 relative z-10">
            <div class="grid lg:grid-cols-4 gap-12 items-center">
                <div class="lg:col-span-1 space-y-4">
                    <h2 class="text-3xl font-black tracking-tighter uppercase leading-tight">Lưu lượng <br/><span class="text-green-400 text-5xl">Thực tế</span></h2>
                    <p class="text-xs font-bold text-slate-400 uppercase tracking-[0.4em]">Real-time Network Analytics</p>
                </div>
                <div class="lg:col-span-3 grid grid-cols-1 sm:grid-cols-3 gap-8">
                    <div class="bg-white/5 border border-white/10 p-10 rounded-[3rem] backdrop-blur-xl">
                        <p class="text-[10px] font-bold text-slate-400 uppercase tracking-widest mb-2">Hôm nay</p>
                        <p id="stat-today" class="text-5xl font-black text-green-400 tracking-tighter">--</p>
                    </div>
                    <div class="bg-white/5 border border-white/10 p-10 rounded-[3rem] backdrop-blur-xl">
                        <p class="text-[10px] font-bold text-slate-400 uppercase tracking-widest mb-2">Đối tác tin dùng</p>
                        <p class="text-5xl font-black tracking-tighter">500+</p>
                    </div>
                    <div class="bg-green-500 p-10 rounded-[3rem] shadow-[0_0_60px_-10px_rgba(34,197,94,0.6)]">
                        <p class="text-[10px] font-bold text-green-900 uppercase tracking-widest mb-2">Tổng lượt truy cập</p>
                        <p id="stat-total" class="text-5xl font-black text-slate-950 tracking-tighter">--</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer class="py-20 bg-slate-950 text-white border-t border-white/10">
        <div class="container mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-10">
            <div class="flex items-center gap-4">
                <div class="w-14 h-14 bg-green-500 rounded-2xl flex items-center justify-center shadow-2xl">
                    <i data-lucide="droplet" class="text-slate-950 w-7 h-7"></i>
                </div>
                <div>
                    <span class="block font-black text-2xl tracking-tighter uppercase">CÔNG NGHỆ DẦU KHÍ</span>
                    <span class="text-[9px] font-bold text-slate-500 uppercase tracking-[0.5em]">Premium Energy Intelligence</span>
                </div>
            </div>
            
            <div class="flex gap-10 text-[10px] font-black uppercase tracking-widest text-slate-500">
                <a href="#services" class="hover:text-green-400 transition-all">Dịch vụ</a>
                <a href="#market" class="hover:text-green-400 transition-all">Thị trường</a>
                <a href="#stats" class="hover:text-green-400 transition-all">Hệ thống</a>
                <a href="#news" class="text-xs font-bold uppercase tracking-widest text-slate-300 hover:text-green-400">Tin tức</a>
            </div>

            <div class="text-right">
                <p class="text-[10px] font-black text-slate-500 uppercase tracking-widest">© 2024 CONG NGHE DAU KHI</p>
                <p class="text-[10px] font-bold text-green-500 uppercase tracking-widest mt-1">Leading with Digital Innovation</p>
            </div>
        </div>
    </footer>

    <script>
        lucide.createIcons();
        const nav = document.getElementById('navbar');
        window.onscroll = () => {
            if (window.scrollY > 50) {
                nav.classList.add('glass-nav', 'py-3');
                nav.classList.remove('py-6');
            } else {
                nav.classList.remove('glass-nav', 'py-3');
                nav.classList.add('py-6');
            }
        };
    </script><script>
async function loadRSS() {
  const rssUrl = "https://tintuc.congnghedaukhi.com/rss1";

  try {
    const res = await fetch(rssUrl);
    const text = await res.text();

    const parser = new DOMParser();
    const xml = parser.parseFromString(text, "text/xml");

    const items = xml.querySelectorAll("item");
    let html = "";

    items.forEach((item, index) => {
      if (index > 8) return;

      const title = item.querySelector("title")?.textContent;
      const link = item.querySelector("link")?.textContent;
      const pubDate = item.querySelector("pubDate")?.textContent;

      html += '<a href="' + link + '" target="_blank" class="p-6 rounded-2xl bg-white/5 hover:bg-white/10 transition border border-white/10">' +
        '<h4 class="font-bold text-lg mb-2">' + title + '</h4>' +
        '<p class="text-xs text-slate-400">' + new Date(pubDate).toLocaleString("vi-VN") + '</p>' +
        '</a>';
    });

    document.getElementById("rss-news").innerHTML = html;

  } catch (err) {
    document.getElementById("rss-news").innerHTML = "Không load được RSS!";
  }
}

loadRSS();
</script><script type="text/javascript" src="https://ahachat.com//overlay/overlay_6a045fa841ac5.js"></script>
<script type="text/javascript" src="https://ahachat.com//customer-chats/customer_chat_UHrqMikDH16a04aa7f35c54.js"></script>
</body>
</html>
