<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <title>ACT-NORMAL.COM</title>
    <meta name="description" content="ACT-NORMAL.COM - Your platform for authentic connections" />
    <meta name="author" content="ACT-NORMAL" />

    <meta property="og:title" content="ACT-NORMAL.COM" />
    <meta property="og:description" content="Your platform for authentic connections" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="/og-image.png" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@actnormal" />
    <meta name="twitter:image" content="/og-image.png" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="manifest" href="/manifest.json" />
    <meta name="theme-color" content="#000000" />
    
    <!-- PWA Meta Tags -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="ACT-NORMAL" />
    <meta name="mobile-web-app-capable" content="yes" />
    
    <!-- Viewport meta for accessibility -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover" />
    
    <!-- Content Security Policy -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' data: https://cdn.jsdelivr.net https://unpkg.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https:; connect-src 'self' https://*.supabase.co https://api.newsapi.org https://newsapi.org; frame-src 'self'; object-src 'none'; base-uri 'self'; form-action 'self';" />
    
    <!-- Preconnect to external domains for performance -->
    <link rel="preconnect" href="https://images.unsplash.com" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://yrlmopgxpmxgptzuhepg.supabase.co" />
    <link rel="dns-prefetch" href="https://yrlmopgxpmxgptzuhepg.supabase.co" />
    
    <!-- Resource hints for better performance -->
    <link rel="preload" href="data:application/octet-stream;base64,aW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnCmltcG9ydCBBcHAgZnJvbSAnLi9BcHAudHN4JwppbXBvcnQgJy4vaW5kZXguY3NzJwoKLy8gUFdBIGZlYXR1cmVzIHJlbW92ZWQgYXMgcGVyIHVzZXIgcmVxdWVzdAoKY3JlYXRlUm9vdChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgicm9vdCIpISkucmVuZGVyKDxBcHAgLz4pOwo=" as="script" crossorigin="anonymous" />
    <link rel="modulepreload" href="data:application/octet-stream;base64,aW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnCmltcG9ydCBBcHAgZnJvbSAnLi9BcHAudHN4JwppbXBvcnQgJy4vaW5kZXguY3NzJwoKLy8gUFdBIGZlYXR1cmVzIHJlbW92ZWQgYXMgcGVyIHVzZXIgcmVxdWVzdAoKY3JlYXRlUm9vdChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgicm9vdCIpISkucmVuZGVyKDxBcHAgLz4pOwo=" crossorigin="anonymous" />
    
    <!-- Critical CSS for above-the-fold content -->
    <style>
      /* Critical styles for initial render */
      body { margin: 0; font-family: system-ui, -apple-system, sans-serif; }
      .min-h-screen { min-height: 100vh; }
      .flex { display: flex; }
      .flex-col { flex-direction: column; }
      .items-center { align-items: center; }
      .justify-center { justify-content: center; }
      .text-center { text-align: center; }
      .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
      .from-slate-900 { --tw-gradient-from: #0f172a; --tw-gradient-to: rgb(15 23 42 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
      .via-blue-900 { --tw-gradient-via: #1e3a8a; --tw-gradient-to: rgb(30 58 138 / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to); }
      .to-slate-900 { --tw-gradient-to: #0f172a; }
      .text-white { color: #ffffff; }
      .text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
      .font-bold { font-weight: 700; }
      .mb-6 { margin-bottom: 1.5rem; }
      .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
      .opacity-80 { opacity: 0.8; }
      .max-w-2xl { max-width: 42rem; }
      .mx-auto { margin-left: auto; margin-right: auto; }
      .mb-8 { margin-bottom: 2rem; }
      .flex-row { flex-direction: row; }
      .gap-4 { gap: 1rem; }
      .sm\:flex-row { flex-direction: row; }
      .sm\:gap-4 { gap: 1rem; }
      .justify-start { justify-content: flex-start; }
      .lg\:justify-start { justify-content: flex-start; }
      .bg-white { background-color: #ffffff; }
      .text-actnormal-blue { color: #3b82f6; }
      .hover\:bg-gray-100:hover { background-color: #f3f4f6; }
      .hover\:text-actnormal-darkblue:hover { color: #1e40af; }
      .border-white { border-color: #ffffff; }
      .text-black { color: #000000; }
      .bg-white\/90 { background-color: rgb(255 255 255 / 0.9); }
      .hover\:bg-white:hover { background-color: #ffffff; }
      .hover\:text-black:hover { color: #000000; }
      .pt-24 { padding-top: 6rem; }
      .pb-12 { padding-bottom: 3rem; }
      .px-4 { padding-left: 1rem; padding-right: 1rem; }
      .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
      .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
      .max-w-7xl { max-width: 80rem; }
      .container { width: 100%; }
      .gap-12 { gap: 3rem; }
      .lg\:flex-row { flex-direction: row; }
      .lg\:w-1\/2 { width: 50%; }
      .space-y-6 > * + * { margin-top: 1.5rem; }
      .space-y-4 > * + * { margin-top: 1rem; }
      .tracking-tight { letter-spacing: -0.025em; }
      .leading-tight { line-height: 1.25; }
      .mb-6 { margin-bottom: 1.5rem; }
      .mb-8 { margin-bottom: 2rem; }
      .mb-4 { margin-bottom: 1rem; }
      .pt-4 { padding-top: 1rem; }
      .ml-2 { margin-left: 0.5rem; }
      .h-5 { height: 1.25rem; }
      .w-5 { width: 1.25rem; }
      .size-lg { height: 2.75rem; padding-left: 1.5rem; padding-right: 1.5rem; }
      .variant-outline { border: 1px solid currentColor; }
      .asChild { display: contents; }
    </style>
    

    <script type="module" crossorigin src="/assets/index-B3kDSWVx.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-DXp2YHz8.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-26KQDOdF.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-khaVmnFk.js">
    <link rel="modulepreload" crossorigin href="/assets/lucide-Dz_cNnFf.js">
    <link rel="modulepreload" crossorigin href="/assets/router-DWHhom8E.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-IkuBRN-Y.js">
    <link rel="modulepreload" crossorigin href="/assets/animations-IklqagxJ.js">
    <link rel="stylesheet" crossorigin href="/assets/index-CsMafOjR.css">
  </head>

  <body>
    <div id="root"></div>
  </body>
</html>
