<!DOCTYPE html>
<html lang="en">
  <head>
  <script type="importmap">
{
  "imports": {
    "react-dom/": "https://esm.sh/react-dom@^19.2.3/",
    "react": "https://esm.sh/react@^19.2.3",
    "react/": "https://esm.sh/react@^19.2.3/"
  }
}
</script>
    <script type="module">import { injectIntoGlobalHook } from "/@react-refresh";
injectIntoGlobalHook(window);
window.$RefreshReg$ = () => {};
window.$RefreshSig$ = () => (type) => type;</script>

    <script type="module" src="/@vite/client"></script>

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-LB01W1F3VF"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-LB01W1F3VF');
    </script>

    <!-- Primary Meta Tags -->
    <title>LevxCalc | Professional Crypto Futures Calculator & Risk Analysis</title>
    <meta name="title" content="LevxCalc | Professional Crypto Futures Calculator & Risk Analysis" />
    <meta name="description" content="Advanced crypto futures calculator for Bitcoin & altcoins. Calculate liquidation price, PnL, ROE, funding rates & get AI-powered risk analysis. Professional trading tools for leverage positions." />
    <meta name="keywords" content="crypto calculator, futures calculator, leverage calculator, liquidation price, crypto trading, Bitcoin calculator, altcoin calculator, risk analysis, PnL calculator, ROE calculator, trading tools, crypto futures" />
    <meta name="author" content="Leverage X" />
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
    <meta name="language" content="English" />
    <meta name="revisit-after" content="7 days" />

    <!-- Canonical URL -->
    <link rel="canonical" href="https://levxcalc.com/" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://levxcalc.com/" />
    <meta property="og:title" content="LevxCalc | Professional Crypto Futures Calculator & Risk Analysis" />
    <meta property="og:description" content="Advanced crypto futures calculator for Bitcoin & altcoins. Calculate liquidation price, PnL, ROE, funding rates & get AI-powered risk analysis." />
    <meta property="og:image" content="https://levxcalc.com/logo.svg" />
    <meta property="og:image:width" content="200" />
    <meta property="og:image:height" content="60" />
    <meta property="og:image:type" content="image/svg+xml" />
    <meta property="og:site_name" content="LevxCalc" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://levxcalc.com/" />
    <meta property="twitter:title" content="LevxCalc | Professional Crypto Futures Calculator & Risk Analysis" />
    <meta property="twitter:description" content="Advanced crypto futures calculator for Bitcoin & altcoins. Calculate liquidation price, PnL, ROE, funding rates & get AI-powered risk analysis." />
    <meta property="twitter:image" content="https://levxcalc.com/logo.svg" />

    <!-- Theme and App -->
    <meta name="theme-color" content="#0f172a" />
    <meta name="msapplication-TileColor" content="#0f172a" />
    <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="LevxCalc" />

    <!-- Favicons -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <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="manifest" href="/site.webmanifest" />

    <!-- Preload Critical Resources -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;600;700&display=swap" as="style" />
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//cdn.tailwindcss.com" />

    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "LevxCalc",
      "description": "Professional crypto futures calculator for Bitcoin and altcoins with AI-powered risk analysis",
      "url": "https://levxcalc.com",
      "applicationCategory": "FinanceApplication",
      "operatingSystem": "Any",
      "browserRequirements": "Requires JavaScript",
      "author": {
        "@type": "Organization",
        "name": "Leverage X"
      },
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "featureList": [
        "Liquidation Price Calculator",
        "PnL Calculator",
        "ROE Calculator",
        "Risk Analysis with AI",
        "Funding Rate Calculator",
        "Position Size Calculator",
        "Multi-language Support"
      ]
    }
    </script>

    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
    <style>
      body {
        background-color: #0b121e;
        color: #e2e8f0;
        font-family: 'Inter', sans-serif;
      }
      .font-mono {
        font-family: 'JetBrains Mono', monospace;
      }
      /* Custom scrollbar for dense data tables */
      ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }
      ::-webkit-scrollbar-track {
        background: #0f172a; 
      }
      ::-webkit-scrollbar-thumb {
        background: #334155; 
        border-radius: 4px;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: #475569; 
      }
    </style>

<link rel="stylesheet" href="/index.css">
</head>
  <body>
    <div id="root"></div>
    <script type="module" src="/index.tsx"></script>
  </body>
</html>