diff --git a/src/App.css b/src/App.css
index 4faacb1..bf95131 100644
--- a/src/App.css
+++ b/src/App.css
@@ -249,9 +249,21 @@ body {
 }
 
 .graph-value {
-  font-size: 28px;
+  font-size: 32px;
   font-weight: 700;
-  text-shadow: 0 0 20px currentColor;
+  text-shadow: 0 0 20px currentColor, 0 0 40px currentColor;
+  animation: value-glow 2s ease-in-out infinite alternate;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .graph-value {
+    animation: none;
+  }
+}
+
+@keyframes value-glow {
+  from { text-shadow: 0 0 20px currentColor, 0 0 40px currentColor; }
+  to { text-shadow: 0 0 10px currentColor, 0 0 25px currentColor; }
 }
 
 .graph-container {
@@ -259,6 +271,8 @@ body {
   border-radius: 8px;
   overflow: hidden;
   background: rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 15px rgba(96, 165, 250, 0.06);
+  border: 1px solid rgba(255, 255, 255, 0.04);
 }
 
 /* CPU Cores Grid */
diff --git a/src/components/CpuGraph.tsx b/src/components/CpuGraph.tsx
index a5a510a..edb7376 100644
--- a/src/components/CpuGraph.tsx
+++ b/src/components/CpuGraph.tsx
@@ -4,6 +4,7 @@ import {
   Area,
   XAxis,
   YAxis,
+  CartesianGrid,
   ResponsiveContainer,
   Tooltip,
 } from 'recharts';
@@ -65,16 +66,17 @@ export function CpuGraph({ cpuUsage }: CpuGraphProps) {
         </span>
       </div>
       <div className="graph-container">
-        <ResponsiveContainer width="100%" height={120}>
+        <ResponsiveContainer width="100%" height={160}>
           <AreaChart data={history} margin={{ top: 5, right: 5, bottom: 5, left: 5 }}>
             <defs>
               {cpuUsage.map((cpu, i) => (
                 <linearGradient key={cpu.core} id={`cpuGradient${cpu.core}`} x1="0" y1="0" x2="0" y2="1">
-                  <stop offset="0%" stopColor={COLORS[i % COLORS.length]} stopOpacity={0.6} />
-                  <stop offset="100%" stopColor={COLORS[i % COLORS.length]} stopOpacity={0.1} />
+                  <stop offset="0%" stopColor={COLORS[i % COLORS.length]} stopOpacity={0.8} />
+                  <stop offset="100%" stopColor={COLORS[i % COLORS.length]} stopOpacity={0.05} />
                 </linearGradient>
               ))}
             </defs>
+            <CartesianGrid strokeDasharray="3 3" stroke="rgba(255,255,255,0.04)" />
             <XAxis dataKey="time" hide />
             <YAxis domain={[0, 100]} hide />
             <Tooltip
@@ -93,11 +95,11 @@ export function CpuGraph({ cpuUsage }: CpuGraphProps) {
             {cpuUsage.map((cpu, i) => (
               <Area
                 key={cpu.core}
-                type="linear"
+                type="monotone"
                 dataKey={`cpu${cpu.core}`}
                 stroke={COLORS[i % COLORS.length]}
                 fill={`url(#cpuGradient${cpu.core})`}
-                strokeWidth={1.5}
+                strokeWidth={2}
                 dot={false}
                 isAnimationActive={false}
               />
diff --git a/src/components/MemoryGraph.tsx b/src/components/MemoryGraph.tsx
index 995fe06..647d2ad 100644
--- a/src/components/MemoryGraph.tsx
+++ b/src/components/MemoryGraph.tsx
@@ -4,6 +4,7 @@ import {
   Area,
   XAxis,
   YAxis,
+  CartesianGrid,
   ResponsiveContainer,
   Tooltip,
 } from 'recharts';
@@ -67,14 +68,15 @@ export function MemoryGraph({ used, total, percent }: MemoryGraphProps) {
         </span>
       </div>
       <div className="graph-container">
-        <ResponsiveContainer width="100%" height={120}>
+        <ResponsiveContainer width="100%" height={160}>
           <AreaChart data={history} margin={{ top: 5, right: 5, bottom: 5, left: 5 }}>
             <defs>
               <linearGradient id="memGradient" x1="0" y1="0" x2="0" y2="1">
-                <stop offset="0%" stopColor={color} stopOpacity={0.7} />
-                <stop offset="100%" stopColor={color} stopOpacity={0.1} />
+                <stop offset="0%" stopColor={color} stopOpacity={0.9} />
+                <stop offset="100%" stopColor={color} stopOpacity={0.05} />
               </linearGradient>
             </defs>
+            <CartesianGrid strokeDasharray="3 3" stroke="rgba(255,255,255,0.04)" />
             <XAxis dataKey="time" hide />
             <YAxis domain={[0, 100]} hide />
             <Tooltip
@@ -88,11 +90,11 @@ export function MemoryGraph({ used, total, percent }: MemoryGraphProps) {
               formatter={(value: number) => [`${value.toFixed(1)}%`, 'Usage']}
             />
             <Area
-              type="linear"
+              type="monotone"
               dataKey="percent"
               stroke={color}
               fill="url(#memGradient)"
-              strokeWidth={2}
+              strokeWidth={2.5}
               dot={false}
               isAnimationActive={false}
             />