Ejercicio de programación con CSS: Reto formulario estilizado

Crea un formulario de contacto que incluya los siguientes elementos:

1. Un campo de texto para el nombre (requerido)
2. Un campo de email (requerido)
3. Un área de texto para el mensaje (requerido)
4. Un checkbox para aceptar términos y condiciones (requerido)
5. Un botón de envío

Aplica los siguientes estilos CSS:

• Todos los campos de texto deben tener un borde de 1px con color #ccc, radio de borde de 4px y padding interno de 10px
• Al enfocar cualquier campo, el borde debe cambiar a color #4a90e2 con una transición suave
• El checkbox debe estar personalizado: oculta el checkbox original y crea un indicador visual cuadrado de 20px x 20px con borde gris
• Cuando el checkbox esté marcado, el indicador debe mostrar un símbolo de check (✓) en color blanco y tener fondo #4a90e2
• Los campos inválidos deben mostrar un borde rojo (#F44336) después de que el usuario interactúe con ellos
• El botón debe tener fondo #4a90e2, texto blanco, sin borde, padding de 10px 20px y radio de borde de 4px
• El formulario debe ser responsive: en pantallas menores a 600px, todos los elementos deben ocupar el 100% del ancho disponible

No es necesario implementar la funcionalidad de envío del formulario.