Design: Fly.io-inspired Farben und Buttons

- Hintergrund: Dunkles Navy (#092E20-inspiriert)
- Buttons: Gradient-Pink zu Violett mit Shadow-Glow
- Neue Button-Variante: 'gradient' (Cyan zu Blau)
- Gradient-Mesh Hintergrund für Hero-Sektion
- Akzentfarbe: Knalliges Pink/Magenta
- Selection: Pink mit Transparenz

components/hero.tsx

@@ -9,10 +9,13 @@ import { ProgrammerGraphic } from './programmer-graphic'
 export function Hero() {
   return (
     <section className="relative min-h-screen flex items-center pt-20 lg:pt-0">
-      {/* Subtle grid background */}
+      {/* Fly.io-style gradient mesh background */}
+      <div className="absolute inset-0 bg-gradient-mesh" />
+      
+      {/* Subtle grid overlay */}
       <div className="absolute inset-0 overflow-hidden">
         <div 
-          className="absolute inset-0 opacity-[0.02] dark:opacity-[0.04]"
+          className="absolute inset-0 opacity-[0.03]"
           style={{
             backgroundImage: `
               linear-gradient(to right, currentColor 1px, transparent 1px),