diff --git a/index.html b/index.html
index 50ae845..a81ba8b 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,12 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
     <meta name="format-detection" content="telephone=no" />
     <title>Loading...</title>
+    <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=Manrope:wght@400;500;600;700;800&display=swap"
+      rel="stylesheet"
+    />
     <script src="https://telegram.org/js/telegram-web-app.js"></script>
     <style>
       body {
diff --git a/src/main.tsx b/src/main.tsx
index 1bc3632..4a8af2e 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -92,8 +92,12 @@ if (!alreadyInitialized) {
   }
 }
 
-// Preload logo from cache immediately on page load
-initLogoPreload();
+// Preload logo from cache — defer to idle time so it doesn't compete with LCP
+if ('requestIdleCallback' in window) {
+  requestIdleCallback(() => initLogoPreload());
+} else {
+  setTimeout(initLogoPreload, 100);
+}
 
 const queryClient = new QueryClient({
   defaultOptions: {
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 9130d39..099e2e8 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;