website landing page

apps/website/tailwind.config.js

@@ -14,6 +14,9 @@ module.exports = {
         'performance-green': '#6FE37A',
         'warning-amber': '#FFC556',
         'neon-aqua': '#43C9E6',
+        'racing-red': '#E31E24',
+        'carbon-black': '#0A0A0A',
+        'metallic-silver': '#C0C0C8',
       },
       fontFamily: {
         sans: ['Inter', 'system-ui', 'sans-serif'],
@@ -22,9 +25,20 @@ module.exports = {
         'glow': '0 0 20px rgba(25, 140, 255, 0.3)',
         'glow-strong': '0 0 28px rgba(25, 140, 255, 0.5)',
         'card': '0 8px 24px rgba(0, 0, 0, 0.12)',
+        'racing': '0 4px 16px rgba(227, 30, 36, 0.15)',
       },
       transitionTimingFunction: {
         'spring': 'cubic-bezier(0.34, 1.56, 0.64, 1)',
+        'speed': 'cubic-bezier(0.22, 1, 0.36, 1)',
+      },
+      animation: {
+        'speed-pulse': 'speed-pulse 2s ease-in-out infinite',
+      },
+      keyframes: {
+        'speed-pulse': {
+          '0%, 100%': { opacity: '0.5' },
+          '50%': { opacity: '1' },
+        },
       },
     },
   },