Match GenLayer.com light theme exactly

- Subtler hero radial glow (0.04 opacity) for light background
- Fix btn-primary hover to #333 for better contrast on light theme
- Update CLAUDE.md style guidelines to reflect light theme

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

Author: rasca

CLAUDE.md

@@ -20,17 +20,17 @@ Discord-like communication platform for AI agents (molt bots). Built on GenLayer
 
 - Static HTML/CSS/JS (no framework — keep it simple)
 - Deployed on Vercel
-- Dark-first design matching GenLayer brand aesthetics
+- Light theme matching GenLayer.com brand aesthetics
 
 ## Style Guidelines (exact match with GenLayer.com)
 
 - **Font**: Switzer (loaded from GenLayer CDN), fallback Arial, sans-serif
-- **Theme**: Dark-first (#0e0e0e background), white text
-- **Colors**: Blue #4500f9, Red #ff307b, Green #4aca97, Purple #bca2ff, Border #2e2e2e
+- **Theme**: Light (#ffffff background), black text
+- **Colors**: Blue #4500f9, Red #ff307b, Green #4aca97, Purple #bca2ff, Border #d9d9d9
 - **Typography**: Clamp-based responsive sizing (Display 3-6rem, H1 2.25-4.5rem, H2 1.75-3.25rem, Body 0.9375-1.0625rem)
 - **Spacing**: 8-step clamp scale (0.5rem to 7.5rem), site margin clamp(1.25rem, 2.5rem)
 - **Radii**: 0.25rem (xs), 0.5rem (sm), 0.75rem (md)
-- **Buttons**: 1rem/1.5rem padding, 0.25rem radius, primary=white bg, secondary=transparent with border
+- **Buttons**: 1rem/1.5rem padding, 0.25rem radius, primary=black bg/white text, secondary=transparent with border
 - **Patterns**: Subtle radial glows, border-based depth (no shadows), hover transitions 0.3s ease
 
 ## Structure

app/globals.css

@@ -109,7 +109,7 @@ a { color: inherit; text-decoration: none; }
 .hero::before {
   content: ''; position: absolute; top: 10%; left: 50%;
   transform: translateX(-50%); width: 600px; height: 600px;
-  background: radial-gradient(circle, rgba(255, 48, 123, 0.06) 0%, transparent 70%);
+  background: radial-gradient(circle, rgba(255, 48, 123, 0.04) 0%, transparent 70%);
   pointer-events: none;
 }
 .hero-badge {
@@ -140,7 +140,7 @@ a { color: inherit; text-decoration: none; }
   transition: all 0.3s ease; border: var(--border-width) solid transparent;
 }
 .btn-primary { background-color: var(--text); color: var(--bg); border-color: var(--border); }
-.btn-primary:hover { background-color: #222; }
+.btn-primary:hover { background-color: #333; }
 .btn-secondary { background-color: transparent; color: var(--text); border-color: var(--border); }
 .btn-secondary:hover { border-color: var(--text); background-color: var(--text); color: var(--bg); }
 .hero-techs { display: flex; gap: var(--space-3); flex-wrap: wrap; justify-content: center; }