Upd team

assets/styles.css

@@ -987,6 +987,23 @@ pre.mermaid:hover {
   background: rgba(99, 102, 241, 0.05);
 }
 
+/* Team member card styles */
+.member-card {
+  @apply rounded-2xl bg-slate-900/60 border border-white/10 p-4 text-center transition-all duration-300 hover:bg-slate-800/80 hover:border-indigo-400/30 hover:transform hover:-translate-y-1;
+}
+
+.member-avatar {
+  @apply text-4xl mb-2 w-16 h-16 mx-auto flex items-center justify-center rounded-full bg-gradient-to-br from-indigo-500/20 to-purple-500/20 border border-indigo-400/30;
+}
+
+.member-name {
+  @apply block text-lg font-semibold text-slate-200 mb-1;
+}
+
+.member-role {
+  @apply block text-sm text-slate-400 font-medium;
+}
+
 /* Enhanced text justification and spacing */
 .section p, .section li, .section div:not(.btn-primary):not(.btn-secondary):not(.btn-ghost):not(.tab):not(.chip):not(.metric-value):not(.metric-label) {
   text-align: justify;
@@ -1102,6 +1119,23 @@ pre.mermaid:hover {
     font-size: 0.9rem;
   }
   
+  /* Team member card mobile improvements */
+  .member-card {
+    padding: 1rem;
+  }
+  
+  .member-avatar {
+    @apply text-3xl w-12 h-12;
+  }
+  
+  .member-name {
+    @apply text-base;
+  }
+  
+  .member-role {
+    @apply text-xs;
+  }
+  
   /* Navigation improvements */
   nav {
     display: none;
@@ -1183,6 +1217,23 @@ pre.mermaid:hover {
     font-size: 0.8rem;
   }
   
+  /* Team member card very small screen improvements */
+  .member-card {
+    padding: 0.75rem;
+  }
+  
+  .member-avatar {
+    @apply text-2xl w-10 h-10;
+  }
+  
+  .member-name {
+    @apply text-sm;
+  }
+  
+  .member-role {
+    @apply text-xs;
+  }
+  
   .grid.md\\:grid-cols-5 {
     grid-template-columns: 1fr;
     gap: 0.5rem;