<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
    
    <!-- Primary Meta Tags -->
    <title>Pollchemy - Create, Vote & Debate on Trending Polls</title>
    <meta name="title" content="Pollchemy - Create, Vote & Debate on Trending Polls" />
    <meta name="description" content="Join the ultimate GenZ polling community. Create anonymous polls, vote on trending topics, and debate with others. Share polls on WhatsApp, Facebook, Instagram & Twitter." />
    <meta name="keywords" content="polls, voting, opinion, survey, GenZ, debate, trending, anonymous polls, social voting" />
    <meta name="author" content="Pollchemy" />
    
    <!-- Favicon -->
 <link rel="icon" type="image/png" href="/logo.png" />
<link rel="apple-touch-icon" href="/logo.png" />

    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://pollchemy.site/" />
    <meta property="og:site_name" content="Pollchemy" />
    <meta property="og:title" content="Pollchemy - Create, Vote & Debate on Trending Polls" />
    <meta property="og:description" content="Join the ultimate GenZ polling community. Create polls, vote on trending topics, and debate with the community." />
    <meta property="og:image" content="https://pollchemy.site/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Pollchemy - The GenZ Polling Community" />
    <meta property="og:locale" content="en_US" />
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://pollchemy.site/" />
    <meta name="twitter:site" content="@Pollchemy" />
    <meta name="twitter:creator" content="@Pollchemy" />
    <meta name="twitter:title" content="Pollchemy - Create, Vote & Debate on Trending Polls" />
    <meta name="twitter:description" content="Join the ultimate GenZ polling community. Create polls, vote on trending topics, and debate with the community." />
    <meta name="twitter:image" content="https://pollchemy.site/og-image.png" />
    <meta name="twitter:image:alt" content="Pollchemy - The GenZ Polling Community" />
    
    <!-- WhatsApp -->
    <meta property="og:image:secure_url" content="https://pollchemy.site/og-image.png" />
    
    <!-- Theme Color -->
    <meta name="theme-color" content="#6366f1" />
    <meta name="msapplication-TileColor" content="#6366f1" />
    
    <!-- Preconnect for fonts - CRITICAL for performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- Optimized Font Loading - Only load fonts you actually use -->
    <!-- Replace with your actual fonts. Example uses Inter (common choice for modern apps) -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Alternative: If you need 2 fonts (e.g., sans-serif + mono) -->
    <!-- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> -->
    
    <!-- Alternative: Popular combinations for polling apps -->
    <!-- <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet"> -->
    
    <style>
      /* Prevent Flash of Unstyled Text (FOUT) */
      body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
      }
      
      /* Loading indicator */
      #root:empty::before {
        content: '';
        position: fixed;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        border: 4px solid #f3f4f6;
        border-top-color: #6366f1;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
      }
      
      @keyframes spin {
        to { transform: rotate(360deg); }
      }
    </style>
    <script type="module" crossorigin src="/assets/index-CF4RjJnx.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DTn-luDk.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>