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) - 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, 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 · 2026" 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