chore(css): consolidate duplicate max-width 768px media queries

Author: nishtha-agarwal-211

web-app/css/styles.css

@@ -1770,27 +1770,28 @@ body {
     }
 
     .hero-section {
-        padding: 5rem 0;
+        padding: 7rem 0;
+        min-height: 400px;
     }
 
     .hero-title {
-        font-size: 2.6rem;
+        font-size: 2.3rem;
         margin-bottom: 1rem;
     }
 
     .hero-subtitle {
         font-size: 1rem;
-        margin-bottom: 1rem;
+        margin-bottom: 2rem;
     }
 
     .hero-features {
-        gap: 0.9rem;
-        margin-bottom: 1rem;
+        gap: 1rem;
+        margin-bottom: 2rem;
     }
 
     .feature-badge {
-        padding: 0.15rem 0 0.35rem;
-        font-size: 0.8rem;
+        padding: 0.6rem 1.2rem;
+        font-size: 0.95rem;
     }
 
     .feature-icon {
@@ -1802,10 +1803,6 @@ body {
         font-size: 1rem;
     }
 
-    .hero-subtitle {
-        font-size: 1.05rem;
-    }
-
     .hero-badges {
         gap: 0.6rem;
     }
@@ -1816,7 +1813,7 @@ body {
     }
 
     .tabs-section {
-        padding: 2rem 0 1.5rem 0;
+        padding: 2rem 0 1.5rem;
     }
 
     .tabs-section .container {
@@ -1846,28 +1843,33 @@ body {
     }
 
     .btn-random-project {
-        width: auto;
-        justify-content: flex-start;
-        padding: 0.25rem 0;
-        font-size: 0.84rem;
+        width: 100%;
+        justify-content: center;
+        padding: 0.75rem 1.25rem;
+        font-size: 0.95rem;
     }
 
     .projects-section {
         padding: 2.5rem 0;
     }
 
     .projects-grid {
-        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
-        gap: 0.85rem;
+        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+        gap: 1.5rem;
         margin-top: 1.5rem;
     }
 
     .project-card {
-        padding: 0.95rem 1rem;
+        padding: 1.75rem 1.5rem;
+    }
+
+    .card-icon {
+        font-size: 3.25rem;
+        margin-bottom: 0.85rem;
     }
 
     .project-card h3 {
-        font-size: 0.98rem;
+        font-size: 1.15rem;
     }
 
     .search-wrapper {
@@ -2377,34 +2379,7 @@ body {
     .footer-brand { flex: 1 1 100%; max-width: 600px; }
 }
 
-@media (max-width: 768px) {
-    .hero-section { padding: 7rem 0; min-height: 400px; }
-    .hero-title   { font-size: 2.3rem; }
-    .hero-subtitle { font-size: 1rem; margin-bottom: 2rem; }
-    .hero-features { gap: 1rem; margin-bottom: 2rem; }
-    .feature-badge { padding: 0.6rem 1.2rem; font-size: 0.95rem; }
 
-    .tabs-section { padding: 2rem 0 1.5rem; }
-    .tabs-section .container { gap: 1.5rem; }
-    .tabs-wrapper { flex-direction: column; gap: 1rem; align-items: stretch; }
-    .tabs-wrapper .tabs { min-width: unset; width: 100%; }
-    .tabs { gap: 0.6rem; margin-top: 0; justify-content: flex-start; }
-    .tab { padding: 0.6rem 1.1rem; font-size: 0.9rem; }
-
-    .btn-random-project { width: 100%; justify-content: center; padding: 0.75rem 1.25rem; font-size: 0.95rem; }
-
-    .projects-section { padding: 2.5rem 0; }
-    .projects-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
-    .project-card { padding: 1.75rem 1.5rem; }
-    .card-icon { font-size: 3.25rem; margin-bottom: 0.85rem; }
-    .project-card h3 { font-size: 1.15rem; }
-
-    .search-wrapper { height: 50px; padding: 0 1.1rem; }
-    .search-input { font-size: 0.95rem; }
-    .search-shortcut { display: none; }
-
-    .modal-content { padding: 1.5rem; border-radius: 16px; }
-}
 
 @media (max-width: 576px) {
     .footer-content { grid-template-columns: 1fr; text-align: center; gap: 2rem; }