<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LAT.vn - Life and Technology Company | LIANTE .,JSC</title>
    <meta name="description"
        content="LAT (LIANTE .,JSC) specializes in managing global affiliate networks, providing in-depth product reviews in English, German, and French. Connecting global consumers with smart shopping solutions." />
    <meta name="robots" content="index,follow" />
    <link rel="icon" type="image/png" href="https://www.lat.vn/img/favicon.png" sizes="32x32" />
    <meta name="keywords"
        content="lat, liante, affiliate network, global affiliate, product reviews, multilingual review, amazon affiliate, web management">

    <!-- Open Graph / SEO -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="LAT.vn - Life and Technology Joint Stock Company | LIANTE .,JSC" />
    <meta property="og:description"
        content="Managing global affiliate networks & providing in-depth product reviews in English, German, and French." />
    <meta property="og:url" content="https://www.lat.vn/" />
    <meta property="og:image" content="https://www.lat.vn/img/logo.png" />
    <link rel="canonical" href="https://www.lat.vn/">
    <meta name="theme-color" content="#050c0a" />

    <!-- Premium Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap"
        rel="stylesheet">

    <!-- CSS Styling (Premium Dark Mode & Glassmorphism) -->
    <style>
        :root {
            --bg-primary: #050c0a;
            --bg-secondary: #0a1412;
            --accent-gold: #dfb75c;
            --accent-gold-hover: #f1cf83;
            --accent-gold-rgb: 223, 183, 92;
            --accent-emerald: #10b981;
            --accent-emerald-rgb: 16, 185, 129;
            --text-primary: #f8fafc;
            --text-secondary: #94a3b8;
            --text-muted: #64748b;
            --glass-bg: rgba(10, 20, 18, 0.6);
            --glass-border: rgba(223, 183, 92, 0.12);
            --glass-border-hover: rgba(223, 183, 92, 0.25);
            --glass-border-emerald: rgba(16, 185, 129, 0.15);
            --glow-gold: rgba(223, 183, 92, 0.15);
            --glow-emerald: rgba(16, 185, 129, 0.15);
            --font-heading: 'Outfit', sans-serif;
            --font-body: 'Inter', sans-serif;
            --scrollbar-bg: #070f0d;
            --scrollbar-thumb: #1e3a35;
        }

        /* Reset & Base Styles */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: var(--font-body);
            background-color: var(--bg-primary);
            color: var(--text-secondary);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Scrollbar styling */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: var(--scrollbar-bg);
        }

        ::-webkit-scrollbar-thumb {
            background: var(--scrollbar-thumb);
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: var(--accent-gold);
        }

        /* Typography */
        h1,
        h2,
        h3,
        h4 {
            font-family: var(--font-heading);
            color: var(--text-primary);
            font-weight: 700;
        }

        a {
            color: var(--accent-gold);
            text-decoration: none;
            transition: color 0.3s ease, border-color 0.3s ease;
        }

        a:hover {
            color: var(--accent-gold-hover);
        }

        /* Floating Background Glows */
        .bg-glow {
            position: fixed;
            width: 500px;
            height: 500px;
            border-radius: 50%;
            filter: blur(140px);
            z-index: -1;
            opacity: 0.2;
            pointer-events: none;
        }

        .bg-glow-1 {
            top: -150px;
            right: -100px;
            background: radial-gradient(circle, var(--accent-gold), transparent 70%);
        }

        .bg-glow-2 {
            bottom: -200px;
            left: -150px;
            background: radial-gradient(circle, var(--accent-emerald), transparent 70%);
        }

        /* Layout Container */
        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* Glass Panel Helper */
        .glass-panel {
            background: var(--glass-bg);
            border: 1px solid var(--glass-border);
            border-radius: 16px;
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
                border-color 0.3s ease,
                box-shadow 0.3s ease;
        }

        .glass-panel:hover {
            border-color: var(--glass-border-hover);
            box-shadow: 0 12px 40px 0 rgba(var(--accent-gold-rgb), 0.1);
        }

        /* Navigation Bar */
        header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            background: rgba(5, 12, 10, 0.8);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(223, 183, 92, 0.08);
            padding: 16px 0;
            transition: background 0.3s ease, padding 0.3s ease;
        }

        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo-area a {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .logo-text {
            font-family: var(--font-heading);
            font-size: 24px;
            font-weight: 800;
            letter-spacing: 1px;
            background: linear-gradient(135deg, #ffffff 0%, var(--accent-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .nav-menu {
            display: flex;
            gap: 24px;
            list-style: none;
        }

        .nav-menu a {
            color: var(--text-secondary);
            font-size: 14px;
            font-weight: 600;
            padding: 8px 0;
            border-bottom: 2px solid transparent;
            transition: color 0.3s ease, border-color 0.3s ease;
        }

        .nav-menu a:hover,
        .nav-menu a.active {
            color: var(--accent-gold);
            border-color: var(--accent-gold);
        }

        .nav-actions {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .lang-pills {
            display: flex;
            gap: 6px;
            background: rgba(255, 255, 255, 0.05);
            padding: 4px;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .lang-pill {
            font-size: 11px;
            font-weight: 700;
            color: var(--text-muted);
            padding: 4px 8px;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .lang-pill.active {
            background: var(--accent-gold);
            color: var(--bg-primary);
        }

        .btn-contact {
            background: linear-gradient(135deg, var(--accent-gold) 0%, #b88d32 100%);
            color: var(--bg-primary);
            padding: 10px 20px;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            box-shadow: 0 4px 15px rgba(var(--accent-gold-rgb), 0.2);
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        .btn-contact:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(var(--accent-gold-rgb), 0.4);
            color: var(--bg-primary);
        }

        /* Hero Section */
        .hero-section {
            padding-top: 160px;
            padding-bottom: 80px;
            position: relative;
            text-align: center;
        }

        .badge-premium {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(223, 183, 92, 0.1);
            border: 1px solid rgba(223, 183, 92, 0.2);
            padding: 6px 16px;
            border-radius: 30px;
            color: var(--accent-gold);
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            margin-bottom: 24px;
            text-transform: uppercase;
        }

        .badge-premium::before {
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            background: var(--accent-gold);
            border-radius: 50%;
            box-shadow: 0 0 8px var(--accent-gold);
        }

        .hero-title {
            font-size: clamp(32px, 5vw, 56px);
            line-height: 1.2;
            margin-bottom: 24px;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }

        .gradient-text {
            background: linear-gradient(135deg, #ffffff 30%, var(--accent-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .hero-desc {
            font-size: clamp(16px, 2vw, 19px);
            color: var(--text-secondary);
            max-width: 780px;
            margin: 0 auto 40px auto;
            font-weight: 400;
        }

        /* Hero Search Bar */
        .hero-search-container {
            max-width: 650px;
            margin: 0 auto 60px auto;
        }

        .hero-search-form {
            display: flex;
            position: relative;
            background: rgba(10, 20, 18, 0.7);
            border: 1px solid var(--glass-border);
            padding: 6px;
            border-radius: 50px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }

        .hero-search-form:focus-within {
            border-color: var(--accent-gold);
            box-shadow: 0 0 20px rgba(var(--accent-gold-rgb), 0.15);
        }

        .search-input-wrapper {
            display: flex;
            align-items: center;
            width: 100%;
            padding-left: 20px;
        }

        .search-icon-svg {
            width: 20px;
            height: 20px;
            fill: var(--text-muted);
            margin-right: 12px;
            flex-shrink: 0;
        }

        .hero-search-form input[type="text"] {
            width: 100%;
            background: transparent;
            border: none;
            outline: none;
            color: var(--text-primary);
            font-family: var(--font-body);
            font-size: 16px;
            padding: 10px 0;
        }

        .hero-search-form input[type="text"]::placeholder {
            color: var(--text-muted);
        }

        .hero-search-form button[type="submit"] {
            background: linear-gradient(135deg, var(--accent-gold) 0%, #b88d32 100%);
            border: none;
            outline: none;
            color: var(--bg-primary);
            padding: 12px 28px;
            font-size: 15px;
            font-weight: 600;
            border-radius: 40px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(var(--accent-gold-rgb), 0.2);
            flex-shrink: 0;
        }

        .hero-search-form button[type="submit"]:hover {
            transform: scale(1.02);
            box-shadow: 0 4px 15px rgba(var(--accent-gold-rgb), 0.4);
        }

        /* Metrics Dashboard */
        .metrics-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            max-width: 960px;
            margin: 0 auto;
        }

        .metric-card {
            padding: 24px 20px;
            text-align: center;
        }

        .metric-num {
            font-family: var(--font-heading);
            font-size: clamp(32px, 4vw, 42px);
            font-weight: 800;
            color: var(--accent-gold);
            line-height: 1.1;
            margin-bottom: 6px;
            background: linear-gradient(135deg, #ffffff 0%, var(--accent-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .metric-label {
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--text-muted);
            font-weight: 600;
        }

        /* Sections Styling */
        section {
            padding: 80px 0;
        }

        .section-header {
            text-align: center;
            max-width: 700px;
            margin: 0 auto 60px auto;
        }

        .section-tag {
            color: var(--accent-gold);
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 12px;
            display: block;
        }

        .section-title {
            font-size: clamp(24px, 3.5vw, 36px);
            margin-bottom: 16px;
        }

        .section-subtitle {
            font-size: 16px;
            color: var(--text-secondary);
        }

        /* About Section (Giới thiệu) */
        .about-layout {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 40px;
            align-items: center;
        }

        .about-text h3 {
            font-size: 24px;
            margin-bottom: 18px;
            color: var(--text-primary);
        }

        .about-text p {
            margin-bottom: 20px;
            font-size: 16px;
            color: var(--text-secondary);
        }

        .about-features {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .about-feature-item {
            display: flex;
            gap: 16px;
            padding: 20px;
        }

        .feature-icon-wrapper {
            background: rgba(223, 183, 92, 0.08);
            border: 1px solid rgba(223, 183, 92, 0.15);
            width: 48px;
            height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--accent-gold);
            font-size: 20px;
            flex-shrink: 0;
        }

        .feature-item-content h4 {
            font-size: 16px;
            margin-bottom: 6px;
        }

        .feature-item-content p {
            font-size: 13px;
            color: var(--text-muted);
            margin: 0;
        }

        /* Affiliate Network System (Hệ thống Affiliate) */
        .network-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 24px;
        }

        .network-card {
            padding: 32px 24px;
            position: relative;
            overflow: hidden;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .network-card::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, var(--accent-gold), var(--accent-emerald));
            opacity: 0.7;
        }

        .network-card-icon {
            font-size: 32px;
            margin-bottom: 20px;
            color: var(--accent-gold);
        }

        .network-card-title {
            font-size: 18px;
            margin-bottom: 12px;
        }

        .network-card-desc {
            font-size: 14px;
            color: var(--text-muted);
            margin-bottom: 20px;
            flex-grow: 1;
        }

        .network-card-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            font-size: 12px;
            font-weight: 600;
        }

        .network-card-lang {
            color: var(--accent-gold);
            background: rgba(223, 183, 92, 0.08);
            padding: 2px 8px;
            border-radius: 4px;
        }

        .network-card-traffic {
            color: var(--text-secondary);
        }

        /* Multilingual Showcase (Multilingual Review Module) */
        .showcase-container {
            max-width: 900px;
            margin: 0 auto;
        }

        .showcase-tabs {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 30px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            padding-bottom: 16px;
        }

        .showcase-tab {
            background: rgba(255, 255, 255, 0.02);
            border: 1px solid rgba(255, 255, 255, 0.06);
            color: var(--text-secondary);
            padding: 10px 24px;
            border-radius: 30px;
            font-family: var(--font-heading);
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        .showcase-tab:hover {
            color: var(--accent-gold);
            border-color: rgba(var(--accent-gold-rgb), 0.3);
            background: rgba(223, 183, 92, 0.04);
        }

        .showcase-tab.active {
            background: linear-gradient(135deg, var(--accent-gold) 0%, #b88d32 100%);
            color: var(--bg-primary);
            border-color: transparent;
            box-shadow: 0 4px 15px rgba(var(--accent-gold-rgb), 0.25);
        }

        .showcase-content-wrapper {
            position: relative;
            min-height: 380px;
        }

        .showcase-panel {
            display: none;
            animation: fadeIn 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
        }

        .showcase-panel.active {
            display: block;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .review-card {
            padding: 30px;
        }

        .review-card-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            gap: 16px;
            margin-bottom: 24px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            padding-bottom: 20px;
        }

        .review-prod-info h4 {
            font-size: 22px;
            margin-bottom: 4px;
            background: linear-gradient(135deg, #ffffff 0%, var(--accent-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .review-prod-info span {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--text-muted);
            font-weight: 600;
        }

        .review-rating-box {
            text-align: right;
        }

        .review-stars {
            color: var(--accent-gold);
            font-size: 18px;
            margin-bottom: 4px;
        }

        .review-score {
            font-size: 13px;
            font-weight: 700;
            color: var(--text-primary);
        }

        .review-body {
            font-size: 15px;
            color: var(--text-secondary);
            margin-bottom: 24px;
        }

        .review-pros-cons {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 24px;
        }

        @media (max-width: 600px) {
            .review-pros-cons {
                grid-template-columns: 1fr;
            }
        }

        .review-pros,
        .review-cons {
            background: rgba(255, 255, 255, 0.01);
            border-radius: 8px;
            padding: 16px;
        }

        .review-pros-title {
            color: #10b981;
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .review-cons-title {
            color: #ef4444;
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .review-pros-list,
        .review-cons-list {
            list-style: none;
            font-size: 13px;
            color: var(--text-secondary);
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .review-pros-list li::before {
            content: "✓";
            color: #10b981;
            margin-right: 8px;
            font-weight: bold;
        }

        .review-cons-list li::before {
            content: "✗";
            color: #ef4444;
            margin-right: 8px;
            font-weight: bold;
        }

        .review-card-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }

        .review-badge-lang {
            font-size: 12px;
            font-weight: 700;
            background: rgba(16, 185, 129, 0.08);
            color: var(--accent-emerald);
            border: 1px solid rgba(16, 185, 129, 0.15);
            padding: 4px 12px;
            border-radius: 30px;
            text-transform: uppercase;
        }

        .review-action-btn {
            font-size: 13px;
            font-weight: 600;
            color: var(--accent-gold);
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .review-action-btn::after {
            content: "→";
            transition: transform 0.2s ease;
        }

        .review-action-btn:hover::after {
            transform: translateX(4px);
        }

        /* MMO Course CSS Styles */
        .course-header {
            margin-bottom: 30px;
            text-align: center;
        }

        .course-header h3 {
            font-size: 26px;
            background: linear-gradient(135deg, #ffffff 0%, var(--accent-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 12px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .course-header p {
            color: var(--accent-gold);
            font-weight: 600;
            font-size: 16px;
        }

        .course-intro-grid {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 30px;
            margin-bottom: 40px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            padding-bottom: 30px;
        }

        @media (max-width: 768px) {
            .course-intro-grid {
                grid-template-columns: 1fr;
            }
        }

        .course-benefits-box h4 {
            font-size: 18px;
            color: var(--text-primary);
            margin-bottom: 16px;
            font-family: var(--font-heading);
        }

        .course-benefits-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 12px;
            font-size: 15px;
        }

        .course-benefits-list li::before {
            content: "✦";
            color: var(--accent-gold);
            margin-right: 10px;
        }

        .course-mmo-stats {
            background: rgba(223, 183, 92, 0.04);
            border: 1px solid rgba(223, 183, 92, 0.12);
            border-radius: 16px;
            padding: 24px;
            display: flex;
            flex-direction: column;
            gap: 16px;
            justify-content: center;
        }

        .course-stat-item {
            font-size: 14px;
            color: var(--text-secondary);
            line-height: 1.5;
        }

        .course-stat-item strong {
            color: var(--text-primary);
        }

        .course-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 24px;
            margin-bottom: 40px;
        }

        .course-card {
            background: rgba(255, 255, 255, 0.02);
            border: 1px solid var(--glass-border);
            border-radius: 16px;
            padding: 30px 24px;
            text-align: center;
            position: relative;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            min-height: 400px;
        }

        .course-card:hover {
            transform: translateY(-6px);
            border-color: var(--accent-gold);
            box-shadow: 0 12px 30px rgba(var(--accent-gold-rgb), 0.15);
        }

        .course-card.popular {
            border-color: var(--accent-emerald);
            background: rgba(16, 185, 129, 0.03);
        }

        .course-card.popular::before {
            content: "Most Popular";
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent-emerald);
            color: var(--bg-primary);
            font-size: 11px;
            font-weight: 700;
            padding: 4px 16px;
            border-radius: 20px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .course-title {
            font-size: 17px;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 12px;
            text-transform: uppercase;
        }

        .course-price {
            font-size: 24px;
            font-weight: 800;
            color: var(--accent-gold);
            margin-bottom: 20px;
            font-family: var(--font-heading);
            background: linear-gradient(135deg, #ffffff 30%, var(--accent-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .course-features-list {
            text-align: left;
            list-style: none;
            font-size: 13px;
            color: var(--text-secondary);
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-top: 12px;
            flex-grow: 1;
        }

        .course-features-list li {
            position: relative;
            padding-left: 20px;
            line-height: 1.4;
        }

        .course-features-list li::before {
            content: "✓";
            color: var(--accent-emerald);
            font-weight: bold;
            position: absolute;
            left: 0;
        }

        .course-billing-info {
            background: rgba(10, 20, 18, 0.4);
            border: 1px dashed rgba(223, 183, 92, 0.2);
            border-radius: 16px;
            padding: 24px;
            margin-bottom: 40px;
            font-size: 14px;
        }

        .course-billing-title {
            color: var(--accent-gold);
            font-weight: 700;
            margin-bottom: 12px;
            font-size: 15px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .course-billing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 16px;
        }

        .course-billing-item strong {
            color: var(--text-primary);
        }

        .course-faq-title {
            font-size: 18px;
            color: var(--text-primary);
            margin-bottom: 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            padding-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-family: var(--font-heading);
        }

        .course-faq-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            text-align: left;
            margin-bottom: 30px;
        }

        @media (max-width: 768px) {
            .course-faq-grid {
                grid-template-columns: 1fr;
            }
        }

        .faq-item h5 {
            font-size: 15px;
            color: var(--accent-gold);
            margin-bottom: 8px;
            font-weight: 600;
        }

        .faq-item p {
            font-size: 13px;
            color: var(--text-muted);
            line-height: 1.6;
        }

        .btn-mmo-register {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, var(--accent-emerald) 0%, #059669 100%);
            color: white !important;
            font-weight: 700;
            font-size: 15px;
            padding: 14px 40px;
            border-radius: 30px;
            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.25);
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .btn-mmo-register:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45);
        }

        /* Core Values (Principles & Responsibility) */
        .values-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
            gap: 20px;
            margin-bottom: 40px;
        }

        .value-card {
            padding: 24px;
        }

        .value-icon {
            font-size: 28px;
            margin-bottom: 16px;
            color: var(--accent-emerald);
        }

        .value-title {
            font-size: 17px;
            margin-bottom: 8px;
        }

        .value-desc {
            font-size: 13px;
            color: var(--text-muted);
        }

        .responsibility-layout {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
        }

        .resp-card {
            padding: 32px;
        }

        .resp-card h3 {
            font-size: 20px;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .resp-card h3::before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 20px;
            background: var(--accent-gold);
            border-radius: 2px;
        }

        .resp-card ul {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .resp-card ul li {
            font-size: 14px;
            position: relative;
            padding-left: 20px;
            color: var(--text-secondary);
        }

        .resp-card ul li::before {
            content: "•";
            color: var(--accent-gold);
            font-size: 18px;
            position: absolute;
            left: 0;
            top: -2px;
        }

        /* Company Info Section (Corporate Information) */
        .company-layout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: stretch;
        }

        @media (max-width: 900px) {
            .company-layout {
                grid-template-columns: 1fr;
            }
        }

        .company-detail-card {
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .company-detail-card h3 {
            font-size: 24px;
            margin-bottom: 24px;
            line-height: 1.3;
            letter-spacing: 0.5px;
            background: linear-gradient(135deg, #ffffff 30%, var(--accent-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .company-info-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .company-info-list li {
            font-size: 15px;
            display: flex;
            align-items: flex-start;
            gap: 12px;
        }

        .company-info-list strong {
            color: var(--text-primary);
            font-weight: 600;
            width: 140px;
            flex-shrink: 0;
        }

        .company-info-list span {
            color: var(--text-secondary);
        }

        .company-map-card {
            position: relative;
            overflow: hidden;
            border-radius: 16px;
            min-height: 350px;
        }

        .company-map-card iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
            opacity: 0.85;
            filter: grayscale(1) invert(0.9) contrast(1.2);
            transition: opacity 0.3s ease;
        }

        .company-map-card iframe:hover {
            opacity: 1;
        }

        /* Footer Section */
        footer {
            background-color: var(--bg-secondary);
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            padding: 60px 0 30px 0;
            font-size: 14px;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 40px;
        }

        @media (max-width: 768px) {
            .footer-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }
        }

        .footer-brand h4 {
            font-size: 20px;
            margin-bottom: 16px;
            color: var(--accent-gold);
        }

        .footer-brand p {
            color: var(--text-muted);
            max-width: 320px;
            margin-bottom: 20px;
        }

        .footer-links-col h5 {
            font-size: 15px;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--text-primary);
        }

        .footer-links {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .footer-links a {
            color: var(--text-secondary);
            transition: color 0.2s ease;
        }

        .footer-links a:hover {
            color: var(--accent-gold);
            padding-left: 4px;
        }

        .footer-bottom {
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.04);
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }

        .footer-copyright {
            color: var(--text-muted);
            font-size: 13px;
        }

        .footer-socials {
            display: flex;
            gap: 16px;
        }

        .social-link {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.06);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-secondary);
            font-size: 16px;
            transition: all 0.3s ease;
        }

        .social-link:hover {
            background: var(--accent-gold);
            color: var(--bg-primary);
            transform: translateY(-2px);
        }

        /* Founder Bio Card */
        .founder-bio {
            margin-top: 32px;
            padding-top: 28px;
            border-top: 1px solid rgba(223, 183, 92, 0.15);
            display: flex;
            align-items: flex-start;
            gap: 20px;
        }

        .founder-avatar-wrap {
            flex-shrink: 0;
            position: relative;
        }

        .founder-avatar {
            width: 76px;
            height: 76px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid rgba(223, 183, 92, 0.5);
            box-shadow: 0 0 0 4px rgba(223, 183, 92, 0.08), 0 4px 20px rgba(0, 0, 0, 0.4);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .founder-avatar:hover {
            transform: scale(1.05);
            box-shadow: 0 0 0 5px rgba(223, 183, 92, 0.2), 0 8px 28px rgba(0, 0, 0, 0.5);
        }

        .founder-info {
            flex: 1;
        }

        .founder-name {
            font-family: var(--font-heading);
            font-size: 17px;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 2px;
            letter-spacing: 0.3px;
        }

        .founder-role {
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--accent-gold);
            margin-bottom: 10px;
        }

        .founder-desc {
            font-size: 13.5px;
            line-height: 1.65;
            color: var(--text-secondary);
            margin-bottom: 14px;
        }

        .founder-desc .tag {
            color: var(--accent-gold);
            font-weight: 500;
        }

        .founder-socials {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }

        .founder-social-link {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 500;
            color: var(--text-secondary);
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.25s ease;
            text-decoration: none;
        }

        .founder-social-link:hover {
            background: rgba(223, 183, 92, 0.12);
            border-color: rgba(223, 183, 92, 0.35);
            color: var(--accent-gold);
            transform: translateY(-1px);
        }

        .founder-social-link svg {
            width: 13px;
            height: 13px;
            fill: currentColor;
            flex-shrink: 0;
        }

        /* Responsive Breakpoints */
        @media (max-width: 991px) {
            .navbar {
                padding: 8px 0;
            }

            .nav-menu {
                display: none;
            }

            .about-layout {
                grid-template-columns: 1fr;
            }
        }
    </style>

    <!-- Google Tag Manager -->
    <script>(function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-KD5MS5TB');</script>
    <!-- End Google Tag Manager -->
</head>

<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KD5MS5TB" height="0" width="0"
            style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <!-- Floating Background Effects -->
    <div class="bg-glow bg-glow-1"></div>
    <div class="bg-glow bg-glow-2"></div>

    <!-- Navigation Header -->
    <header>
        <div class="container navbar">
            <div class="logo-area">
                <a href="https://www.lat.vn/">
                    <img width="38" height="38" src="https://www.lat.vn/img/favicon.png" alt="LAT Logo"
                        style="filter: drop-shadow(0 0 4px var(--accent-gold));">
                    <span class="logo-text">LAT</span>
                </a>
            </div>

            <ul class="nav-menu">
                <li><a href="#about" class="nav-item">About</a></li>
                <li><a href="#network" class="nav-item">Network</a></li>
                <li><a href="#reviews" class="nav-item">Reviews</a></li>
                <li><a href="#course" class="nav-item" style="color: var(--accent-gold);">Course</a></li>
                <li><a href="#values" class="nav-item">Values</a></li>
                <li><a href="#company" class="nav-item">Company</a></li>
            </ul>

            <div class="nav-actions">
                <div class="lang-pills">
                    <span class="lang-pill active" title="English" data-lang="en">EN</span>
                    <span class="lang-pill" title="German (Deutsch)" data-lang="de">DE</span>
                    <span class="lang-pill" title="French (Français)" data-lang="fr">FR</span>
                    <span class="lang-pill" title="Spanish (Español)" data-lang="es">ES</span>
                    <span class="lang-pill" title="Portuguese (Português)" data-lang="pt">PT</span>
                </div>
                <a href="#company" class="btn-contact">Contact Us</a>
            </div>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="hero-section">
        <div class="container">
            <div class="badge-premium">Global Affiliate · Reviews · Coupons & Deals</div>
            <h1 class="hero-title"><span class="gradient-text">Global Affiliate Network</span><br> Reviews, Compare &
                Best Deals</h1>
            <p class="hero-desc">
                LAT owns, operates, and develops specialized affiliate website ecosystems at a global scale.
                Beyond in-depth product reviews and comparisons, we also operate dedicated <strong>coupons, promo codes,
                    and deals</strong> websites
                in <strong>English, German, French, Spanish, and Portuguese</strong>.
                We're here to make sure you always get the best deal!
            </p>

            <!-- Search Container - Maintaining the EXACT legacy GET request to lat.vn/search -->
            <div class="hero-search-container">
                <form class="hero-search-form" action="https://www.lat.vn/search" method="GET">
                    <div class="search-input-wrapper">
                        <!-- Search Icon -->
                        <svg class="search-icon-svg" viewBox="0 0 24 24">
                            <path
                                d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 5 9.5 9.5 5 12 7.01 12 9.5 9.5 14z" />
                        </svg>
                        <input type="text" name="q" placeholder="Search networks, products, or companies..." required>
                        <button type="submit">Search</button>
                    </div>
                </form>
            </div>

            <!-- Metric Stats Grid -->
            <div class="metrics-grid">
                <div class="metric-card glass-panel">
                    <div class="metric-num">120+</div>
                    <div class="metric-label">Affiliate Websites</div>
                </div>
                <div class="metric-card glass-panel">
                    <div class="metric-num">5+</div>
                    <div class="metric-label">Core Languages</div>
                </div>
                <div class="metric-card glass-panel">
                    <div class="metric-num">15M+</div>
                    <div class="metric-label">Monthly Readers</div>
                </div>
                <div class="metric-card glass-panel">
                    <div class="metric-num">8+</div>
                    <div class="metric-label">Covered Countries</div>
                </div>
            </div>
        </div>
    </section>

    <!-- About Us -->
    <section id="about">
        <div class="container">
            <div class="about-layout">
                <div class="about-text">
                    <span class="section-tag">About Us</span>
                    <h2 class="section-title">Shaping Global Shopping Value</h2>
                    <p>Welcome to <strong>LAT (Life and Technology)</strong> - the professional holding company behind a
                        premier network of affiliate marketing websites, trusted product review portals, and
                        dedicated coupon & deals platforms in the international market.</p>
                    <p>Developed by <strong>Life and Technology Joint Stock Company</strong>, we continuously expand our
                        reach across demanding markets such as North America and Europe, providing transparent
                        reviews, accurate product comparisons, and curated coupon codes, promo codes, and exclusive
                        deals for millions of users.</p>
                    <p>Everyone loves to score a bargain. LAT does the hard work of hunting down, screening and
                        testing coupon codes, to ensure that you always get the best price, at the stores you love,
                        in seconds. Our network spans <strong>English, Deutsch, Français, Español, and
                            Português</strong>
                        markets, creating the perfect bridge between global consumers and world-leading brands.</p>

                    <div style="margin-top: 32px; padding-top: 24px; border-top: 1px solid rgba(223, 183, 92, 0.15);">
                        <h3
                            style="color: var(--text-primary); font-size: 20px; font-family: var(--font-heading); margin-bottom: 12px;">
                            How Does Life and Technology Make Money?</h3>
                        <p style="font-size: 14.5px; line-height: 1.6; color: var(--text-secondary);">The Life and
                            Technology company operations are primarily driven by two significant revenue streams:
                            advertising and performance marketing, alongside subscriptions and licensing. Its digital
                            media properties spanning technology, shopping, coupons &amp; deals, gaming, entertainment,
                            and health sectors, heavily depend on advertising income and affiliate commissions.</p>
                    </div>

                    <!-- Founder Bio -->
                    <div class="founder-bio">
                        <div class="founder-avatar-wrap">
                            <img src="https://pbs.twimg.com/profile_images/1874556369376055296/JiQuqN7E_400x400.jpg"
                                alt="Tran Ngoc Thuy - Founder" class="founder-avatar" width="76" height="76"
                                loading="lazy">
                        </div>
                        <div class="founder-info">
                            <div class="founder-name">Tran Ngoc Thuy</div>
                            <div class="founder-role">CEO &amp; Founder · LAT &amp; AffiliateCMS.com</div>
                            <p class="founder-desc">
                                Tran Ngoc Thuy is CEO of <strong>LAT</strong> and Founder &amp; Manager of
                                <a href="https://affiliatecms.com" target="_blank" rel="noopener"
                                    style="color: var(--accent-gold); text-decoration: none;">AffiliateCMS.com</a>.
                                Passionate about learning and sharing insights on
                                <span class="tag">#SEO</span> <span class="tag">#GEO</span>
                                <span class="tag">#AffiliateMarketing</span> <span class="tag">#AI</span>
                                <span class="tag">#MMO</span> and <span class="tag">#Crypto</span>.
                                Tech enthusiast, tester, and reviewer.
                            </p>
                            <div class="founder-socials">
                                <a href="https://www.facebook.com/thuycuong" target="_blank" rel="noopener"
                                    class="founder-social-link" aria-label="Facebook">
                                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.886v2.268h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z" />
                                    </svg>
                                    Facebook
                                </a>
                                <a href="https://x.com/tranngocthuycom" target="_blank" rel="noopener"
                                    class="founder-social-link" aria-label="X (Twitter)">
                                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622 5.91-5.622Zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
                                    </svg>
                                    X / Twitter
                                </a>
                                <a href="https://www.linkedin.com/in/tranngocthuy/" target="_blank" rel="noopener"
                                    class="founder-social-link" aria-label="LinkedIn">
                                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
                                    </svg>
                                    LinkedIn
                                </a>
                                <a href="https://www.youtube.com/channel/UCLnpOhCTtkTdaBw2ej3LE_w" target="_blank"
                                    rel="noopener" class="founder-social-link" aria-label="YouTube">
                                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
                                    </svg>
                                    YouTube
                                </a>
                                <a href="https://t.me/affiliatecms" target="_blank" rel="noopener"
                                    class="founder-social-link" aria-label="Telegram">
                                    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z" />
                                    </svg>
                                    Telegram
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="about-features">
                    <div class="about-feature-item glass-panel">
                        <div class="feature-icon-wrapper">🌍</div>
                        <div class="feature-item-content">
                            <h4>Global Scale</h4>
                            <p>Operating and developing hundreds of in-depth information portals targeting the US, UK,
                                and EU markets.</p>
                        </div>
                    </div>
                    <div class="about-feature-item glass-panel">
                        <div class="feature-icon-wrapper">✍️</div>
                        <div class="feature-item-content">
                            <h4>Multilingual Content</h4>
                            <p>100% localized reviews in English, German, French, Spanish, and Portuguese, crafted by
                                native-speaking experts.</p>
                        </div>
                    </div>
                    <div class="about-feature-item glass-panel">
                        <div class="feature-icon-wrapper">📈</div>
                        <div class="feature-item-content">
                            <h4>Conversion Rate Optimization (CRO)</h4>
                            <p>Applying data analytics and UI optimization to maximize conversion rates for our
                                partners.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Satellite Affiliate Network (Our System) -->
    <section id="network" style="background: rgba(255, 255, 255, 0.01);">
        <div class="container">
            <div class="section-header">
                <span class="section-tag">Ecosystem</span>
                <h2 class="section-title">Diverse Niche Networks</h2>
                <p class="section-subtitle">LAT operates specialized in-depth authority sites including reviews,
                    comparisons, coupons and deals, covering the largest and
                    most promising market niches globally.</p>
            </div>

            <div class="network-grid">
                <!-- Niche Card 1 -->
                <div class="network-card glass-panel">
                    <div class="network-card-icon">💻</div>
                    <h3 class="network-card-title">SaaS & Technology</h3>
                    <p class="network-card-desc">Information portals specializing in enterprise software comparisons,
                        cloud hosting services, VPNs, and cutting-edge tech hardware.</p>
                    <div class="network-card-meta">
                        <span class="network-card-lang">EN, DE, ES</span>
                        <span class="network-card-traffic">4.2M+ Monthly</span>
                    </div>
                </div>

                <!-- Niche Card 2 -->
                <div class="network-card glass-panel">
                    <div class="network-card-icon">🏡</div>
                    <h3 class="network-card-title">Home & Living</h3>
                    <p class="network-card-desc">Niche portals reviewing smart home devices, premium household
                        appliances, kitchenware, and optimized gardening tools.</p>
                    <div class="network-card-meta">
                        <span class="network-card-lang">EN, DE, FR, PT</span>
                        <span class="network-card-traffic">5.8M+ Monthly</span>
                    </div>
                </div>

                <!-- Niche Card 3 -->
                <div class="network-card glass-panel">
                    <div class="network-card-icon">⚡</div>
                    <h3 class="network-card-title">Health & Sports</h3>
                    <p class="network-card-desc">In-depth reviews of home gym equipment, dietary supplements, and
                        intelligent personal health tracking devices.</p>
                    <div class="network-card-meta">
                        <span class="network-card-lang">EN, FR, ES</span>
                        <span class="network-card-traffic">3.1M+ Monthly</span>
                    </div>
                </div>

                <!-- Niche Card 4 -->
                <div class="network-card glass-panel">
                    <div class="network-card-icon">🚗</div>
                    <h3 class="network-card-title">Electronics & Automotive</h3>
                    <p class="network-card-desc">Detailed comparisons of dash cams, smart automotive tech accessories,
                        and premium global consumer electronics.</p>
                    <div class="network-card-meta">
                        <span class="network-card-lang">EN, DE, FR, ES, PT</span>
                        <span class="network-card-traffic">2.5M+ Monthly</span>
                    </div>
                </div>

                <!-- Niche Card 5 -->
                <div class="network-card glass-panel">
                    <div class="network-card-icon">🏷️</div>
                    <h3 class="network-card-title">Coupons, Promo Codes & Deals</h3>
                    <p class="network-card-desc">Dedicated coupon and deals websites hunting down, screening and testing
                        the best promo codes across top retailers, so shoppers always get the best price, in seconds.
                    </p>
                    <div class="network-card-meta">
                        <span class="network-card-lang">EN, DE, FR, ES, PT</span>
                        <span class="network-card-traffic">2.2M+ Monthly</span>
                    </div>
                </div>

                <!-- Network Card 7 -->
                <div class="network-card glass-panel">
                    <div class="network-card-icon">✈️</div>
                    <h3 class="network-card-title">Travel & Accessories</h3>
                    <p class="network-card-desc">Curated guides and hands-on reviews of luggage, travel gear, and
                        destination essentials, helping globetrotters pack smarter and travel better.
                    </p>
                    <div class="network-card-meta">
                        <span class="network-card-lang">EN, DE, FR, ES</span>
                        <span class="network-card-traffic">3.4M+ Monthly</span>
                    </div>
                </div>

                <!-- Network Card 8 -->
                <div class="network-card glass-panel">
                    <div class="network-card-icon">🛒</div>
                    <h3 class="network-card-title">Ecommerce News</h3>
                    <p class="network-card-desc">Up-to-the-minute coverage of online retail trends, marketplace updates,
                        and shopping insights that keep consumers and sellers ahead of the curve.
                    </p>
                    <div class="network-card-meta">
                        <span class="network-card-lang">EN, DE, FR, ES, PT</span>
                        <span class="network-card-traffic">2.9M+ Monthly</span>
                    </div>
                </div>

                <!-- Network Card 9 -->
                <div class="network-card glass-panel">
                    <div class="network-card-icon">💰</div>
                    <h3 class="network-card-title">Financial</h3>
                    <p class="network-card-desc">Trusted reviews and comparisons of credit cards, banking services, loans,
                        and investment tools, empowering smarter money decisions for consumers worldwide.
                    </p>
                    <div class="network-card-meta">
                        <span class="network-card-lang">EN, DE, FR, ES</span>
                        <span class="network-card-traffic">2.7M+ Monthly</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Interactive Multilingual Showcase -->
    <section id="reviews">
        <div class="container">
            <div class="section-header">
                <span class="section-tag">Visual Experience</span>
                <h2 class="section-title">Multilingual Review Preview</h2>
                <p class="section-subtitle">LAT builds high-quality content adhering to Google's E-E-A-T standards.
                    Select a language to preview an actual article structure:</p>
            </div>

            <div class="showcase-container">
                <!-- Tab Headers -->
                <div class="showcase-tabs">
                    <button class="showcase-tab active" onclick="switchLanguageTab('en')">English Edition
                        (Global)</button>
                    <button class="showcase-tab" onclick="switchLanguageTab('de')">Deutsch Edition (DACH)</button>
                    <button class="showcase-tab" onclick="switchLanguageTab('fr')">Français Edition (Europe)</button>
                    <button class="showcase-tab" onclick="switchLanguageTab('es')">Español Edition (LATAM)</button>
                    <button class="showcase-tab" onclick="switchLanguageTab('pt')">Português Edition (Brasil)</button>
                </div>

                <!-- Tab Contents Wrapper -->
                <div class="showcase-content-wrapper glass-panel">

                    <!-- ENGLISH PANEL -->
                    <div class="showcase-panel active" id="panel-en">
                        <div class="review-card">
                            <div class="review-card-header">
                                <div class="review-prod-info">
                                    <h4>Aura Hub Pro - Ultimate Smart Home Controller</h4>
                                    <span>Category: Smart Home / IoT Device</span>
                                </div>
                                <div class="review-rating-box">
                                    <div class="review-stars">★★★★★</div>
                                    <div class="review-score">Rating: 4.9 / 5.0</div>
                                </div>
                            </div>
                            <div class="review-body">
                                <p><strong>Editorial Verdict:</strong> The Aura Hub Pro stands out as the premier smart
                                    home orchestrator in 2026. Designed with local Zigbee 3.0 and Thread processing, it
                                    guarantees lightning-fast execution and uncompromised local security. If you are
                                    aiming to consolidate a multi-brand ecosystem under a unified dashboard, this device
                                    provides class-leading performance.</p>
                            </div>
                            <div class="review-pros-cons">
                                <div class="review-pros">
                                    <div class="review-pros-title">PROS</div>
                                    <ul class="review-pros-list">
                                        <li>Seamless multi-protocol integration (Thread, Matter, Zigbee, Z-Wave)</li>
                                        <li>Local-first automation execution with zero cloud latency</li>
                                        <li>Extremely sleek, premium brushed aluminum casing</li>
                                    </ul>
                                </div>
                                <div class="review-cons">
                                    <div class="review-cons-title">CONS</div>
                                    <ul class="review-cons-list">
                                        <li>Premium price tag compared to entry-level hubs</li>
                                        <li>Requires initial setup via a robust 2.4GHz Wi-Fi network</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="review-card-footer">
                                <span class="review-badge-lang">English Market</span>
                                <a href="https://www.lat.vn/" class="review-action-btn">Explore Live Affiliate Site</a>
                            </div>
                        </div>
                    </div>

                    <!-- GERMAN PANEL -->
                    <div class="showcase-panel" id="panel-de">
                        <div class="review-card">
                            <div class="review-card-header">
                                <div class="review-prod-info">
                                    <h4>EcoGlow Kaffeemaschine - Smarte Kaffeekunst</h4>
                                    <span>Kategorie: Haushaltsgeräte & Küche</span>
                                </div>
                                <div class="review-rating-box">
                                    <div class="review-stars">★★★★☆</div>
                                    <div class="review-score">Bewertung: 4.7 / 5.0</div>
                                </div>
                            </div>
                            <div class="review-body">
                                <p><strong>Fazit der Redaktion:</strong> Die EcoGlow Kaffeemaschine vereint meisterhaft
                                    deutsche Ingenieurskunst mit nachhaltiger Haushalts-Technologie. Das präzise
                                    Kegelmahlwerk garantiert ein exzellentes Aroma bei minimalem Energieverbrauch. Ideal
                                    für Kaffeeliebhaber, die Wert auf Langlebigkeit und Umweltfreundlichkeit im Alltag
                                    legen.</p>
                            </div>
                            <div class="review-pros-cons">
                                <div class="review-pros">
                                    <div class="review-pros-title">VORTEILE</div>
                                    <ul class="review-pros-list">
                                        <li>Hervorragende Energieeffizienzklasse (A+++)</li>
                                        <li>Präzise Temperatureinstellung für optimalen Brühprozess</li>
                                        <li>Intuitive Smartphone-App-Integration</li>
                                    </ul>
                                </div>
                                <div class="review-cons">
                                    <div class="review-cons-title">NACHTEILE</div>
                                    <ul class="review-cons-list">
                                        <li>Wassertank (1,2 Liter) is für Großfamilien etwas klein geraten</li>
                                        <li>Relativ hoher Anschaffungspreis</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="review-card-footer">
                                <span class="review-badge-lang">Deutscher Markt</span>
                                <a href="https://www.lat.vn/" class="review-action-btn">Projektseite anzeigen</a>
                            </div>
                        </div>
                    </div>

                    <!-- FRENCH PANEL -->
                    <div class="showcase-panel" id="panel-fr">
                        <div class="review-card">
                            <div class="review-card-header">
                                <div class="review-prod-info">
                                    <h4>LumiSkin Pro - Appareil Anti-Âge Premium</h4>
                                    <span>Catégorie: Beauté & Soins du Visage</span>
                                </div>
                                <div class="review-rating-box">
                                    <div class="review-stars">★★★★★</div>
                                    <div class="review-score">Note: 4.8 / 5.0</div>
                                </div>
                            </div>
                            <div class="review-body">
                                <p><strong>Avis de la Rédaction:</strong> LumiSkin Pro redéfinit les standards des soins
                                    du visage technologiques à domicile. Doté d'une triple technologie de thérapie par
                                    la lumière LED et de micro-courants ciblés, cet appareil produit des résultats
                                    cliniquement prouvés dès les 14 premiers jours d'utilisation quotidienne.</p>
                            </div>
                            <div class="review-pros-cons">
                                <div class="review-pros">
                                    <div class="review-pros-title">POUR</div>
                                    <ul class="review-pros-list">
                                        <li>Résultats visibles extrêmement rapides (fermeté, éclat)</li>
                                        <li>Design ergonomique premium et très simple à prendre en main</li>
                                        <li>Excellente autonomie de batterie avec chargeur USB-C</li>
                                    </ul>
                                </div>
                                <div class="review-cons">
                                    <div class="review-cons-title">CONTRE</div>
                                    <ul class="review-cons-list">
                                        <li>Manuel d'utilisation initialement peu traduit</li>
                                        <li>Prix haut de gamme, mais rentable par rapport aux soins en institut</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="review-card-footer">
                                <span class="review-badge-lang">Marché Français</span>
                                <a href="https://www.lat.vn/" class="review-action-btn">Voir le site partenaire</a>
                            </div>
                        </div>
                    </div>

                    <!-- SPANISH PANEL -->
                    <div class="showcase-panel" id="panel-es">
                        <div class="review-card">
                            <div class="review-card-header">
                                <div class="review-prod-info">
                                    <h4>AeroFit X1 - Bicicleta Estática Inteligente Premium</h4>
                                    <span>Categoría: Fitness & Equipamiento Deportivo</span>
                                </div>
                                <div class="review-rating-box">
                                    <div class="review-stars">★★★★★</div>
                                    <div class="review-score">Puntuación: 4.7 / 5.0</div>
                                </div>
                            </div>
                            <div class="review-body">
                                <p><strong>Opinión del Equipo Editorial:</strong> La AeroFit X1 redefine el concepto de
                                    entrenamiento en casa con su sistema de resistencia magnética de 32 niveles y una
                                    pantalla HD de 21 pulgadas que ofrece clases en vivo y bajo demanda. Su diseño
                                    compacto y silencioso la convierte en la opción ideal para espacios reducidos sin
                                    sacrificar la calidad profesional del ejercicio.</p>
                            </div>
                            <div class="review-pros-cons">
                                <div class="review-pros">
                                    <div class="review-pros-title">VENTAJAS</div>
                                    <ul class="review-pros-list">
                                        <li>Resistencia magnética ultrasilenciosa con 32 niveles ajustables</li>
                                        <li>Pantalla HD integrada con más de 500 clases disponibles</li>
                                        <li>Diseño compacto plegable ideal para apartamentos pequeños</li>
                                    </ul>
                                </div>
                                <div class="review-cons">
                                    <div class="review-cons-title">DESVENTAJAS</div>
                                    <ul class="review-cons-list">
                                        <li>Suscripción mensual requerida para acceso completo a clases</li>
                                        <li>Peso máximo de usuario limitado a 120 kg</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="review-card-footer">
                                <span class="review-badge-lang">Mercado Hispano</span>
                                <a href="https://www.lat.vn/" class="review-action-btn">Ver sitio del socio</a>
                            </div>
                        </div>
                    </div>

                    <!-- PORTUGUESE PANEL -->
                    <div class="showcase-panel" id="panel-pt">
                        <div class="review-card">
                            <div class="review-card-header">
                                <div class="review-prod-info">
                                    <h4>NovaBrew Elite - Máquina de Café Automática Premium</h4>
                                    <span>Categoria: Cozinha & Eletrodomésticos</span>
                                </div>
                                <div class="review-rating-box">
                                    <div class="review-stars">★★★★★</div>
                                    <div class="review-score">Nota: 4.9 / 5.0</div>
                                </div>
                            </div>
                            <div class="review-body">
                                <p><strong>Parecer da Redação:</strong> A NovaBrew Elite estabelece um novo padrão para
                                    as máquinas de café domésticas com seu sistema de extração de dupla pressão e moedor
                                    integrado com 18 configurações de granulometria. Equipada com conectividade Wi-Fi e
                                    um aplicativo intuitivo, permite programar e personalizar cada xícara diretamente do
                                    smartphone, entregando resultados dignos de uma cafeteria artesanal.</p>
                            </div>
                            <div class="review-pros-cons">
                                <div class="review-pros">
                                    <div class="review-pros-title">PRÓS</div>
                                    <ul class="review-pros-list">
                                        <li>Sistema de extração com dupla pressão para sabor intenso e encorpado</li>
                                        <li>Aplicativo intuitivo com perfis de café personalizáveis</li>
                                        <li>Reservatório de água extra-grande (2.5L) com filtro integrado</li>
                                    </ul>
                                </div>
                                <div class="review-cons">
                                    <div class="review-cons-title">CONTRAS</div>
                                    <ul class="review-cons-list">
                                        <li>Preço premium, porém justificável pela qualidade excepcional</li>
                                        <li>Requer limpeza automática diária para manter o desempenho ideal</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="review-card-footer">
                                <span class="review-badge-lang">Mercado Brasileiro</span>
                                <a href="https://www.lat.vn/" class="review-action-btn">Ver site do parceiro</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <!-- Dedicated #IFLMMO Course Section -->
    <section id="course"
        style="background: rgba(255, 255, 255, 0.005); border-top: 1px solid rgba(255, 255, 255, 0.02); border-bottom: 1px solid rgba(255, 255, 255, 0.02);">
        <div class="container">
            <div class="section-header">
                <span class="section-tag" style="color: var(--accent-emerald);">Practical Training</span>
                <h2 class="section-title">Amazon Affiliate Course #IFLMMO</h2>
                <p class="section-subtitle">Build a sustainable passive income stream of $2,000+/month and master the
                    global affiliate marketing landscape.</p>
            </div>

            <div class="glass-panel" style="padding: 40px; border-color: rgba(16, 185, 129, 0.15);">
                <div class="course-header">
                    <h3>#IFLMMO: EXCLUSIVE TRAINING PROGRAM</h3>
                    <p>Designed and supported directly by Tran Ngoc Thuy (AffiliateCMS.com)</p>
                </div>

                <!-- YouTube Video Embed -->
                <div style="margin: 36px 0 32px; text-align: center;">
                    <div
                        style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 16px; box-shadow: 0 8px 40px rgba(16,185,129,0.18), 0 2px 12px rgba(0,0,0,0.4); border: 1px solid rgba(16,185,129,0.18);">
                        <iframe src="https://www.youtube.com/embed/p4E52TSG1nE"
                            title="Amazon Affiliate Course #IFLMMO - AffiliateCMS.com" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                            allowfullscreen
                            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px;">
                        </iframe>
                    </div>
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSfDVtwh21B95hT8KwEulXfGOhA3bPEeFgqiQ-kfpfWbp0qPXw/viewform"
                        target="_blank" rel="noopener" class="btn-mmo-register"
                        style="display: inline-block; margin-top: 28px; font-size: 1.1rem; padding: 16px 40px;">
                        🚀 Register for the #IFLMMO Group Course Now
                    </a>
                </div>

                <div class="course-intro-grid">
                    <div class="course-benefits-box">
                        <h4>Distinctive Mindset & Strategy at #IFLMMO:</h4>
                        <ul class="course-benefits-list">
                            <li><strong>No programming skills required:</strong> Step-by-step guidance to set up a
                                dedicated WordPress site with simple drag-and-drop.</li>
                            <li><strong>No English proficiency required:</strong> Leverage keyword optimization
                                workflows and AI-driven content generation tailored to native standards.</li>
                            <li><strong>Lean start:</strong> Launch your project with just $10-$12 for a domain name and
                                around $68/year for hosting.</li>
                            <li><strong>Build real assets:</strong> Establish your own brand and long-term Authority
                                Domain rather than chasing short-term gains.</li>
                        </ul>
                    </div>
                    <div class="course-mmo-stats">
                        <div class="course-stat-item">💡 <strong>Learning Model:</strong> 80% Amazon Affiliate + 20% CJ,
                            Impact, Awin, Adsense...</div>
                        <div class="course-stat-item">👨‍🏫 <strong>Instructor:</strong> Tran Ngoc Thuy (Direct 1-1
                            support to resolve issues)</div>
                        <div class="course-stat-item">💻 <strong>Special Offer:</strong> Free high-quality VPS hosting
                            for the first 12 months</div>
                    </div>
                </div>

                <h4
                    style="margin-bottom:20px; color:var(--text-primary); text-align: center; text-transform: uppercase; font-family: var(--font-heading); letter-spacing: 0.5px;">
                    #IFLMMO REGISTRATION PACKAGES</h4>
                <div class="course-grid">
                    <!-- Package 1 -->
                    <div class="course-card popular">
                        <span class="course-title">Group #IFLMMO Package</span>
                        <div class="course-price">19,999,999 VND</div>
                        <ul class="course-features-list">
                            <li>Complete, detailed video lectures from basic to advanced levels</li>
                            <li>Direct 1-1 support from instructor Tran Ngoc Thuy on your personal project</li>
                            <li>Access to community groups & weekly Google Meet Q&A at 9:30 PM every Thursday</li>
                            <li>Pre-configured standard affiliate deals/coupons website</li>
                            <li>Get additional free websites as your revenue hits major milestones</li>
                        </ul>
                    </div>
                    <!-- Package 2 -->
                    <div class="course-card">
                        <span class="course-title">1-1 Personalized Training</span>
                        <div class="course-price">80,000,000 VND</div>
                        <ul class="course-features-list">
                            <li>Personalized 1-1 direct training (Offline or via Google Meet)</li>
                            <li>7 intensive 1-1 sessions directly with the instructor</li>
                            <li>Flexible scheduling customized for evening classes</li>
                            <li>Strategic direction & troubleshooting directly on your live MMO project</li>
                            <li>Unlimited website setups</li>
                        </ul>
                    </div>
                    <!-- Package 3 -->
                    <div class="course-card">
                        <span class="course-title">VIP Money-back Guarantee</span>
                        <div class="course-price">120,000,000 VND</div>
                        <ul class="course-features-list">
                            <li>Receive all exclusive privileges of the 1-1 intensive package</li>
                            <li>Close mentorship and strict progress tracking on your real project</li>
                            <li><strong>100% tuition refund</strong> after 10-12 months if your project does not reach
                                $2,000/month (conditional on following instructions)</li>
                        </ul>
                    </div>
                </div>

                <div class="course-billing-info">
                    <div class="course-billing-title">💳 Billing & Payment Details</div>
                    <div class="course-billing-grid">
                        <div class="course-billing-item"><strong>Account Holder:</strong> TRAN NGOC THUY</div>
                        <div class="course-billing-item"><strong>Account Number:</strong> 8824082019</div>
                        <div class="course-billing-item"><strong>Bank:</strong> BIDV - Ngoc Khanh Hanoi Branch</div>
                        <div class="course-billing-item"><strong>Transfer Note:</strong> Full Name + Phone Number +
                            Email</div>
                    </div>
                </div>

                <h4 class="course-faq-title">FREQUENTLY ASKED QUESTIONS (FAQ)</h4>
                <div class="course-faq-grid">
                    <div class="faq-item">
                        <h5>Can I join if I have zero background in SEO & Affiliate marketing?</h5>
                        <p>Absolutely. The course is structured with a step-by-step roadmap tailored specifically for
                            beginners, featuring hands-on practice on live systems.</p>
                    </div>
                    <div class="faq-item">
                        <h5>Is this course theoretical or practical?</h5>
                        <p>100% practical. Everything you learn is immediately applied to building real websites,
                            conducting real keyword research, creating standard content, and driving real traffic.</p>
                    </div>
                    <div class="faq-item">
                        <h5>What are the capital requirements besides tuition fees?</h5>
                        <p>Very minimal: You only need around $10-$12/year for a domain and about $68/year for hosting.
                            There is absolutely no requirement to run expensive ads.</p>
                    </div>
                    <div class="faq-item">
                        <h5>How long before I see results after completing the course?</h5>
                        <p>Organic traffic usually starts after 1-2 months. Steady income can be expected within 3-6
                            months if instructions are followed diligently, and you can scale into a larger network
                            within 6-12 months.</p>
                    </div>
                </div>

                <div style="text-align: center; margin-top: 30px;">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSfDVtwh21B95hT8KwEulXfGOhA3bPEeFgqiQ-kfpfWbp0qPXw/viewform"
                        target="_blank" class="btn-mmo-register">
                        Register for the #IFLMMO Group Course
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Core Values -->
    <section id="values" style="background: rgba(255, 255, 255, 0.01);">
        <div class="container">
            <div class="section-header">
                <span class="section-tag">Commitment & Principles</span>
                <h2 class="section-title">Our Core Values at LAT</h2>
                <p class="section-subtitle">We build a sustainable ecosystem grounded in absolute trust and optimal
                    efficiency.</p>
            </div>

            <!-- Core values cards grid -->
            <div class="values-grid">
                <div class="value-card glass-panel">
                    <div class="value-icon">💎</div>
                    <h3 class="value-title">Transparency</h3>
                    <p class="value-desc">All comparison and rating content strictly complies with international
                        consumer protection regulations and transparent affiliate disclosure policies.</p>
                </div>
                <div class="value-card glass-panel">
                    <div class="value-icon">🤝</div>
                    <h3 class="value-title">Trustworthiness</h3>
                    <p class="value-desc">Our readers are our greatest asset. LAT is committed to providing only
                        fact-checked, expert-verified information rather than automated, low-quality translations.</p>
                </div>
                <div class="value-card glass-panel">
                    <div class="value-icon">⚡</div>
                    <h3 class="value-title">Optimization</h3>
                    <p class="value-desc">We continuously improve site speed and customize user interfaces to match the
                        specific preferences of English, German, French, Spanish, and Portuguese markets for optimized
                        conversion rates.</p>
                </div>
                <div class="value-card glass-panel">
                    <div class="value-icon">🌱</div>
                    <h3 class="value-title">Sustainability</h3>
                    <p class="value-desc">We focus on building white-hat SEO digital assets, establishing deep
                        partnerships with top-tier affiliate networks including Amazon Associates, Awin, and ShareASale.
                    </p>
                </div>
            </div>

            <!-- Responsibility Layout -->
            <div class="responsibility-layout">
                <!-- Column 1 -->
                <div class="resp-card glass-panel" style="border-left: 3px solid var(--accent-gold);">
                    <h3>For Consumers</h3>
                    <ul>
                        <li>Delivering objective, multi-dimensional review content that clearly highlights the real pros
                            and cons of each product.</li>
                        <li>Serving as a practical shopping guide to help consumers save time and optimize their
                            personal budgets.</li>
                        <li>Protecting user data in strict compliance with the European Union's GDPR guidelines.</li>
                    </ul>
                </div>
                <!-- Column 2 -->
                <div class="resp-card glass-panel" style="border-left: 3px solid var(--accent-emerald);">
                    <h3>For Partners & Community</h3>
                    <ul>
                        <li>Delivering high-quality traffic with high purchasing intent while adhering to strict
                            e-commerce guidelines.</li>
                        <li>Fostering a fair and competitive landscape based purely on the actual quality of reviewed
                            products and services.</li>
                        <li>Promoting the development of an ethical, sophisticated, and professional affiliate marketing
                            ecosystem.</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Company Registration Section (Company & Maps) -->
    <section id="company">
        <div class="container">
            <div class="section-header">
                <span class="section-tag">Company Profile</span>
                <h2 class="section-title">Official Legal Information</h2>
                <p class="section-subtitle">Official business registration details of Life and Technology Joint Stock
                    Company.</p>
            </div>

            <div class="company-layout">
                <!-- Info Card -->
                <div class="company-detail-card glass-panel">
                    <h3>LIFE AND TECHNOLOGY JOINT STOCK COMPANY</h3>

                    <h4
                        style="color: var(--accent-gold); margin: 20px 0 12px 0; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid rgba(223, 183, 92, 0.15); padding-bottom: 6px;">
                        Vietnam Headquarters</h4>
                    <ul class="company-info-list" style="margin-bottom: 24px;">
                        <li>
                            <strong>Tax Code:</strong>
                            <span>0108058245</span>
                        </li>
                        <li>
                            <strong>International Name:</strong>
                            <span>LIANTE .,JSC</span>
                        </li>
                        <li>
                            <strong>Short Name:</strong>
                            <span>LIANTE .,JSC</span>
                        </li>
                        <li>
                            <strong>Legal Structure:</strong>
                            <span>Joint Stock Company</span>
                        </li>
                        <li>
                            <strong>Registration Date:</strong>
                            <span>14/11/2017</span>
                        </li>
                        <li>
                            <strong>Headquarters:</strong>
                            <span>No. 19 Pham Than Duat Street, Phu Dien Ward, Bac Tu Liem District, Hanoi City,
                                Vietnam.</span>
                        </li>
                        <li>
                            <strong>Email:</strong>
                            <span><a href="/cdn-cgi/l/email-protection#11727e7f65707265517d70653f677f">Contact us</a></span>
                        </li>
                    </ul>

                    <h4
                        style="color: var(--accent-gold); margin: 20px 0 12px 0; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid rgba(223, 183, 92, 0.15); padding-bottom: 6px;">
                        US Representative Office</h4>
                    <ul class="company-info-list">
                        <li>
                            <strong>Address:</strong>
                            <span>CooWorking, 580 California Street, 12th Floor, San Francisco, CA 94104</span>
                        </li>
                        <li>
                            <strong>Phone:</strong>
                            <span>+1 415-214-3975</span>
                        </li>
                        <li>
                            <strong>Email:</strong>
                            <span><a href="/cdn-cgi/l/email-protection#41222e2f35202235012d20356f372f">Contact us</a></span>
                        </li>
                    </ul>
                    <div style="margin-top: 30px;">
                        <a href="https://www.google.com/maps/place/C%C3%B4ng+Ty+C%E1%BB%95+Ph%E1%BA%A7n+Life+And+Technology/@21.0441978,105.7784079,17z/data=!3m1!4b1!4m6!3m5!1s0x313454cc5d8db973:0xee77c12ee5ddcf92!8m2!3d21.0441978!4d105.7784079!16s%2Fg%2F11flt90ctg?entry=ttu&g_ep=EgoyMDI1MDcyMy4wIKXMDSoASAFQAw%3D%3D"
                            target="_blank" class="btn-contact" style="display: inline-block;">
                            Get directions on Google Maps
                        </a>
                    </div>
                </div>

                <!-- Google Map Card -->
                <div class="company-map-card glass-panel">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3723.8297725946897!2d105.77583297593645!3d21.044197787413645!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x313454cc5d8db973%3A0xee77c12ee5ddcf92!2zQ8O0bmcgVHkgQ-G7lSBQaOG6p24gTGlmZSBBbmQgVGVjaG5vbG9neQ!5e0!3m2!1sen!2svn!4v1716891000000!5m2!1sen!2svn"
                        allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>
    </section>

    <!-- Disclaimer Section -->
    <section id="disclaimer"
        style="background: rgba(255, 255, 255, 0.005); border-top: 1px solid rgba(255, 255, 255, 0.03); padding: 48px 0; font-size: 13px; color: var(--text-muted); line-height: 1.7;">
        <div class="container">
            <div class="glass-panel"
                style="padding: 32px; border-color: rgba(223, 183, 92, 0.08); background: rgba(10, 20, 18, 0.3);">
                <h3
                    style="color: var(--text-primary); font-size: 16px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; font-family: var(--font-heading); display: flex; align-items: center; gap: 8px;">
                    ⚠️ Disclaimer & Disclosure
                </h3>

                <!-- Mandatory Amazon Disclosure -->
                <div
                    style="margin-bottom: 20px; padding: 16px; background: rgba(223, 183, 92, 0.03); border-left: 3px solid var(--accent-gold); border-radius: 4px; color: var(--text-secondary);">
                    <p style="margin-bottom: 8px; font-weight: 500;">As an Amazon Associate, we earn from qualifying
                        purchases.</p>
                    <p>We are a member of the Amazon Services LLC Associates network, an affiliate advertising program
                        that allows sites to earn revenue by advertising and referring to Amazon.com.</p>
                </div>

                <!-- General FTC & Affiliate Programs -->
                <p style="margin-bottom: 16px;">
                    We are fully committed to transparency and comply with the guidelines set forth by the Federal Trade
                    Commission (FTC). We only recommend products we genuinely believe in based on thorough research,
                    verified user experiences, pros and cons analysis, and clear rating systems. The websites owned,
                    operated, or managed by Life and Technology may also contain affiliate links from various trusted
                    programs, and we may earn a commission if you make a purchase through these links, including
                    <strong>FlexOffers, Awin, CJ, Impact, Rakuten, Walmart Affiliate Program, Best Buy Affiliate
                        Program</strong>, and other reputable networks.
                </p>

                <!-- Intellectual Property -->
                <p style="margin-bottom: 16px;">
                    All information, articles, and product details provided on this website, as well as on all websites
                    and digital properties operated by Life and Technology, are for general informational and
                    educational purposes only. We do not claim any ownership over, nor do we intend to infringe upon,
                    any trademarks, copyrights, logos, brand names, or other intellectual property mentioned or depicted
                    across our network. Such intellectual property remains the property of its respective owners, and
                    any references are made solely for identification or informational purposes, without implying any
                    affiliation, endorsement, or partnership.
                </p>

                <!-- No Professional Advice & Warranties -->
                <p style="margin-bottom: 16px;">
                    We make no representations or warranties, express or implied, regarding the accuracy, completeness,
                    or suitability of any content or products presented on this website or any website in our network.
                    Nothing on these platforms should be construed as legal, tax, investment, financial, medical, or
                    other professional advice. In addition, no part of our websites, including articles or product
                    references, constitutes a solicitation, recommendation, endorsement, advertisement, or offer to buy
                    or sell any securities, franchises, or other financial instruments, particularly in jurisdictions
                    where such activity would be unlawful.
                </p>

                <!-- Risk & Responsibility Release -->
                <p style="margin-bottom: 16px;">
                    All content is of a general nature and may not address the specific circumstances of any individual
                    or entity. It is not a substitute for professional advice or services. Any actions you take based on
                    the information provided on our websites are strictly at your own risk. You accept full
                    responsibility for any decisions or outcomes arising from your use of this website or any of our
                    operated digital properties, and agree to release us from any liability in connection with your use
                    of, or reliance upon, the content or products found herein.
                </p>

                <!-- Pricing, Availability & API Sourcing Disclaimer -->
                <p style="margin-bottom: 16px;">
                    Prices, promotions, and product availability across our network of websites are subject to frequent
                    changes by Amazon, Best Buy, Walmart, and other retail partners. Consequently, specific deals,
                    pricing, and offers may expire at any time or become unavailable without notice. We recommend
                    referencing the original publication date of our content to understand when a product recommendation
                    or deal was published, and we advise always verifying current pricing and stock directly on the
                    retailer's official website prior to making any purchase.
                </p>
                <p style="margin-bottom: 16px;">
                    Some product titles, descriptions, images, pricing, affiliate links, and highlights featured across
                    our platforms are retrieved dynamically through official partner APIs, including the Amazon Product
                    Advertising API, Creators API, and other retailer tools. Additional affiliate links, product images,
                    titles, descriptions, and related marketing details may also be obtained securely via the APIs or
                    affiliate platforms provided by our reputable partner networks.
                </p>

                <!-- Social Media & FTC Compliance -->
                <div
                    style="margin-top: 24px; padding: 16px; background: rgba(16, 185, 129, 0.03); border-left: 3px solid var(--accent-emerald); border-radius: 4px; color: var(--text-secondary);">
                    <p style="margin-bottom: 8px; font-weight: 600; color: var(--text-primary);">Social Media & FTC
                        Compliance</p>
                    <p style="margin-bottom: 8px;">When we share product recommendations on our social media channels
                        and include affiliate links (to Amazon or other partners), we clearly disclose the affiliate
                        relationship in accordance with FTC guidelines. This is done by:</p>
                    <ul style="list-style-type: disc; padding-left: 20px; margin-bottom: 8px; font-size: 12.5px;">
                        <li style="margin-bottom: 4px;">Linking to this Affiliate Disclosure page, or</li>
                        <li>Using clear indicators such as “#ad”, “#affiliate”, or “#commissionsearned” in the post.
                        </li>
                    </ul>
                    <p style="margin: 0;">We strive to ensure all sponsored content and affiliate relationships are
                        transparent so you can trust the recommendations we provide.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-grid">
                <!-- Column 1 -->
                <div class="footer-brand">
                    <h4>LAT</h4>
                    <p>A professional affiliate marketing ecosystem with multilingual reviews, product comparisons, and
                        curated coupons and deals, covering North America and Europe. We're here to make sure you always
                        get the best deal!</p>
                </div>

                <!-- Column 2 -->
                <div class="footer-links-col">
                    <h5>Quick Links</h5>
                    <ul class="footer-links">
                        <li><a href="https://www.lat.vn/">Home</a></li>
                        <li><a href="#about">About Us</a></li>
                        <li><a href="#network">Affiliate Network</a></li>
                        <li><a href="#course">Course #IFLMMO</a></li>
                        <li><a href="#company">Partnership & Contact</a></li>
                    </ul>
                </div>

                <!-- Column 3 -->
                <div class="footer-links-col">
                    <h5>Legal & Support</h5>
                    <ul class="footer-links">
                        <li><a href="https://www.lat.vn/dieu-khoan-su-dung/">Terms of Use</a></li>
                        <li><a href="https://www.lat.vn/chinh-sach-bao-mat/">Privacy Policy</a></li>
                        <li><a href="https://www.lat.vn/ho-tro/">Support Center</a></li>
                    </ul>
                </div>
            </div>

            <!-- Footer Bottom -->
            <div class="footer-bottom">
                <div class="footer-copyright">
                    &copy; 2026 Life and Technology Company. All rights reserved.
                </div>
                <div class="footer-socials">
                    <a href="https://www.lat.vn/" class="social-link" title="LinkedIn">in</a>
                    <a href="https://www.lat.vn/" class="social-link" title="Twitter">X</a>
                    <a href="https://www.lat.vn/" class="social-link" title="Facebook">f</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- Tab Switching Script -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        function switchLanguageTab(lang, scrollToSection) {
            // Remove active classes from all tabs
            const tabs = document.querySelectorAll('.showcase-tab');
            tabs.forEach(tab => {
                tab.classList.remove('active');
            });

            // Remove active classes from all panels
            const panels = document.querySelectorAll('.showcase-panel');
            panels.forEach(panel => {
                panel.classList.remove('active');
            });

            // Map lang codes to tab indices
            const langMap = { 'en': 0, 'de': 1, 'fr': 2, 'es': 3, 'pt': 4 };
            const idx = langMap[lang];
            if (idx !== undefined && tabs[idx]) {
                tabs[idx].classList.add('active');
            }

            // Activate the matching panel
            const panel = document.getElementById('panel-' + lang);
            if (panel) {
                panel.classList.add('active');
            }

            // Sync with navbar language pills
            const pills = document.querySelectorAll('.lang-pill');
            pills.forEach(pill => {
                pill.classList.remove('active');
                if ((pill.dataset.lang || pill.innerText.toLowerCase()) === lang) {
                    pill.classList.add('active');
                }
            });

            // Scroll to showcase section when triggered from navbar pills
            if (scrollToSection) {
                const section = document.getElementById('reviews');
                if (section) {
                    section.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }
            }
        }

        // Add event listeners to navbar pills to scroll to & switch showcase tabs
        document.querySelectorAll('.lang-pill').forEach(pill => {
            pill.addEventListener('click', function () {
                const targetLang = this.dataset.lang || this.innerText.toLowerCase();
                if (['en', 'de', 'fr', 'es', 'pt'].includes(targetLang)) {
                    switchLanguageTab(targetLang, true);
                }
            });
        });
    </script>
</body>

</html>