Revise paste Formulario

Crea una landing page en un único fichero HTML con CSS y JavaScript incluidos 
para un servicio llamado SportNews que envía diariamente una noticia 
personalizada sobre el deporte favorito del suscriptor.

La página debe incluir:

1. HEADER con el nombre SportNews y el tagline "Tu noticia deportiva cada día"

2. HERO con:
   - Titular: "Empieza tu día con la noticia que te importa"
   - Subtítulo: "Recibe cada mañana un resumen personalizado sobre tu deporte favorito"
   - Botón CTA que haga scroll al formulario

3. SECCIÓN de deportes disponibles con 3 tarjetas:
   - Fútbol (icono de balón)
   - Baloncesto (icono de aro)
   - Pádel (icono de raqueta)
   Cada tarjeta con título y una línea descriptiva

4. FORMULARIO DE SUSCRIPCIÓN con los campos:
   - Nombre (texto, obligatorio)
   - Apellido (texto, obligatorio)
   - Email (email, obligatorio)
   - Deporte favorito (desplegable con exactamente estas opciones: fútbol, baloncesto, pádel)
   - Botón de envío naranja que diga "Suscribirme gratis"

El formulario debe enviar los datos con fetch() en formato JSON mediante POST 
   a esta URL: WEBHOOK_URL
   
   Los campos del JSON deben llamarse exactamente: nombre, apellido, email, deporte
   
   Si el envío es correcto: ocultar el formulario y mostrar mensaje verde 
   "¡Suscripción completada! Recibirás tu primera noticia en breve."
   
   Si hay error: mostrar mensaje rojo "Ha habido un error. Inténtalo de nuevo."

5. FOOTER con "SportNews · Tu resumen deportivo personalizado · 2025"

REQUISITOS TÉCNICOS:
- Un único fichero .html sin ficheros externos
- CSS en etiqueta <style> en el <head>
- JavaScript en etiqueta <script> antes del </body>
- Sin frameworks (no Bootstrap, no Tailwind, no React)
- Colores: fondo oscuro #1a1a2e, acento naranja #f97316, texto blanco
- Diseño moderno y responsive