<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chaptalk | Earn Online Through Conversations</title>
    
    <!-- Primary Meta Tags -->
    <meta name="title" content="Chaptalk | Earn Online Through Conversations">
    <meta name="description" content="Chaptalk is a premium monetization platform. Chat with foreigners worldwide and earn daily income through verified conversational hosting.">
    <meta name="keywords" content="Chaptalk, earn money chatting, chat with foreigners, make money online Kenya, conversational income">
    <meta name="robots" content="index, follow">
    <meta name="language" content="English">
    <meta name="author" content="Chaptalk">
 
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.mulacent.com/register?ref=CHACB3EAB">
    <meta property="og:title" content="Chaptalk | Earn Online Through Conversations">
    <meta property="og:description" content="Turn your conversations into a professional income stream with Chaptalk. Join the world's most trusted host network.">
    <meta property="og:image" content="https://images.unsplash.com/photo-1553729459-efe14ef6055d?auto=format&fit=crop&w=1200&q=80">
 
    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><rect width=%22100%22 height=%22100%22 rx=%2225%22 fill=%22%232563EB%22/><text y=%22.82em%22 font-size=%2270%22 font-family=%22Outfit, sans-serif%22 font-weight=%22900%22 fill=%22%23ffffff%22 x=%2250%%22 text-anchor=%22middle%22>C</text></svg>">
    
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
      tailwind.config = {
        darkMode: 'class',
        theme: {
          extend: {
            colors: {
              primary: '#2563EB', 
              'primary-light': '#3B82F6',
              'bg-void': '#090d16', 
              'glass': 'rgba(255, 255, 255, 0.03)',
              'whatsapp': '#25D366',
            },
            fontFamily: {
              sans: ['Outfit', 'ui-sans-serif', 'system-ui', 'sans-serif'],
            }
          }
        }
      }
    </script>
    <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=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Outfit', ui-sans-serif, system-ui, sans-serif;
            transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            overflow-x: hidden;
            width: 100%;
        }
        .dark body { background-color: #090d16; color: #f1f5f9; }
        body:not(.dark) { background-color: #f8fafc; color: #0f172a; }
        
        .glass-card {
            backdrop-filter: blur(16px) saturate(180%);
            -webkit-backdrop-filter: blur(16px) saturate(180%);
            transition: all 0.3s ease;
        }
        .dark .glass-card {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        html:not(.dark) .glass-card {
            background: rgba(15, 23, 42, 0.02);
            border: 1px solid rgba(15, 23, 42, 0.06);
        }
        .input-transition {
            transition: all 0.3s ease;
        }
        ::selection { background: #2563EB; color: #ffffff; }
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #f1f5f9; }
        .dark ::-webkit-scrollbar-track { background: #090d16; }
        ::-webkit-scrollbar-thumb { background: #2563EB; border-radius: 10px; }
    </style>

<link rel="stylesheet" href="/index.css">
<script type="importmap">
{
  "imports": {
    "react-dom/": "https://esm.sh/react-dom@^19.2.4/",
    "react/": "https://esm.sh/react@^19.2.4/",
    "react": "https://esm.sh/react@^19.2.4"
  }
}
</script>
  <script type="module" crossorigin src="/assets/index-OJqNGKGx.js"></script>
</head>
<body class="dark:bg-bg-void transition-colors duration-500">
    <div id="root"></div>
</body>
</html>