style: apply UI/UX Pro Max optimizations

- Add spacing scale (8px base) for consistent layout
- Add z-index scale for proper layering management
- Add border radius scale for consistent rounding
- Extend typography scale with text-5xl and text-6xl
- Add cyberpunk neon color variables
- Add pre-built glow effect shadows
- Add spring easing function for bouncy interactions
- Refine animation durations per UX guidelines (150-300ms)
- Add cursor-pointer to interactive cards

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: Kosthi

src/styles/global.css

@@ -12,7 +12,7 @@
         --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
         --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.4);
 
-        /* Typography Scale */
+        /* Typography Scale - 1.25 ratio (Major Third) */
         --text-xs: 0.75rem;
         --text-sm: 0.875rem;
         --text-base: 1rem;
@@ -21,6 +21,8 @@
         --text-2xl: 1.5rem;
         --text-3xl: 1.875rem;
         --text-4xl: 2.25rem;
+        --text-5xl: 3rem;
+        --text-6xl: 3.75rem;
 
         /* Line Heights */
         --leading-tight: 1.25;
@@ -29,15 +31,62 @@
         --leading-relaxed: 1.625;
         --leading-loose: 1.85;
 
-        /* Easing Functions */
+        /* Spacing Scale - 8px base */
+        --space-1: 0.25rem;
+        --space-2: 0.5rem;
+        --space-3: 0.75rem;
+        --space-4: 1rem;
+        --space-5: 1.25rem;
+        --space-6: 1.5rem;
+        --space-8: 2rem;
+        --space-10: 2.5rem;
+        --space-12: 3rem;
+        --space-16: 4rem;
+        --space-20: 5rem;
+        --space-24: 6rem;
+
+        /* Z-Index Scale - UI/UX Pro Max recommendation */
+        --z-base: 0;
+        --z-dropdown: 10;
+        --z-sticky: 20;
+        --z-fixed: 30;
+        --z-modal-backdrop: 40;
+        --z-modal: 50;
+        --z-popover: 60;
+        --z-tooltip: 70;
+
+        /* Easing Functions - UI/UX Pro Max recommended */
         --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
         --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
         --ease-in-out-smooth: cubic-bezier(0.4, 0, 0.2, 1);
+        --ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
-        /* Duration Variables */
+        /* Duration Variables - 150-300ms for micro-interactions */
+        --duration-instant: 100ms;
         --duration-fast: 150ms;
-        --duration-normal: 300ms;
-        --duration-slow: 500ms;
+        --duration-normal: 250ms;
+        --duration-slow: 400ms;
+        --duration-slower: 600ms;
+
+        /* Border Radius Scale */
+        --radius-sm: 6px;
+        --radius-md: 10px;
+        --radius-lg: 14px;
+        --radius-xl: 18px;
+        --radius-2xl: 24px;
+        --radius-full: 9999px;
+
+        /* Cyberpunk Neon Colors */
+        --neon-cyan: #22d3ee;
+        --neon-purple: #a855f7;
+        --neon-pink: #ec4899;
+        --neon-blue: #3b82f6;
+        --neon-green: #10b981;
+
+        /* Glow Effects */
+        --glow-cyan: 0 0 20px rgba(34, 211, 238, 0.4), 0 0 40px rgba(34, 211, 238, 0.2);
+        --glow-purple: 0 0 20px rgba(168, 85, 247, 0.4), 0 0 40px rgba(168, 85, 247, 0.2);
+        --glow-pink: 0 0 20px rgba(236, 72, 153, 0.4), 0 0 40px rgba(236, 72, 153, 0.2);
 
         /* Syntax Highlighting Colors */
         --syntax-keyword: #a855f7;
@@ -2833,6 +2882,7 @@
         border-radius: var(--r);
         border: 1px solid rgba(240, 246, 255, 0.12);
         padding: 18px;
+        cursor: pointer;
       }
 
       .member-card::before,