fix: Make hero buttons display in single horizontal line and remove profile card animations

- Change hero-buttons flex-wrap from 'wrap' to 'nowrap' for single line display
- Add align-items: center for better button alignment
- Remove profile-card 3D rotation on hover for steady appearance
- Remove badge transform/scale on hover for steady appearance
- Keep responsive mobile behavior (buttons stack vertically on small screens)
- All profile card elements now steady as requested

Author: danribes

css/style.css

@@ -462,7 +462,8 @@ ul {
     display: flex;
     gap: 1rem;
     margin-top: 2rem;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
+    align-items: center;
 }
 
 .btn {
@@ -571,13 +572,12 @@ ul {
     border-radius: var(--radius-xl);
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
     text-align: center;
-    transform-style: preserve-3d;
-    transition: transform var(--transition-slow);
     border: 2px solid rgba(102, 126, 234, 0.4);
+    /* NO ANIMATION - steady card */
 }
 
 .profile-card:hover {
-    transform: rotateY(5deg) rotateX(5deg);
+    /* Removed 3D rotation for steady appearance */
 }
 
 .profile-icon {
@@ -624,14 +624,12 @@ ul {
     font-size: 0.875rem;
     font-weight: 600;
     box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
-    transition: all var(--transition-normal);
     border: 1px solid rgba(255, 255, 255, 0.2);
     /* NO ANIMATION - steady badges */
 }
 
 .badge:hover {
-    transform: translateX(10px) scale(1.05);
-    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
+    /* Removed transform for steady appearance */
 }
 
 /* ===================================