Update app.py

app.py

@@ -39,20 +39,27 @@ h1 {
         0 0 40px #3b82f6;
 }
 
-/* Glass Effect */
-.block-container {
-    background: rgba(255,255,255,0.05);
-    padding: 25px;
-    border-radius: 20px;
-    backdrop-filter: blur(12px);
-    box-shadow: 0 8px 30px rgba(0,0,0,0.4);
-    animation: floatCard 4s ease-in-out infinite;
+/* 🔥 SEPARATE COMPONENT GLOW BOXES */
+div[data-testid="stNumberInput"],
+div[data-testid="stRadio"],
+div[data-testid="stSelectbox"],
+div[data-testid="stTextInput"] {
+    background: rgba(255,255,255,0.06);
+    padding: 15px;
+    border-radius: 15px;
+    margin-bottom: 15px;
+    backdrop-filter: blur(10px);
+    box-shadow: 0 0 15px rgba(59,130,246,0.25);
+    transition: 0.3s ease;
 }
 
-@keyframes floatCard {
-    0% {transform: translateY(0px);}
-    50% {transform: translateY(-5px);}
-    100% {transform: translateY(0px);}
+/* Hover glow per component */
+div[data-testid="stNumberInput"]:hover,
+div[data-testid="stRadio"]:hover,
+div[data-testid="stSelectbox"]:hover,
+div[data-testid="stTextInput"]:hover {
+    box-shadow: 0 0 25px rgba(56,189,248,0.6);
+    transform: scale(1.01);
 }
 
 /* Button Styling */
@@ -65,6 +72,7 @@ h1 {
     font-size: 16px;
     border: none;
     box-shadow: 0 0 15px rgba(59,130,246,0.6);
+    transition: 0.3s;
 }
 
 .stButton>button:hover {