Fix title vertical height spacing issue

- Added proper h2 styling for both desktop and mobile hero sections
- Improved line-height for h1 and h2 elements (1.2 and 1.3 respectively)
- Set appropriate bottom margins for better vertical flow
- Added red color styling for warning message emphasis
- Ensures titles properly account for vertical height in layout

Author: TheWildJames

style.css

@@ -332,6 +332,15 @@ body {
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
+    line-height: 1.2;
+}
+
+.desktop-hero h2 {
+    font-size: 1.8rem;
+    font-weight: var(--font-weight-semibold);
+    color: #ff6b6b;
+    margin-bottom: 30px;
+    line-height: 1.3;
 }
 
 .desktop-hero p {
@@ -375,6 +384,15 @@ body {
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
+    line-height: 1.2;
+}
+
+.mobile-hero h2 {
+    font-size: 1.4rem;
+    font-weight: var(--font-weight-semibold);
+    color: #ff6b6b;
+    margin-bottom: 25px;
+    line-height: 1.3;
 }
 
 .mobile-hero p {