<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <meta property="og:title" content="Rahul Sood's Unfiltered Feedback Loop" />
    <meta property="og:description" content="Precision. Clarity. Unseen Power." />
    <meta property="og:image" content="/og-image.png" />
    <meta property="og:type" content="website" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:image" content="/og-image.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Rahul Sood's Unfiltered Feedback Loop</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
      tailwind.config = {
        theme: {
          extend: {
            colors: {
              'brand-bg': '#1A0000',
              'brand-surface': '#2B0000',
              'brand-text': '#E0FFE0',
              'brand-text-secondary': '#8A9C8A',
              'brand-acid': '#39FF14',
              'brand-neon-red': '#FF073A',
              'brand-border': '#4D0000',
            },
            fontFamily: {
              sans: ['Unbounded', 'sans-serif'],
              mono: ['IBM Plex Mono', 'monospace'],
            },
            keyframes: {
              'glitch-in': {
                '0%': { transform: 'translateY(20px) skewX(-10deg)', opacity: '0' },
                '70%': { transform: 'translateY(0) skewX(0deg)', opacity: '1' },
                '80%': { transform: 'skewX(-5deg)', opacity: '1' },
                '90%': { transform: 'skewX(5deg)', opacity: '1' },
                '100%': { transform: 'skewX(0deg)', opacity: '1' },
              },
              flicker: {
                '0%, 100%': { opacity: '1' },
                '50%': { opacity: '0.7' },
              }
            },
            animation: {
              'glitch-in': 'glitch-in 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both',
              'flicker': 'flicker 2s infinite',
            },
          }
        }
      }
    </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=Unbounded:wght@900&family=IBM+Plex+Mono:wght@400;700&display=swap" rel="stylesheet">

<link rel="stylesheet" href="/index.css">
  <script type="importmap">
{
  "imports": {
    "react": "https://aistudiocdn.com/react@^19.2.0",
    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
    "react/": "https://aistudiocdn.com/react@^19.2.0/",
    "@google/genai": "https://aistudiocdn.com/@google/genai@^1.29.1"
  }
}
</script>
  <script type="module" crossorigin src="/assets/index-CMsOs2le.js"></script>
</head>
  <body class="bg-brand-bg font-mono">
    <div id="root"></div>
  </body>
</html>