index.html

<!doctype html>
<html lang="en" class="scroll-smooth">
  <head>
    <meta charset="UTF-8" />
    <!-- Favicon: Fluency geometric F monogram -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='6' y1='5' x2='26' y2='13' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2338BDF8'/%3E%3Cstop offset='0.6' stop-color='%234DA2FF'/%3E%3Cstop offset='1' stop-color='%232563EB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6 5.5C6 4.95 6.45 4.5 7 4.5H24.5C25.35 4.5 26 5.25 25.7 6.05L21.3 13.05C21.05 13.45 20.6 13.7 20.1 13.7H7C6.45 13.7 6 13.25 6 12.7V5.5Z' fill='url(%23g)'/%3E%3Cpath d='M6 16.5C6 15.95 6.45 15.5 7 15.5H19C19.8 15.5 20.45 16.2 20.2 16.95L16.8 22.45C16.55 22.85 16.15 23.1 15.7 23.1H11.5V26.5C11.5 27.05 11.05 27.5 10.5 27.5H7C6.45 27.5 6 27.05 6 26.5V16.5Z' fill='%230F172A'/%3E%3C/svg%3E" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Fluency — Build real fluency in Sui and Move</title>
    <meta name="description" content="Short, scored code challenges that build real Move smart contract fluency. Interactive proof of competence for Sui developers." />
    
    <!-- Google Fonts: Inter (Official Sui Typeface) & JetBrains Mono -->
    <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=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
  </head>
  <body class="bg-[#F7F6F2] text-[#111318] font-sans antialiased selection:bg-[#4DA2FF] selection:text-white min-h-[100dvh]">
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>