Update styles.css

styles.css

@@ -41,6 +41,23 @@ section {
   overflow: hidden;
 }
 
+section::before,
+section::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  margin: -10px;
+  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
+}
+
+section::after {
+  filter: blur(10px);
+}
+
 .leaderboard ul {
   list-style: none;
   padding: 0;
@@ -91,6 +108,25 @@ section {
   padding: 24px;
   border-radius: 8px;
   background-color: #f5f5f5;
+  position: relative;
+  overflow: hidden;
+}
+
+.testimonials blockquote::before,
+.testimonials blockquote::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  margin: -10px;
+  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
+}
+
+.testimonials blockquote::after {
+  filter: blur(10px);
 }
 
 .testimonials p {
@@ -122,7 +158,8 @@ section {
   margin-bottom: 16px;
 }
 
-.contact input:focus, .contact textarea:focus {
+.contact input:focus,
+.contact textarea:focus {
   outline: none;
   border-color: #007bff;
 }
@@ -133,12 +170,31 @@ section {
 
 .contact button {
   background-color: #007bff;
-  color: #fff;
+  color: white;
   border: none;
   padding: 12px 24px;
   border-radius: 4px;
   cursor: pointer;
   transition: background-color 0.2s ease-in-out;
+  position: relative;
+  overflow: hidden;
+}
+
+.contact button::before,
+.contact button::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  margin: -10px;
+  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
+}
+
+.contact button::after {
+  filter: blur(10px);
 }
 
 .contact button:hover {
@@ -152,18 +208,36 @@ section {
   margin-bottom: 32px;
 }
 
+.tabs input[type="radio"] {
+  display: none;
+}
+
 .tabs label {
   padding: 16px;
   cursor: pointer;
-  transition: background-color 0.2s ease-in-out;
+  position: relative;
+  overflow: hidden;
 }
 
-.tabs label:hover {
-  background-color: #f5f5f5;
+.tabs label::before,
+.tabs label::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  margin: -10px;
+  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
 }
 
-.tabs input[type="radio"] {
-  display: none;
+.tabs label::after {
+  filter: blur(10px);
+}
+
+.tabs label:hover {
+  background-color: #f5f5f5;
 }
 
 .tab-content {