gradient

app/page.tsx

@@ -15,7 +15,7 @@ export default function Home() {
           </h2>
         </header>
       </Form>
-      <div className="w-full lg:w-[400px] h-[400px] bg-gradient-to-br from-amber-300 to-amber-600 absolute left-0 top-0 -z-[1] blur-[100px] lg:blur-[230px]" />
+      <div className="w-full lg:w-[400px] h-[400px] bg-gradient-to-br from-amber-300 to-amber-600 absolute left-0 top-0 -z-[1] blur-3xl lg:blur-[230px]" />
     </section>
   );
 }

components/form.tsx

@@ -154,7 +154,7 @@ export const Form = ({ children }: { children: React.ReactNode }) => {
           onChange={(value) => setForm({ ...form, mood: value })}
         />
       </div>
-      <div className="max-lg:pb-12">
+      <div className="max-lg:pb-16">
         <div className="w-full sticky top-0">
           <div className="border rounded-xl p-6 bg-stone-900/40 border-white/5">
             <p className="text-amber-200 font-semibold text-xs uppercase mb-3">