diff --git a/style.css b/style.css
index c49c93b..b37d0c0 100644
--- a/style.css
+++ b/style.css
@@ -26,8 +26,8 @@
 }
 
 html {
-    background-color: #000000;
-    /* Pure black background */
+    background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
+    min-height: 100vh;
 }
 
 body {
@@ -73,9 +73,9 @@ body::before {
 .blob {
     position: absolute;
     border-radius: 50%;
-    filter: blur(120px);
+    filter: blur(100px);
     /* More diffused glow */
-    opacity: 0.6;
+    opacity: 0.8;
     /* Slightly more visible */
     will-change: transform;
     /* Performance optimization */
@@ -84,7 +84,7 @@ body::before {
 .blob-1 {
     width: 800px;
     height: 800px;
-    background: radial-gradient(circle, rgba(30, 144, 255, 0.35) 0%, rgba(96, 205, 255, 0.2) 40%, transparent 70%);
+    background: radial-gradient(circle, rgba(30, 144, 255, 0.5) 0%, rgba(96, 205, 255, 0.25) 40%, transparent 70%);
     top: -15%;
     left: -15%;
     animation: float1 25s infinite ease-in-out;
@@ -93,7 +93,7 @@ body::before {
 .blob-2 {
     width: 650px;
     height: 650px;
-    background: radial-gradient(circle, rgba(65, 105, 225, 0.3) 0%, rgba(96, 205, 255, 0.15) 40%, transparent 70%);
+    background: radial-gradient(circle, rgba(65, 105, 225, 0.45) 0%, rgba(96, 205, 255, 0.2) 40%, transparent 70%);
     top: 35%;
     right: -12%;
     animation: float2 30s infinite ease-in-out;
@@ -103,7 +103,7 @@ body::before {
 .blob-3 {
     width: 900px;
     height: 900px;
-    background: radial-gradient(circle, rgba(0, 71, 171, 0.25) 0%, rgba(25, 25, 112, 0.2) 40%, transparent 70%);
+    background: radial-gradient(circle, rgba(0, 71, 171, 0.4) 0%, rgba(25, 25, 112, 0.3) 40%, transparent 70%);
     /* Deeper blue */
     bottom: -25%;
     left: 15%;