before race

app/globals.css

@@ -146,8 +146,8 @@ header p {
 .cta {
   margin-top: 30px;
   padding: 16px 28px;
-  background: var(--accent);
-  color: #000;
+  background: #0a7931;
+  color: #fff;
   border: none;
   border-radius: 14px;
   font-size: 15px;
@@ -197,8 +197,8 @@ header p {
 .signup button {
   margin-top: 20px;
   padding: 14px 28px;
-  background: var(--accent);
-  color: #000;
+  background: #0a7931;
+  color: #fff;
   border: none;
   border-radius: 14px;
   cursor: pointer;
@@ -206,9 +206,9 @@ header p {
 
 .past {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(400px, 400px));
-  gap: 30px;
-  justify-content: center;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  justify-content: start;
 }
 
 .past .card {
@@ -216,7 +216,7 @@ header p {
   border-radius: 16px;
   padding: 20px;
   border: 1px solid var(--border);
-  width: 400px;
+  width: 100%;
 }
 
 .past img {
@@ -237,6 +237,16 @@ footer {
   .drop {
     grid-template-columns: 1fr;
   }
+  
+  .past {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 600px) {
+  .past {
+    grid-template-columns: 1fr;
+  }
 }
 
 /* Admin Panel Styles */