Revert back the background change

app/pages/index.vue

@@ -46,22 +46,7 @@ async function handleTorrentUpload(file: File) {
 </script>
 
 <template>
-  <div class="min-h-screen w-full relative bg-black">
-    <!-- Arctic Lights Background with Top Glow -->
-    <div
-      class="absolute inset-0 z-0"
-      style="
-        background: radial-gradient(
-            ellipse 80% 60% at 50% 0%,
-            rgba(34, 197, 94, 0.35),
-            transparent 70%
-          ),
-          #000000;
-      "
-    />
-
-    <!-- Main Content -->
-    <div class="relative z-10 flex flex-col min-h-screen">
+  <div class="flex flex-col min-h-screen bg-base-300">
     <div class="grow flex items-start justify-center pt-40 px-4">
       <div class="w-full max-w-2xl">
         <IndexHero />
@@ -70,7 +55,6 @@ async function handleTorrentUpload(file: File) {
           <div class="divider divider-neutral">OR</div>
           <TorrentUpload @submit="handleTorrentUpload" />
         </div>
-
         <div
           v-if="loading"
           v-motion-fade
@@ -78,10 +62,8 @@ async function handleTorrentUpload(file: File) {
         >
           <span class="loading loading-infinity loading-xl" />
         </div>
-
         <!-- Error message display -->
         <AlertError v-if="error && !loading" :message="error" />
-
         <MagnetCard
           v-if="maxedMagnet && !loading && !error"
           v-motion-fade
@@ -100,5 +82,4 @@ async function handleTorrentUpload(file: File) {
       </div>
     </div>
   </div>
-  </div>
 </template>