Remove card animations and adjust layout for team member sections

Removes hover effects and animations from member cards, updates CSS for the 'hr' and 'member-card' elements, and repositions the descriptive text for mentor and team sections in `contributors.html`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: c9bfbf59-6669-4093-a6ef-d73e67cb3ca8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/iGbSEkT

static/css/styles.css

@@ -906,12 +906,12 @@ hr {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 40px;
-    padding: 64px;
-    background: var(--gray-900);
-    border: 1px solid var(--gray-700);
-    border-radius: 20px;
-    margin: 64px auto;
-    max-width: 1200px;
+    padding: 0;
+    background: transparent;
+    border: none;
+    border-radius: 0;
+    margin: 0;
+    max-width: 100%;
 }
 
 .member-card {
@@ -919,19 +919,12 @@ hr {
     flex-direction: column;
     align-items: center;
     padding: 48px 32px;
-    background: var(--gray-800);
+    background: rgba(26, 26, 26, 0.4);
     border-radius: 16px;
-    border: 1px solid var(--gray-700);
-    transition: all 0.3s ease;
+    border: 1px solid rgba(255, 255, 255, 0.08);
     width: 100%;
 }
 
-.member-card:hover {
-    background: var(--gray-700);
-    transform: translateY(-8px);
-    box-shadow: 0 20px 40px rgba(255, 255, 255, 0.05);
-}
-
 .member-image {
     width: 120px;
     height: 120px;
@@ -1577,32 +1570,6 @@ body::before {
 
 .card,
 .card-sponsors,
-.member-card {
-    position: relative;
-    overflow: hidden;
-}
-
-.card::after,
-.card-sponsors::after,
-.member-card::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 0;
-    height: 0;
-    border-radius: 50%;
-    background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
-    transform: translate(-50%, -50%);
-    transition: width 0.6s ease, height 0.6s ease;
-}
-
-.card:hover::after,
-.card-sponsors:hover::after,
-.member-card:hover::after {
-    width: 300%;
-    height: 300%;
-}
 
 .hero-image-section {
     position: relative;

templates/contributors.html

@@ -36,9 +36,9 @@
         <br>
         <h1 class="heading"><span class="emoji sponsors" id="team">Our mentors and coaches</span></h1>
         <hr>
+        <p class="info">❤️ meet our amazing coach and mentors! ❤️</p>
         <div class="team-info">
             <div class="content-container">
-                <p class="info">❤️ meet our amazing coach and mentors! ❤️</p>
                 <div class="members-container">
                     {% for mentor in mentors %}
                     <div class="member-card">
@@ -54,10 +54,9 @@
         </div>
         <h1 class="heading"><span class="emoji team" id="team">Our team</span></h1>
         <hr>
+        <p class="info">⭐ meet our amazing team! ⭐</p>
         <div class="team-info">
             <div class="content-container">
-                <p class="info">⭐ meet our amazing team! ⭐</p>
-
                 <div class="members-container">
                     {% for member in members %}
                     <div class="member-card">