<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link href="/favicon.png" rel="icon" type="image/png">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <!-- Meta tags are managed dynamically by react-helmet-async in PageLayout component -->
        <!-- Google Fonts - Inter (Optimized) -->
        <link href="https://fonts.googleapis.com" rel="preconnect">
        <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" media="print" onload="this.media='all'" rel="stylesheet">
        <noscript>
            <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
        </noscript>
        <!-- Preload Geist stylesheet — used only on the Anniversary landing.
         The stylesheet is actually applied by AnniversaryPage at mount time;
         this preload primes the cache so the apply is instant. Font files
         (.woff2) are fetched lazily by the browser only when matching text
         is rendered (scoped to #sl-anniversary-page). -->
        <link as="style" crossorigin="" href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&amp;display=swap" rel="preload">
        <script crossorigin="" src="/assets/js/index-02dd7f6f.js" type="module">
        </script>
        <link crossorigin="" href="/assets/js/vendor-743b63b2.js" rel="modulepreload">
        <link crossorigin="" href="/assets/js/mui-65169721.js" rel="modulepreload">
        <link crossorigin="" href="/assets/js/router-99bf57e0.js" rel="modulepreload">
        <link crossorigin="" href="/assets/js/i18n-a14b036f.js" rel="modulepreload">
        <link href="/assets/css/index-85670d81.css" rel="stylesheet">
    </head>
    <body>
        <div id="root">
        </div>
        <!-- Font loading optimization script -->
        <script>
            if ('fonts' in document) {
                document.fonts.ready.then(function() {
                    document.documentElement.classList.add('fonts-loaded');
                });
            } else {
                setTimeout(function() {
                    document.documentElement.classList.add('fonts-loaded');
                }, 100);
            }
        </script>
    </body>
</html>