From e37d935324cc9b71168472ace892b7b7b4f55cb8 Mon Sep 17 00:00:00 2001
From: Devesh S <deveshdhanush73@gmail.com.com>
Date: Thu, 23 Jul 2026 21:35:47 +0530
Subject: [PATCH] ui: implement soft glow fade-in focus design for Q&A inputs

---
 src/pages/Community/Community.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Community/Community.tsx b/src/pages/Community/Community.tsx
index 5410a19..f6361a7 100644
--- a/src/pages/Community/Community.tsx
+++ b/src/pages/Community/Community.tsx
@@ -297,7 +297,7 @@ export default function Community() {
                       onChange={(e) => setQuestionText(e.target.value)}
                       placeholder="What's on your mind? Ask your seniors anything about RIT..."
                       rows={3}
-                      className="w-full border border-[#E5E7EB] rounded-2xl p-3.5 text-[13px] text-slate-800 placeholder-slate-400 focus:outline-none focus:border-[#F97316] focus:ring-0 focus:bg-white bg-slate-50/30 resize-none transition-all mb-3.5"
+                      className="w-full border border-[#E5E7EB] rounded-2xl p-3.5 text-[13px] text-slate-800 placeholder-slate-400 focus:outline-none focus:border-[#F97316] focus:ring-4 focus:ring-orange-500/[0.12] focus:bg-orange-500/[0.02] bg-slate-50/30 resize-none transition-all duration-250 ease-in-out mb-3.5"
                       style={{ fontFamily: 'Inter, sans-serif' }}
                     />
                     <input
@@ -305,7 +305,7 @@ export default function Community() {
                       value={authorName}
                       onChange={(e) => setAuthorName(e.target.value)}
                       placeholder="Your Name (optional)"
-                      className="w-full md:w-64 border border-[#E5E7EB] rounded-2xl px-4 py-2.5 text-[13px] text-slate-800 placeholder-slate-400 focus:outline-none focus:border-[#F97316] focus:ring-0 focus:bg-white bg-slate-50/30 transition-all mb-4"
+                      className="w-full md:w-64 border border-[#E5E7EB] rounded-2xl px-4 py-2.5 text-[13px] text-slate-800 placeholder-slate-400 focus:outline-none focus:border-[#F97316] focus:ring-4 focus:ring-orange-500/[0.12] focus:bg-orange-500/[0.02] bg-slate-50/30 transition-all duration-250 ease-in-out mb-4"
                       style={{ fontFamily: 'Inter, sans-serif' }}
                     />
                     <div className="flex items-center justify-between">