diff --git a/src/components/About.jsx b/src/components/About.jsx
index b72bed8..3395a72 100644
--- a/src/components/About.jsx
+++ b/src/components/About.jsx
@@ -43,10 +43,10 @@ const About = () => {
       <motion.div className='resume-download' ref = {ref} style={{transform: isInView ? "none" : "translateX(20px)",
           opacity: isInView ? 1 : 0,
           transition: "all 0.9s cubic-bezier(0.17, 0.55, 0.55, 1) 1.5s"}}>
-        <a href='https://drive.google.com/file/d/1RPALCzJSeWLuSZPpwTMJAfQXKgunzf3n/view?usp=sharing' target='_blank'><DownloadBtn btntext='My Resume'/></a>
+        <a href='https://drive.google.com/file/d/1YcsJOX81On0bdDs0hBMFG2ZVza980Mba/view?usp=drive_link' target='_blank'><DownloadBtn btntext='My Resume'/></a>
       </motion.div>
       </div>
   )
 }
 
-export default About
\ No newline at end of file
+export default About
diff --git a/src/styles/about.css b/src/styles/about.css
index 2f066f4..dba5dbe 100644
--- a/src/styles/about.css
+++ b/src/styles/about.css
@@ -1,10 +1,13 @@
 .about-container {
-    padding: 60px 0;
-    background-color: #0D012C;
+    padding: 80px 0;
+    background: radial-gradient(circle at top, rgba(89, 195, 120, 0.08), transparent 45%),
+        linear-gradient(160deg, #0b0826 0%, #0d0b2b 60%, #0f0d32 100%);
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     row-gap: 30px;
+    column-gap: 40px;
+    border-top: 1px solid rgba(255, 255, 255, 0.04);
 }
 
 
@@ -13,19 +16,20 @@
     font-size: 15px;
     background-blend-mode: multiply;
     /* background: #14143A bottom right url('../components/man.png') no-repeat; */
-    background: #14143A;
+    background: linear-gradient(145deg, rgba(20, 20, 58, 0.95), rgba(14, 12, 40, 0.95));
     background-size: 40%;
     /* background-attachment: fixed; */
     mix-blend-mode: lighten;
     z-index: 2;
-    padding: 20px;
-    width: 30%;
+    padding: 28px;
+    width: 32%;
     /* display: flex; */
     text-align: center;
     justify-content: center;
     box-sizing: border-box;
-    box-shadow: 1px 1px 1px 1px 4px black;
-    border-radius: 10px;
+    box-shadow: 0 20px 50px rgba(3, 6, 23, 0.45);
+    border-radius: 16px;
+    border: 1px solid rgba(89, 195, 120, 0.18);
     min-width: 300px;
 }
 
@@ -36,18 +40,24 @@
     gap: 20px;
     color: white;
     font-family: 'Poppins', sans-serif;
+    line-height: 1.6;
 }
 
