#7a0000 use this red for all the red borders and red font colors

about.html

@@ -110,11 +110,11 @@
                     </div>
                     
                     <!-- Value 2 -->
-                    <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-700 value-card">
-                        <div class="w-16 h-16 bg-red-700 rounded-full flex items-center justify-center mb-6 mx-auto">
+                        <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-[#7a0000] value-card">
+                            <div class="w-16 h-16 bg-[#7a0000] rounded-full flex items-center justify-center mb-6 mx-auto">
 <i data-feather="heart" class="text-black text-2xl"></i>
                         </div>
-                        <h3 class="text-2xl font-bold text-center mb-4 text-red-700">Empathy</h3>
+                        <h3 class="text-2xl font-bold text-center mb-4 text-[#7a0000]">Empathy</h3>
 <p class="text-gray-300 text-center">
                             We understand our users' challenges and design solutions that truly meet their needs.
                         </p>
@@ -157,13 +157,13 @@
                     
                     <!-- Team Member 2 -->
                     <div class="group">
-                        <div class="relative overflow-hidden rounded-lg border-2 border-red-500 mb-4 h-64">
-                            <img src="http://static.photos/people/640x360/102" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
+                        <div class="relative overflow-hidden rounded-lg border-2 border-[#7a0000] mb-4 h-64">
+<img src="http://static.photos/people/640x360/102" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
                             <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Sarah Chen</h3>
-                                <p class="text-red-500">CTO</p>
-                            </div>
+                                <p class="text-[#7a0000]">CTO</p>
+</div>
                         </div>
                         <p class="text-gray-300">
                             VR/AR expert with a passion for human-computer interaction, Sarah leads our technical innovation efforts.

events.html

@@ -130,17 +130,17 @@ Register Now
                     </div>
 
                     <!-- Event 2 -->
-                    <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-red-700 p-6 transition duration-300 event-card">
+                    <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-[#7a0000] p-6 transition duration-300 event-card">
 <div class="flex justify-between items-start mb-4">
-                            <span class="bg-red-700 text-black px-3 py-1 rounded-full text-sm font-bold">WEBINAR</span>
-                            <span class="text-red-700">MAR 20</span>
+                            <span class="bg-[#7a0000] text-black px-3 py-1 rounded-full text-sm font-bold">WEBINAR</span>
+                            <span class="text-[#7a0000]">MAR 20</span>
 </div>
                         <h4 class="text-xl font-bold mb-2">VR Performance Training</h4>
                         <p class="text-gray-400 mb-4">Discover how VR can enhance your mental preparation and performance.</p>
                         <div class="flex items-center text-gray-300 text-sm mb-4">
                             <i data-feather="clock" class="mr-2 w-4 h-4"></i> 2:00 PM - 3:30 PM
                         </div>
-                        <button class="w-full bg-gradient-to-r from-red-900 via-red-800 to-red-700 hover:from-red-800 hover:via-red-700 hover:to-red-600 text-white font-bold py-2 rounded-lg transition">
+                        <button class="w-full bg-gradient-to-r from-[#7a0000] via-[#5a0000] to-[#3a0000] hover:from-[#5a0000] hover:via-[#3a0000] hover:to-[#1a0000] text-white font-bold py-2 rounded-lg transition">
 Register Now
                         </button>
                     </div>

index.html

@@ -336,8 +336,8 @@
                                     <div class="text-gray-300">Confidence</div>
                                 </div>
                                 <div class="text-center">
-                                    <div class="text-4xl font-bold text-red-500" id="stress-level">42%</div>
-                                    <div class="text-gray-300">Stress</div>
+                            <div class="text-4xl font-bold text-[#7a0000]" id="stress-level">42%</div>
+<div class="text-gray-300">Stress</div>
                                 </div>
                                 <div class="text-center">
                                     <div class="text-4xl font-bold text-green-500" id="focus-level">93%</div>
@@ -370,12 +370,12 @@
             <div class="max-w-xl mx-auto">
 <!-- Subscription Plan -->
                 <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-red-700 transform hover:scale-105 transition md:col-span-1">
-                    <h3 class="text-2xl font-bold text-center mb-4 text-red-700">Subscription Plan</h3>
+                    <h3 class="text-2xl font-bold text-center mb-4 text-[#7a0000]">Subscription Plan</h3>
 <div class="text-center mb-2">
                         <span class="text-sm font-bold text-green-400">7-DAY FREE TRIAL</span>
                     </div>
                     <div class="text-center mb-6">
-                        <span class="text-4xl font-bold text-red-700">$60</span>
+                        <span class="text-4xl font-bold text-[#7a0000]">$60</span>
 <span class="text-gray-400">/month</span>
                         <div class="text-sm text-gray-400">or $700/year (save $80) + add ons</div>
 </div>
@@ -406,7 +406,7 @@
                         </li>
                     </ul>
                     <button onclick="addToCart({
-                        id: 'subscription-plan',
+id: 'subscription-plan',
                         name: 'Subscription Plan', 
                         price: 60,
 description: 'Full suite with AI analysis, custom builds, and coaching - cancel anytime'

results.html

@@ -225,7 +225,7 @@
             <p class="text-xl mb-12 max-w-2xl mx-auto text-gray-300">
                 Join our next competition and test your mental performance against others
             </p>
-                            <button class="bg-gradient-to-r from-red-900 via-red-800 to-red-700 hover:from-red-800 hover:via-red-700 hover:to-red-600 text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg">
+                            <button class="bg-gradient-to-r from-[#7a0000] via-[#5a0000] to-[#3a0000] hover:from-[#5a0000] hover:via-[#3a0000] hover:to-[#1a0000] text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg">
 Join Next Event
             </button>
 </div>