style: remove logo backgrounds and increase logo sizes by 25% (#118)

## Summary
- Removed colored backgrounds from logo containers for cleaner
appearance
- Increased all logo sizes by 25% for better visibility
- Removed shadow effects since backgrounds were removed

## Changes Made
- Base logo: 40px → 50px
- Nav logo container: 60px → 75px  
- Hero logo max size: 300px → 375px
- Footer logo: 30px → 37.5px

🤖 Generated with [Claude Code](https://claude.ai/code)

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: jwilger

docs/assets/css/style.css

@@ -55,7 +55,7 @@
 
     /* Component dimensions */
     --floating-card-size: 350px;
-    --hero-logo-max-size: 300px;
+    --hero-logo-max-size: 375px; /* Increased by 25% from 300px */
 
     /* Gradient effects */
     --gradient-blur-size: 8px;
@@ -114,35 +114,22 @@ body {
 }
 
 .logo {
-    width: 40px;
-    height: 40px;
+    width: 50px; /* Increased by 25% from 40px */
+    height: 50px; /* Increased by 25% from 40px */
     animation: float 3s ease-in-out infinite;
 }
 
 .nav-brand .logo-container {
-    width: 60px;
-    height: 60px;
+    width: 75px; /* Increased by 25% from 60px */
+    height: 75px; /* Increased by 25% from 60px */
     position: relative;
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-    border-radius: 8px;
-}
-
-.nav-brand .logo-container::before {
-    content: '';
-    position: absolute;
-    inset: var(--gradient-inset-negative-large);
-    background: linear-gradient(135deg, var(--accent-gradient-start), var(--accent-gradient-end));
-    border-radius: 8px;
-    z-index: -1;
-    opacity: 0.8;
-    filter: blur(6px);
+    /* Removed colored background and shadow */
 }
 
 .nav-brand .logo {
     width: 100%;
     height: 100%;
-    border-radius: 8px;
-    padding: 4px;
+    /* Removed border-radius and padding since no background */
     animation: none;
     position: relative;
     z-index: 1;
@@ -344,10 +331,10 @@ body {
 }
 
 .floating-card {
-    background-color: var(--bg-surface);
+    /* Removed colored background */
     border-radius: 20px;
     padding: 0;
-    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+    /* Removed shadow since no background */
     animation: float 4s ease-in-out infinite;
     position: relative;
     width: var(--floating-card-size);
@@ -357,17 +344,6 @@ body {
     align-items: center;
 }
 
-.floating-card::before {
-    content: '';
-    position: absolute;
-    inset: var(--gradient-inset-negative-large);
-    background: linear-gradient(135deg, var(--accent-gradient-start), var(--accent-gradient-end));
-    border-radius: 20px;
-    z-index: -1;
-    opacity: 0.5;
-    filter: blur(var(--gradient-blur-size-large));
-}
-
 .hero-logo {
     width: 90%;
     height: 90%;
@@ -645,8 +621,8 @@ body {
 }
 
 .footer-logo {
-    width: 30px;
-    height: 30px;
+    width: 38px; /* Increased by 25% from 30px, rounded for browser compatibility */
+    height: 38px; /* Increased by 25% from 30px, rounded for browser compatibility */
     opacity: 0.7;
 }