- h3{
-    color: #59C378;
+.about-container h3{
+    color: #7dffb1;
+    letter-spacing: 0.2em;
+    font-size: 12px;
+    text-transform: uppercase;
 }
 
- h4 {
-    font-size: 30px;
+.about-container h4 {
+    font-size: 32px;
+    font-weight: 600;
+    color: #f1f5ff;
 }
 
 @media only screen and (max-width: 900px) {
     .about-container {
         flex-direction: column;
     }
-}
\ No newline at end of file
+}
diff --git a/src/styles/contact.css b/src/styles/contact.css
index 8afb3f7..7379b0a 100644
--- a/src/styles/contact.css
+++ b/src/styles/contact.css
@@ -1,20 +1,23 @@
 .contact-section {
-    padding: 40px;
-    background-color: #0D012C;
+    padding: 60px 40px 80px;
+    background: linear-gradient(180deg, #0d0b2b 0%, #0f0d32 100%);
 }
 
 .contact-wrapper {
-    background-color: #0C0122;
-    border-radius: 20px;
-    padding: 40px 35px;
+    background: linear-gradient(145deg, rgba(15, 14, 40, 0.98), rgba(10, 9, 28, 0.98));
+    border-radius: 24px;
+    padding: 48px 40px;
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap;
     color: white;
+    gap: 40px;
+    border: 1px solid rgba(89, 195, 120, 0.18);
+    box-shadow: 0 20px 50px rgba(4, 6, 24, 0.55);
 }
 
 #contact-txt2 {
-    color: #CCCCCC;
+    color: #c9d2ea;
 }
 
 .contact-wrapper h4 {
@@ -25,15 +28,22 @@
 .contact-me h3 {
     padding-bottom: 23px;
     font-size: 13px;
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+    color: #7dffb1;
 }
 .newsletter h3 {
     padding-bottom: 23px;
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+    color: #7dffb1;
 }
 
 .newsletter-inputs {
     margin: 25px 0 10px 0;
     display: flex;
     justify-content: space-between;
+    gap: 24px;
 }
 
 .subscribe-btn {
@@ -49,6 +59,26 @@
     opacity: 1;
   }
 
+  .newsletter .MuiInputBase-root {
+    color: #f2f4ff;
+  }
+
+  .newsletter .MuiInputLabel-root {
+    color: #9aa7c2;
+  }
+
+  .newsletter .MuiInput-underline:before {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+  }
+
+  .newsletter .MuiInput-underline:hover:not(.Mui-disabled):before {
+    border-bottom: 1px solid rgba(125, 255, 177, 0.6);
+  }
+
+  .newsletter .MuiInput-underline:after {
+    border-bottom: 2px solid #7dffb1;
+  }
+
   @media only screen and (max-width: 1100px) {
     .contact-wrapper {
         flex-direction: column;
@@ -62,4 +92,4 @@
         flex-direction: column;
         gap: 20px;
     }
-  }
\ No newline at end of file
+  }
diff --git a/src/styles/project.css b/src/styles/project.css
index 436659f..506cc39 100644
--- a/src/styles/project.css
+++ b/src/styles/project.css
@@ -1,7 +1,7 @@
 .project-section, .project-cards-container {
     font-family: 'Poppins', sans-serif;
-    background-color: #0D012C;
-    padding: 60px 0px;
+    background: linear-gradient(180deg, #0c0a2a 0%, #0d0b2b 55%, #0f0d32 100%);
+    padding: 80px 0px;
     text-align: center;
 
 }
@@ -14,9 +14,9 @@
 .project-card-container {
     width: 400px;
     height: 400px;
-    border-radius: 12px;
-    background-color: #14143A;
-    padding: 20px;
+    border-radius: 18px;
+    background: linear-gradient(145deg, rgba(20, 20, 58, 0.95), rgba(12, 12, 36, 0.95));
+    padding: 24px;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -24,18 +24,28 @@
     color: white;
     box-sizing: border-box;
     cursor: pointer;
-    border: 1.5px solid #202044;
-    transition: ease-in;
-    transition-duration: 250ms;
+    border: 1px solid rgba(89, 195, 120, 0.18);
+    box-shadow: 0 18px 45px rgba(4, 6, 24, 0.45);
+    transition: transform 200ms ease, box-shadow 200ms ease, border 200ms ease;
 }
 
 .project-card-container:hover {
-    border-bottom: 1px solid #59C378;
+    transform: translateY(-6px);
+    box-shadow: 0 22px 50px rgba(4, 6, 24, 0.6);
+    border: 1px solid rgba(125, 255, 177, 0.45);
 }
 
 .project-section h4{
     padding: 10px;
-    color: white;
+    color: #e9edff;
+    font-weight: 600;
+}
+
+.project-section h3 {
+    color: #7dffb1;
+    letter-spacing: 0.2em;
+    font-size: 12px;
+    text-transform: uppercase;
 }
 
 .project-img {
@@ -43,10 +53,10 @@
 }
 .project-img img{
     width: 100%;
-    transition: ease-in;
-    transition-duration: 150ms;
-    border-radius: 10px;
+    transition: transform 150ms ease;
+    border-radius: 14px;
     overflow: hidden;
+    border: 1px solid rgba(255, 255, 255, 0.06);
 }
 
 .project-img img:hover {
@@ -54,7 +64,7 @@
 }
 
 .project-tech {
-    background: linear-gradient(to right,rgb(40, 56, 203), rgb(212, 4, 4));
+    background: linear-gradient(to right, #7dffb1, #45caff);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent; 
   font-size: 12px;
@@ -69,25 +79,24 @@
 .project-about {
     font-size: 13px;
     text-align: left;
-    line-height: 21px;
+    line-height: 22px;
     font-weight: 300;
-    padding: 25px;
-    color: #cccccc;
+    padding: 22px 18px;
+    color: #d4d9ea;
 }
 
 .project-live {
     display: flex;
     text-align: left;
-    justify-content: space-around;
-    gap: 70px;
+    justify-content: space-between;
+    gap: 30px;
 }
 .project-live a{
     text-decoration: none;
-    color: #7E8B9E;
+    color: #9aa7c2;
     font-size: 12px;
     align-items: center;
-    transition: ease-in;
-    transition-duration: 200ms;
+    transition: color 200ms ease;
 }
 
 .project-site, .project-source {
@@ -100,10 +109,10 @@
 
 .project-site:hover, .project-source:hover {
     scale: 1.02;
-    color: #59C378;
+    color: #7dffb1;
 }
 .project-site:hover a, .project-source:hover a {
-    color: rgb(178, 178, 178);
+    color: #e6ecff;
 }
 
 @media only screen and (max-width: 1400px) and (min-width: 1200px) {
@@ -147,4 +156,4 @@
     width: 100%;
     scale: 0.7;
 }
-}
\ No newline at end of file
+}
diff --git a/src/styles/skills.css b/src/styles/skills.css
index 7850e8b..3e4de5a 100644
--- a/src/styles/skills.css
+++ b/src/styles/skills.css
@@ -1,22 +1,22 @@
 .skills-section, .cards-container {
     font-family: 'Poppins', sans-serif;
-    background-color: #0D012C;
+    background: linear-gradient(180deg, #0b0826 0%, #0c0a2a 60%, #0d0b2b 100%);
     text-align: center;
-    padding: 40px 0;
+    padding: 60px 0;
 }
 
 .cards-container {
-    width: 90%;
+    width: 88%;
     margin: 0 auto;
 }
 
 .card-container {
-    width: 130px;
-    height: 130px;
-    border-radius: 50%;
-    background-color: #14143A ;
+    width: 150px;
+    height: 150px;
+    border-radius: 18px;
+    background: linear-gradient(150deg, rgba(20, 20, 58, 0.95), rgba(10, 12, 32, 0.95));
     font-size: 1em;
-    padding: 20px;
+    padding: 18px;
     display: flex;
     margin: 10px;
     flex-direction: column;
@@ -25,20 +25,31 @@
     gap: 10px;
     color: white;
     box-sizing: border-box;
-    -webkit-filter: drop-shadow(0 .4rem .4em rgba(0,0,0,.5));
+    box-shadow: 0 18px 40px rgba(5, 8, 28, 0.45);
     transform: translate3d(0, 0, 0);
     cursor: pointer;
-    border: 1px solid #202044;
+    border: 1px solid rgba(89, 195, 120, 0.18);
+    transition: transform 200ms ease, box-shadow 200ms ease, border 200ms ease;
 }
 
 .card-container:hover {
-    border-bottom: 1.5px solid #202044;
+    transform: translateY(-6px);
+    box-shadow: 0 22px 50px rgba(5, 8, 28, 0.55);
+    border: 1px solid rgba(125, 255, 177, 0.45);
 }
 
 
 .skills-section h4{
     padding: 10px;
-    color: white;
+    color: #e9edff;
+    font-weight: 600;
+}
+
+.skills-section h3 {
+    color: #7dffb1;
+    letter-spacing: 0.2em;
+    font-size: 12px;
+    text-transform: uppercase;
 }
 
 @media only screen and (max-width: 580px) and (min-width: 460px) {
@@ -53,4 +64,4 @@
         width: 68%;
         scale: 0.9;
     }
-}
\ No newline at end of file
+}