Updated Few Ui Clutterness

Author: PrashantUnity

assets/css/modern-dark-theme.css

@@ -623,16 +623,19 @@
 }
 
 /* —— About us —— */
-[data-theme="dark"] body.home-page .about-hero__panel {
+[data-theme="dark"] body.home-page .about-hero__panel,
+[data-theme="dark"] body.home-page .about-cta__panel {
   border-color: rgb(71 85 105 / 0.8);
   background-image: linear-gradient(to bottom right, rgb(30 41 59), rgb(15 23 42), rgb(30 58 95 / 0.35));
 }
 
-[data-theme="dark"] body.home-page .about-hero__glow {
+[data-theme="dark"] body.home-page .about-hero__glow,
+[data-theme="dark"] body.home-page .about-cta__glow {
   background-color: rgb(56 189 248 / 0.15);
 }
 
-[data-theme="dark"] body.home-page .about-hero__eyebrow {
+[data-theme="dark"] body.home-page .about-hero__eyebrow,
+[data-theme="dark"] body.home-page .about-cta__eyebrow {
   color: rgb(56 189 248);
 }
 
@@ -641,7 +644,8 @@
 [data-theme="dark"] body.home-page .about-stat__value,
 [data-theme="dark"] body.home-page .about-team-card__name,
 [data-theme="dark"] body.home-page .about-connect-card__title,
-[data-theme="dark"] body.home-page .about-pillar__title {
+[data-theme="dark"] body.home-page .about-pillar__title,
+[data-theme="dark"] body.home-page .about-cta__title {
   color: rgb(241 245 249);
 }
 
@@ -652,7 +656,8 @@
 [data-theme="dark"] body.home-page .about-pillar__text,
 [data-theme="dark"] body.home-page .about-stat__label,
 [data-theme="dark"] body.home-page .about-team-card__role,
-[data-theme="dark"] body.home-page .about-connect-card__desc {
+[data-theme="dark"] body.home-page .about-connect-card__desc,
+[data-theme="dark"] body.home-page .about-cta__text {
   color: rgb(148 163 184);
 }
 
@@ -667,44 +672,57 @@
   background-color: rgb(51 65 85);
 }
 
-[data-theme="dark"] body.home-page .about-card,
+[data-theme="dark"] body.home-page .about-card {
+  border-color: rgb(71 85 105 / 0.8);
+  background-color: rgb(30 41 59);
+}
+
 [data-theme="dark"] body.home-page .about-stat,
+[data-theme="dark"] body.home-page .about-mission-perk,
 [data-theme="dark"] body.home-page .about-team-card,
 [data-theme="dark"] body.home-page .about-connect-card {
-  border-color: rgb(71 85 105 / 0.8);
-  background-color: rgb(30 41 59);
+  border-color: rgb(51 65 85);
+  background-color: rgb(15 23 42 / 0.55);
+}
+
+[data-theme="dark"] body.home-page .about-team-card:hover,
+[data-theme="dark"] body.home-page .about-connect-card:hover {
+  border-color: rgb(71 85 105);
+  background-color: rgb(30 41 59 / 0.7);
+}
+
+[data-theme="dark"] body.home-page .about-mission-perk__icon {
+  background-color: rgb(6 78 59 / 0.35);
+  color: rgb(52 211 153);
+}
+
+[data-theme="dark"] body.home-page .about-prose--mission p:first-child {
+  color: rgb(226 232 240);
+}
+
+[data-theme="dark"] body.home-page .about-values-list__check {
+  background-color: rgb(6 78 59 / 0.35);
+  color: rgb(52 211 153);
 }
 
 [data-theme="dark"] body.home-page .about-pillar {
   border-color: rgb(51 65 85);
   background-color: rgb(15 23 42 / 0.6);
 }
 
-[data-theme="dark"] body.home-page .about-stat__icon {
-  background-color: rgb(12 74 110 / 0.35);
-  color: rgb(56 189 248);
+[data-theme="dark"] body.home-page .about-team-card__arrow,
+[data-theme="dark"] body.home-page .about-connect-card__arrow {
+  color: rgb(100 116 139);
 }
 
 [data-theme="dark"] body.home-page .about-team-card__avatar-wrap {
-  background-image: linear-gradient(to bottom right, rgb(30 58 95), rgb(51 65 85));
-  box-shadow: inset 0 0 0 2px rgb(30 41 59);
-}
-
-[data-theme="dark"] body.home-page .about-team-card:hover,
-[data-theme="dark"] body.home-page .about-connect-card:hover,
-[data-theme="dark"] body.home-page .about-stat:hover {
-  border-color: rgb(100 116 139);
+  --tw-ring-color: rgb(51 65 85);
 }
 
 [data-theme="dark"] body.home-page .about-connect-card__icon {
   background-color: color-mix(in srgb, var(--about-accent, #38bdf8) 18%, rgb(15 23 42));
 }
 
-[data-theme="dark"] body.home-page .about-cta {
-  border-color: rgb(51 65 85);
-  background-image: linear-gradient(to bottom right, rgb(15 23 42), rgb(30 41 59), rgb(12 74 110 / 0.5));
-}
-
 [data-theme="dark"] body.home-page .about-section-label {
   color: rgb(100 116 139);
 }

assets/css/modern-glass-theme.css

@@ -224,9 +224,6 @@
 [data-theme="glass"] body .browse-category-card,
 [data-theme="glass"] body .browse-hub-card,
 [data-theme="glass"] body .about-card,
-[data-theme="glass"] body .about-stat,
-[data-theme="glass"] body .about-team-card,
-[data-theme="glass"] body .about-connect-card,
 [data-theme="glass"] body .contact-form-card,
 [data-theme="glass"] body .contact-link,
 [data-theme="glass"] body .faq-main-card,
@@ -286,9 +283,6 @@
 
 [data-theme="glass"] body .browse-category-card:hover,
 [data-theme="glass"] body .browse-hub-card:hover,
-[data-theme="glass"] body .about-stat:hover,
-[data-theme="glass"] body .about-team-card:hover,
-[data-theme="glass"] body .about-connect-card:hover,
 [data-theme="glass"] body .contact-form-card:hover,
 [data-theme="glass"] body .contact-link:hover,
 [data-theme="glass"] body .faq-main-card:hover,
@@ -299,7 +293,8 @@
 
 /* ── Hero panels (have bg-gradient-to-br — must also clear background-image) ── */
 [data-theme="glass"] body .browse-index__hero,
-[data-theme="glass"] body .about-hero__panel {
+[data-theme="glass"] body .about-hero__panel,
+[data-theme="glass"] body .about-cta__panel {
   background-image: none !important;
   background-color: var(--glass-card-bg) !important;
   -webkit-backdrop-filter: blur(var(--glass-blur-card)) saturate(var(--glass-saturate));
@@ -308,8 +303,6 @@
   box-shadow: inset 0 1px 0 var(--glass-highlight), var(--glass-shadow) !important;
 }
 
-/* about-cta (dark slate panel) and avatar ring left untouched intentionally */
-
 /* ── Hero section ── */
 [data-theme="glass"] body .home-hero__overlay {
   /* Stronger wash behind headline block — keeps slides visible at top */
@@ -897,15 +890,13 @@
   [data-theme="glass"] body .browse-category-card,
   [data-theme="glass"] body .browse-hub-card,
   [data-theme="glass"] body .about-card,
-  [data-theme="glass"] body .about-stat,
-  [data-theme="glass"] body .about-team-card,
-  [data-theme="glass"] body .about-connect-card,
   [data-theme="glass"] body .about-pillar,
   [data-theme="glass"] body .home-why__card,
   [data-theme="glass"] body .home-why__perk,
   [data-theme="glass"] body .home-faq-scroll,
   [data-theme="glass"] body .browse-index__hero,
-  [data-theme="glass"] body .about-hero__panel {
+  [data-theme="glass"] body .about-hero__panel,
+  [data-theme="glass"] body .about-cta__panel {
     background-color: rgba(255, 255, 255, 0.96) !important;
   }
 }
@@ -924,14 +915,12 @@
   [data-theme="glass"] body .browse-category-card,
   [data-theme="glass"] body .browse-hub-card,
   [data-theme="glass"] body .about-card,
-  [data-theme="glass"] body .about-stat,
-  [data-theme="glass"] body .about-team-card,
-  [data-theme="glass"] body .about-connect-card,
   [data-theme="glass"] body .home-why__card,
   [data-theme="glass"] body .home-why__perk,
   [data-theme="glass"] body .home-faq-scroll,
   [data-theme="glass"] body .browse-index__hero,
-  [data-theme="glass"] body .about-hero__panel {
+  [data-theme="glass"] body .about-hero__panel,
+  [data-theme="glass"] body .about-cta__panel {
     background-color: rgba(255, 255, 255, 0.97) !important;
     -webkit-backdrop-filter: none !important;
     backdrop-filter: none !important;

assets/css/modern-light-theme.css

@@ -253,9 +253,6 @@
 [data-theme="light"] body .browse-category-card,
 [data-theme="light"] body .browse-hub-card,
 [data-theme="light"] body .about-card,
-[data-theme="light"] body .about-stat,
-[data-theme="light"] body .about-team-card,
-[data-theme="light"] body .about-connect-card,
 [data-theme="light"] body .contact-form-card,
 [data-theme="light"] body .contact-link,
 [data-theme="light"] body .faq-main-card,
@@ -271,7 +268,8 @@
 }
 
 [data-theme="light"] body .browse-index__hero,
-[data-theme="light"] body .about-hero__panel {
+[data-theme="light"] body .about-hero__panel,
+[data-theme="light"] body .about-cta__panel {
   background-color: #ffffff !important;
   background-image: none !important;
   border-color: var(--light-border) !important;
@@ -282,6 +280,21 @@
   background-color: #f8fafc !important;
 }
 
+[data-theme="light"] body .about-stat,
+[data-theme="light"] body .about-mission-perk,
+[data-theme="light"] body .about-team-card,
+[data-theme="light"] body .about-connect-card {
+  background-color: rgb(248 250 252 / 0.9) !important;
+  border-color: #e2e8f0 !important;
+  box-shadow: none !important;
+}
+
+[data-theme="light"] body .about-team-card:hover,
+[data-theme="light"] body .about-connect-card:hover {
+  background-color: #ffffff !important;
+  border-color: #cbd5e1 !important;
+}
+
 [data-theme="light"] body .home-why__card:hover {
   background-color: #ffffff !important;
   border-color: #e2e8f0 !important;
@@ -297,9 +310,6 @@
 
 [data-theme="light"] body .browse-category-card:hover,
 [data-theme="light"] body .browse-hub-card:hover,
-[data-theme="light"] body .about-stat:hover,
-[data-theme="light"] body .about-team-card:hover,
-[data-theme="light"] body .about-connect-card:hover,
 [data-theme="light"] body article.bg-white.rounded-2xl:hover {
   border-color: #cbd5e1 !important;
   box-shadow: var(--light-shadow-card-hover) !important;