Update index.html

index.html

@@ -34,9 +34,11 @@
         <div id="initial-setup-cta" class="hidden flex-col items-center justify-center text-slate-300 text-lg p-4 space-y-6">
             <!-- This div will be shown by script.js in the initial state -->
             <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Google_Gemini_logo.svg/2560px-Google_Gemini_logo.svg.png" alt="Gemini Logo" id="gemini-logo-initial-cta">
-            <div>
-                <input type="password" id="initial-api-key-input" class="futuristic-input w-full max-w-lg text-sm" placeholder="Enter your Gemini API Key">
-                <p class="text-xs text-slate-400 mt-2">
+            <div class="w-full flex justify-center">
+                <input type="password" id="initial-api-key-input" class="futuristic-input w-[70%] text-sm" placeholder="Enter your Gemini API Key">
+            </div>
+            <div class="w-full flex justify-center text-center">
+                <p class="text-xs text-slate-400 mt-1">
                     <a href="https://ai.studio.google.com/app/apikey" target="_blank" rel="noopener noreferrer" class="text-cyan-400 hover:text-cyan-300 underline">
                         Get your Gemini API Key from Google AI Studio
                     </a>