feat: add newsletter signup with email field and Umami tracking

- Add email input field to newsletter signup form
- Add disclaimer about max frequency and unsubscribe option
- Add newsletter translations for all 6 languages (en, de, pl, es, ar, uk)
- Update hero highlight to "Crispy Code"
- Update CTA button to "Let's get crispy!"
- Add Umami tracking for newsletter submissions
- Style newsletter form without white background

src/main.css

@@ -1924,11 +1924,16 @@ input:checked + .toggle-slider::before {
 }
 
 .coming-soon-icon {
-	font-size: 2rem;
 	display: block;
 	margin-bottom: 0.75rem;
 }
 
+.coming-soon-icon svg {
+	width: 2rem;
+	height: 2rem;
+	stroke: var(--section-color);
+}
+
 .coming-soon-card h3 {
 	font-size: 1rem;
 	margin-bottom: 0.5rem;
@@ -1954,6 +1959,71 @@ input:checked + .toggle-slider::before {
 	}
 }
 
+/* Newsletter Signup */
+.newsletter-signup {
+	margin-top: var(--spacing-lg);
+	padding: 1.5rem;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 0.75rem;
+}
+
+.newsletter-signup p {
+	margin: 0;
+	color: var(--light-text);
+}
+
+.newsletter-form {
+	display: flex;
+	gap: 0.5rem;
+	flex-wrap: wrap;
+	justify-content: center;
+}
+
+.newsletter-form input[type="email"] {
+	padding: 0.5rem 1rem;
+	border: 2px solid var(--border-color);
+	border-radius: var(--border-radius-sm);
+	background: var(--panel-bg);
+	color: var(--text);
+	font-size: 1rem;
+	min-width: 200px;
+}
+
+.newsletter-form input[type="email"]:focus {
+	outline: none;
+	border-color: var(--section-color);
+}
+
+.newsletter-signup .btn-outline {
+	border: 2px solid var(--section-color);
+	color: var(--section-color);
+	background: transparent;
+	padding: 0.5rem 1.5rem;
+	font-weight: 500;
+	transition: all 0.2s;
+}
+
+.newsletter-signup .btn-outline:hover {
+	background: var(--section-color);
+	color: white;
+}
+
+.newsletter-disclaimer {
+	font-size: 0.8rem;
+	opacity: 0.7;
+}
+
+.newsletter-thanks {
+	color: var(--success);
+	font-weight: 500;
+}
+
+.newsletter-thanks.hidden {
+	display: none;
+}
+
 /* Device Notice */
 .device-notice {
 	margin-top: var(--spacing-lg);