Update app.py

app.py

@@ -18,33 +18,104 @@ st.set_page_config(page_title="NeuraSense AI", page_icon="🧠", layout="wide")
 # Custom CSS for a futuristic look
 st.markdown("""
 <style>
-   body {
-       color: #E0E0E0;
-       background-color: #0E1117;
-   }
-   .stApp {
-       background-image: linear-gradient(135deg, #0E1117 0%, #1A1F2C 100%);
-   }
-   .stButton>button {
-       color: #00FFFF;
-       border-color: #00FFFF;
-       border-radius: 20px;
-   }
-   .stSlider>div>div>div>div {
-       background-color: #00FFFF;
-   }
-   .stTextArea, .stNumberInput, .stSelectbox {
-       background-color: #1A1F2C;
-       color: #00FFFF;
-       border-color: #00FFFF;
-       border-radius: 20px;
-   }
-   .stTextArea:focus, .stNumberInput:focus, .stSelectbox:focus {
-       box-shadow: 0 0 10px #00FFFF;
-   }
+    @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');
+
+    body {
+        color: #E0E0E0;
+        background-color: #0E1117;
+        font-family: 'Orbitron', sans-serif;
+    }
+
+    .stApp {
+        background-image: 
+            radial-gradient(circle at 10% 20%, rgba(0, 255, 255, 0.1) 0%, transparent 20%),
+            radial-gradient(circle at 90% 80%, rgba(0, 255, 255, 0.1) 0%, transparent 20%),
+            linear-gradient(135deg, #0E1117 0%, #1A1F2C 100%);
+        animation: pulse 10s infinite alternate;
+    }
+
+    @keyframes pulse {
+        0% { background-position: 0% 50%; }
+        100% { background-position: 100% 50%; }
+    }
+
+    .stButton>button {
+        color: #00FFFF;
+        border: 2px solid #00FFFF;
+        border-radius: 30px;
+        background: linear-gradient(45deg, #1A1F2C, #2C3E50);
+        box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
+        transition: all 0.3s ease;
+    }
+
+    .stButton>button:hover {
+        transform: scale(1.05);
+        box-shadow: 0 0 25px rgba(0, 255, 255, 0.8);
+    }
+
+    .stSlider>div>div>div>div {
+        background-color: #00FFFF;
+        box-shadow: 0 0 10px #00FFFF;
+    }
+
+    .stTextArea, .stNumberInput, .stSelectbox {
+        background-color: rgba(26, 31, 44, 0.8);
+        color: #00FFFF;
+        border: 2px solid #00FFFF;
+        border-radius: 15px;
+        backdrop-filter: blur(5px);
+        transition: all 0.3s ease;
+    }
+
+    .stTextArea:focus, .stNumberInput:focus, .stSelectbox:focus {
+        box-shadow: 0 0 20px rgba(0, 255, 255, 0.8);
+        transform: translateY(-2px);
+    }
+
+    .stProgress > div > div {
+        background-color: #00FFFF;
+        background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+        background-size: 40px 40px;
+        animation: progress-bar-stripes 1s linear infinite;
+    }
+
+    @keyframes progress-bar-stripes {
+        0% { background-position: 40px 0; }
+        100% { background-position: 0 0; }
+    }
+
+    .stCheckbox > label > div {
+        border-color: #00FFFF;
+    }
+
+    .stCheckbox > label > div[data-checked="true"] {
+        background-color: #00FFFF;
+    }
+
+    /* Futuristic scrollbar */
+    ::-webkit-scrollbar {
+        width: 10px;
+    }
+
+    ::-webkit-scrollbar-track {
+        background: #1A1F2C;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: #00FFFF;
+        border-radius: 5px;
+    }
+
+    ::-webkit-scrollbar-thumb:hover {
+        background: #00CCCC;
+    }
+
+    /* Glowing text effect for headers */
+    h1, h2, h3 {
+        text-shadow: 0 0 10px #00FFFF, 0 0 20px #00FFFF, 0 0 30px #00FFFF;
+    }
 </style>
-""", unsafe_allow_html=True)
-
+st.markdown(enhanced_css, unsafe_allow_html=True)
 
 
 # Constants