Update style.css

style.css

@@ -5,13 +5,13 @@
   font-family:"Poppins","Inter",system-ui,sans-serif;
 }
 
-/* BACKGROUND */
+/* BACKGROUND (LIGHT + PROFESSIONAL) */
 body{
   min-height:100vh;
   background:
-    radial-gradient(circle at 20% 20%, #e9d5ff 0%, transparent 35%),
+    radial-gradient(circle at 20% 20%, #e0e7ff 0%, transparent 35%),
     radial-gradient(circle at 80% 30%, #fbcfe8 0%, transparent 40%),
-    radial-gradient(circle at 50% 90%, #bfdbfe 0%, transparent 40%),
+    radial-gradient(circle at 50% 90%, #cffafe 0%, transparent 40%),
     linear-gradient(180deg,#f8fafc,#eef2ff);
   color:#1f2937;
   overflow-x:hidden;
@@ -25,7 +25,7 @@ body{
   border-radius:50%;
   background:rgba(255,255,255,0.45);
   filter:blur(40px);
-  animation: float 12s infinite alternate;
+  animation:float 12s infinite alternate;
 }
 .o1{top:5%; left:5%;}
 .o2{top:40%; right:10%; animation-delay:2s;}
@@ -49,7 +49,7 @@ body{
 
 .hero h1{
   font-size:64px;
-  background:linear-gradient(90deg,#7c3aed,#ec4899,#3b82f6);
+  background:linear-gradient(90deg,#6366f1,#ec4899,#06b6d4);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
 }
@@ -57,7 +57,7 @@ body{
 .hero h2{
   margin-top:10px;
   font-weight:500;
-  color:#4f46e5;
+  color:#4338ca;
 }
 
 .hero p{
@@ -69,86 +69,79 @@ body{
 
 /* GLASS 3D */
 .glass-3d{
-  background:rgba(255,255,255,0.6);
-  backdrop-filter:blur(26px);
+  background:linear-gradient(
+    180deg,
+    rgba(255,255,255,0.75),
+    rgba(255,255,255,0.55)
+  );
+  backdrop-filter:blur(28px) saturate(150%);
   border-radius:30px;
+  border:1px solid rgba(255,255,255,0.95);
   box-shadow:
-    0 30px 80px rgba(0,0,0,0.15),
-    inset 0 1px 0 rgba(255,255,255,0.9);
-  transition:transform .5s ease, box-shadow .5s ease;
+    0 40px 120px rgba(99,102,241,0.25),
+    inset 0 1px 0 rgba(255,255,255,0.95);
+  transition:transform .45s ease, box-shadow .45s ease;
 }
 
 .glass-3d:hover{
-  transform:translateY(-10px) rotateX(3deg);
-  box-shadow:0 50px 120px rgba(124,58,237,.25);
+  transform:translateY(-10px) rotateX(4deg);
+  box-shadow:
+    0 70px 180px rgba(236,72,153,0.35),
+    inset 0 1px 0 rgba(255,255,255,1);
 }
 
 /* BUTTON */
 .glass-btn{
-  position:relative;
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
   padding:16px 42px;
   border-radius:999px;
-  background:rgba(255,255,255,0.65);
+  background:rgba(255,255,255,0.7);
   backdrop-filter:blur(18px);
-  border:1px solid rgba(255,255,255,0.9);
+  border:1px solid rgba(255,255,255,0.95);
   color:#4f46e5;
   font-weight:700;
   letter-spacing:1px;
   text-decoration:none;
-  overflow:hidden;
-  transition:.4s;
-}
-
-.glass-btn::after{
-  content:"";
-  position:absolute;
-  inset:0;
-  background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.8), transparent 70%);
-  transform:translateX(-100%);
-}
-
-.glass-btn:hover::after{
-  transform:translateX(100%);
-  transition:transform .6s;
+  transition:.35s;
 }
 
 .glass-btn:hover{
-  transform:scale(1.08);
-  box-shadow:0 20px 60px rgba(236,72,153,.35);
+  transform:scale(1.06);
+  box-shadow:0 20px 60px rgba(99,102,241,.35);
 }
 
-.small{padding:12px 30px;}
+.small{padding:12px 28px;}
 
 /* INFO SECTIONS */
-.info-section{
+.info{
   max-width:900px;
   margin:80px auto;
   padding:40px;
   text-align:center;
 }
 
-.info-section h3{
+.info h3{
   font-size:34px;
   margin-bottom:18px;
-  background:linear-gradient(90deg,#7c3aed,#ec4899);
-  -webkit-background-clip:text;
-  -webkit-text-fill-color:transparent;
+  color:#4f46e5;
 }
 
-.info-section span{
+.info span{
   color:#6b7280;
 }
 
 /* SKILLS */
-.skills-area{
+.skills{
   padding:120px 8% 60px;
   text-align:center;
 }
 
-.skills-title{
+.skills h3{
   font-size:36px;
   margin-bottom:50px;
-  color:#5b21b6;
+  color:#4338ca;
 }
 
 .bubble-wrap{
@@ -161,13 +154,13 @@ body{
 .bubble{
   padding:20px 34px;
   border-radius:999px;
-  background:rgba(255,255,255,0.7);
+  background:rgba(255,255,255,0.75);
   backdrop-filter:blur(22px);
   border:1px solid rgba(255,255,255,0.95);
   font-weight:600;
   color:#4f46e5;
-  box-shadow:0 20px 50px rgba(124,58,237,0.25);
-  animation: floatBubble 6s ease-in-out infinite;
+  box-shadow:0 20px 50px rgba(99,102,241,.25);
+  animation:floatBubble 6s ease-in-out infinite;
   transition:.4s;
 }
 
@@ -191,17 +184,19 @@ body{
 .projects h3{
   font-size:36px;
   margin-bottom:50px;
-  color:#5b21b6;
+  color:#4338ca;
 }
 
 .project-grid{
   display:grid;
-  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
+  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
   gap:40px;
 }
 
 .project{
   padding:34px;
+  display:flex;
+  flex-direction:column;
 }
 
 .project h4{
@@ -210,6 +205,10 @@ body{
   color:#312e81;
 }
 
+.project-action{
+  margin-top:auto;
+}
+
 /* FOOTER */
 footer{
   text-align:center;