Créez une page web en russe avec un casse-tête : relier 9 points en utilisant quatre lignes droites sans lever la souris. La page doit inclure une description claire des règles et une zone interactive pour tenter de résoudre le casse-tête. Implémentez un message de félicitations "Поздравляем! Задача решена правильно!" en cas de solution correcte, ou un message d'explication "Попробуйте еще раз! Линии должны пересекаться, и курсор не должен подниматься." en cas d'erreur. Prévoyez suffisamment d'espace pour permettre aux lignes de dépasser la grille, reproduisant ainsi la solution classique.

Comment réaliser ce projet :
1. Disposition : Concevez une grille 3x3 de points avec un espace généreux autour.
2. Interaction utilisateur : Permettez de dessiner des lignes en cliquant et en faisant glisser sans lever la souris.
3. Logique du jeu : Assurez un tracé continu et autorisez l'intersection des lignes.
4. Mécanisme de feedback : Vérifiez automatiquement la solution; en cas de succès, affichez le message de félicitations, sinon affichez l'explication.
5. Section d'instructions : Fournissez une explication détaillée des règles du casse-tête.
6. Considérations de design : Optez pour une interface intuitive et éducative.

Создай страницу с головоломкой соедини 9 точек 4-мя линиями не отрывая руки.
опиши правила и сделай чтобы можно было ее решить мышкой.
Обязательно выводи поздравление если задача решена,  или обьяснение почему задача решена не верно.

Оставь достаточно места, для того чтобы решить задачу и выйти за пределы как в классическом решении

Q: Какие правила вы хотите включить в объяснение задачи?
A: Например, описать, что линии могут пересекаться.

Q: Какое сообщение должно отображаться при неправильном решении?
A: Например, 'Попробуйте еще раз!'.