Where is the orange aura around the input prompt box

index.html

@@ -138,8 +138,8 @@
         
         <!-- Input Box -->
         <div class="w-full max-w-2xl">
-            <div class="bg-dark-700 rounded-xl p-1.5 shadow-lg">
-                <div class="relative">
+            <div class="bg-dark-700 rounded-xl p-1.5 shadow-lg ring-2 ring-accent-500/20 hover:ring-accent-500/40 transition-all duration-200">
+<div class="relative">
                     <p class="text-sm text-gray-400 px-4 pt-3 pb-1">How can I help you today?</p>
                     <div class="absolute left-4 bottom-3 flex items-center space-x-3">
                         <button class="w-5 h-5 text-gray-400 hover:text-gray-300">
@@ -154,9 +154,9 @@
                     </div>
                     <input 
                         type="text" 
-                        placeholder="" 
-                        class="w-full bg-dark-700 px-4 pt-3 pb-10 rounded-xl focus:outline-none pr-12"
-                    >
+                        placeholder=""
+                        class="w-full bg-dark-700 px-4 pt-3 pb-10 rounded-xl focus:outline-none pr-12 focus:ring-2 focus:ring-accent-500/50"
+>
 <div class="absolute right-2 bottom-3 flex items-center space-x-2">
                         <div class="flex items-center px-2.5 py-1 rounded-lg hover:bg-dark-600">
                             <span class="text-sm text-gray-400">Sonnet 4.5</span>