{"id":13468,"date":"2026-02-17T18:38:34","date_gmt":"2026-02-17T16:38:34","guid":{"rendered":"https:\/\/afostodata.ro\/europeanicons\/?page_id=13468"},"modified":"2026-10-09T15:30:40","modified_gmt":"2026-10-09T13:30:40","slug":"zinedine-zidane","status":"publish","type":"page","link":"https:\/\/afostodata.ro\/europeanicons\/en\/zinedine-zidane\/","title":{"rendered":"Zinedine Zidane"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13468\" class=\"elementor elementor-13468\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-dce-background-overlay-color=\"#003049\" data-dce-background-image-url=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/zidane.webp\" class=\"elementor-element elementor-element-7693a71 e-flex e-con-boxed e-con e-parent\" data-id=\"7693a71\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c349256 elementor-widget elementor-widget-html\" data-id=\"c349256\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"eminescu-header-light\">\n    <span class=\"reveal-tag\">Passion \u2022 Vision \u2022 Precision<\/span>\n    <div class=\"title-container\">\n        <h1 class=\"main-name-solid\">Zinedine<\/h1>\n        <h1 class=\"main-name-stroke\"> Zidane<\/h1>\n    <\/div>\n    \n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@900&family=Playfair+Display:wght@900&display=swap');\n\n.eminescu-header-light {\n    text-align: center;\n    padding: 60px 20px;\n    font-family: 'Montserrat', sans-serif;\n    background: transparent; \n}\n\n\/* Eticheta de sus cu galbenul specific #F9C70C *\/\n.reveal-tag {\n    display: block;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 10px;\n    color: #F9C70C;\n    font-size: 0.85rem;\n    margin-bottom: 15px;\n    opacity: 0;\n    animation: dropFadeEminescu 0.8s ease forwards;\n}\n\n.title-container {\n    display: block;\n    line-height: 0.8;\n}\n\n\/* Textul solid - Alb pur *\/\n.main-name-solid {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3.5rem, 15vw, 10rem);\n    margin: 0;\n    color: #ffffff;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: slideUpEminescu 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.4s;\n}\n\n\/* Textul cu contur - Alb pur *\/\n.main-name-stroke {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3.5rem, 15vw, 10rem);\n    margin: 0;\n    color: transparent;\n    -webkit-text-stroke: 2px #ffffff;\n    text-transform: uppercase;\n    opacity: 0;\n    animation: slideUpEminescu 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.6s,\n               subtleFloatEminescu 5s ease-in-out infinite 1.6s;\n}\n\n\/* Linia ro\u0219ie de accent *\/\n.header-red-line {\n    width: 0;\n    height: 6px;\n    background: #D62828;\n    margin: 30px auto 0;\n    animation: expandLineEminescu 1.2s ease-out forwards 1.4s;\n}\n\n\/* --- ANIMA\u021aII --- *\/\n\n@keyframes dropFadeEminescu {\n    from { opacity: 0; transform: translateY(-30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes slideUpEminescu {\n    from { opacity: 0; transform: translateY(80px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes expandLineEminescu {\n    from { width: 0; }\n    to { width: 220px; }\n}\n\n@keyframes subtleFloatEminescu {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}\n\n\/* Optimizare mobil *\/\n@media (max-width: 768px) {\n    .reveal-tag { letter-spacing: 4px; font-size: 0.7rem; }\n    .main-name-stroke { -webkit-text-stroke: 1px #ffffff; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#F7E0B8\" class=\"elementor-element elementor-element-49375bb e-flex e-con-boxed e-con e-parent\" data-id=\"49375bb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aec181d e-con-full e-flex e-con e-child\" data-id=\"aec181d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-55f9196 e-con-full e-flex e-con e-child\" data-id=\"55f9196\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc5020 elementor-widget elementor-widget-dce-breadcrumbs\" data-id=\"fcc5020\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"dce-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul><li class=\"item-home\"><a class=\"bread-link bread-home\" href=\"https:\/\/afostodata.ro\/europeanicons\" title=\"Home\">Home<\/a><\/li><li class=\"separator separator-home\"> <span class=\"dce-separator\"> &gt; <\/span> <\/li><li class=\"item-current item-13468\"><span class=\"bread-current bread-13468\"> Zinedine Zidane<\/span><\/li><\/ul>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-title-color=\"#012F4A\" class=\"elementor-element elementor-element-c0000ad elementor-widget elementor-widget-heading\" data-id=\"c0000ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Boy Who Made the Ball Dance\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-248b963 elementor-widget elementor-widget-text-editor\" data-id=\"248b963\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Did you know that some great stories begin on a dusty field, between two gray apartment buildings, with a worn-out ball and countless dreams?<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-466c5f8 e-con-full e-flex e-con e-child\" data-id=\"466c5f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd7bb0e elementor-widget elementor-widget-image\" data-id=\"bd7bb0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-1024x1024.jpg\" class=\"attachment-large size-large wp-image-12480\" alt=\"\" srcset=\"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-1024x1024.jpg 1024w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-300x300.jpg 300w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-150x150.jpg 150w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20-768x768.jpg 768w, https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20.jpg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#F7E0B8\" class=\"elementor-element elementor-element-56b4995 e-flex e-con-boxed e-con e-parent\" data-id=\"56b4995\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a5279f3 e-con-full e-flex e-con e-child\" data-id=\"a5279f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#D62729\" class=\"elementor-element elementor-element-1eddf16 elementor-align-justify buton-audio elementor-widget elementor-widget-button\" data-id=\"1eddf16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LISTEN<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-213d7b3 e-con-full e-flex e-con e-child\" data-id=\"213d7b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#FA6D12\" class=\"elementor-element elementor-element-dc114fa elementor-align-justify buton-citeste elementor-widget elementor-widget-button\" data-id=\"dc114fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">READ<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bc7205 e-con-full e-flex e-con e-child\" data-id=\"8bc7205\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#F9C70C\" class=\"elementor-element elementor-element-200024f elementor-align-justify buton-activitati elementor-widget elementor-widget-button\" data-id=\"200024f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#activitati\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Activities<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e83ab6d e-con-full e-flex e-con e-child\" data-id=\"e83ab6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-dce-background-color=\"#01502B\" class=\"elementor-element elementor-element-be56385 elementor-align-justify buton-vizioneaza elementor-widget elementor-widget-button\" data-id=\"be56385\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm elementor-animation-shrink\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Watch<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-dce-background-color=\"#EBEFF2\" class=\"elementor-element elementor-element-25b1168 citeste e-flex e-con-boxed e-con e-parent\" data-id=\"25b1168\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e4ae49 elementor-widget elementor-widget-html\" data-id=\"8e4ae49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<article class=\"aslan-full-story\">\r\n    <section class=\"story-wrapper\">\r\n        <p class=\"intro-p\">\r\n            Did you know that some great stories begin on a dusty field, between two gray apartment buildings, with a worn-out ball and countless dreams?\r\n        <\/p>\r\n\r\n        <p>Zinedine was born in Marseille in 1972, in the neighborhood of La Castellane, into a modest family from Algeria. His father, Smail, worked hard, and his mother, Malika, lovingly cared for her children. At home, people spoke about respect, patience, and hard work. Outside, Zinedine mostly spoke to the ball.<\/p>\r\n\r\n        <p>He was not the tallest, nor the loudest. Often quiet, almost shy, he observed the game before joining in. But the moment his feet touched the ball, something changed. The ball seemed to obey him. He moved calmly, dribbled without unnecessary gestures, as if he were dancing.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            - Zidane, pass! the other children shouted.\r\n        <\/blockquote>\r\n\r\n        <p>And he passed. Always at the right moment.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            - Look at him, he\u2019s different, said one of the neighborhood boys, his eyes fixed on Zinedine. \u201cHe makes the ball dance, you see?\u201d\r\n        <\/blockquote>\r\n\r\n        <p>Very early on, coaches noticed this quiet boy who saw the game faster than everyone else. At the age of ten, he joined a football club. At thirteen, he left his family to join a training center in Cannes.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            - We\u2019re going to miss you, my son, his mother told him, tears in her eyes. \u201cBut I know you will achieve great things.\u201d\r\n        <\/blockquote>\r\n\r\n        <p>Leaving was difficult. For the first time, he slept far from his family. Some evenings, loneliness weighed heavily on him. So he thought about his mother, his brothers and sisters, and his neighborhood. Every morning, he trained even harder.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            - I want to become the best, for them, he told himself, clenching his fists.\r\n        <\/blockquote>\r\n\r\n        <p>Again. And again.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            - I want to become better, he repeated to himself.\r\n        <\/blockquote>\r\n\r\n        <p>At seventeen, he played his first professional match. His talent amazed everyone. He was not only strong: he made the game more beautiful. A sports commentator exclaimed, \u201cThis boy is a genius!\u201d<\/p>\r\n\r\n        <p>Very quickly, major clubs became interested in him. He moved to Bordeaux, then crossed the Alps to join Juventus in Turin. There, in Italy, he became a star. He won league titles, impressed all of Europe, and confirmed what many already knew: Zinedine Zidane was different.<\/p>\r\n\r\n        <div class=\"highlight-block\">\r\n            <p>But his greatest moment awaited him wearing the blue jersey of France.<\/p>\r\n\r\n            <p>In 1998, the World Cup took place in France. The whole country held its breath. Zinedine, now the playmaker of the national team, carried the hopes of millions.<\/p>\r\n\r\n            <p>- We\u2019re counting on you, Zizou, a supporter told him, hugging him tightly.<\/p>\r\n\r\n            <p>On the night of the final, at the Stade de France, the atmosphere was electric. Against Brazil, the great favorite, France had to achieve the impossible.<\/p>\r\n\r\n            <p>From a corner kick, Zinedine rose into the air.<\/p>\r\n\r\n            <p>First header. Goal.<\/p>\r\n\r\n            <p>A few minutes later, another corner.<\/p>\r\n\r\n            <p>Second header. Goal.<\/p>\r\n\r\n            <p>The stadium exploded. France too.<\/p>\r\n\r\n            <p>That night, the boy from La Castellane became a national hero. France won its first World Cup. People no longer simply called him Zinedine; from then on, he was known as Zizou.<\/p>\r\n\r\n            <p>- I\u2019m just doing my job, he said simply, humble despite the glory.<\/p>\r\n        <\/div>\r\n\r\n        <p>The years that followed confirmed his legend. He won the Ballon d'Or, lifted the Euro 2000 trophy, and then joined Real Madrid. There, wearing the famous white jersey, he scored one of the most beautiful goals in football history - a perfect volley in the Champions League final. A stunned commentator whispered:<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            Incredible! A work of art!\r\n        <\/blockquote>\r\n\r\n        <p>Yet even fairy tales have their shadows.<\/p>\r\n\r\n        <p>In 2006, during his final competition, Zizou once again led France to the World Cup final. First, he scored a daring penalty - slow, almost insolent.<\/p>\r\n\r\n        <p>Then came the moment.<\/p>\r\n\r\n        <p>An instant.<\/p>\r\n\r\n        <p>A headbutt.<\/p>\r\n\r\n        <p>The red card.<\/p>\r\n\r\n        <p>Zinedine left the field in silence, walking past the trophy he would never touch again.<\/p>\r\n\r\n        <blockquote class=\"story-quote\">\r\n            - I\u2019m sorry\u2026 he thought, his heart heavy.\r\n        <\/blockquote>\r\n\r\n        <p>The world stood still.<\/p>\r\n\r\n        <p>Thus ended the tale of the player.<\/p>\r\n\r\n        <p>But not the story of the man.<\/p>\r\n\r\n        <div class=\"fame-section\">\r\n            <p>After his playing career, Zinedine did not leave football behind. He became a coach. At Real Madrid, he guided his team to unprecedented heights, winning several consecutive Champions League titles.<\/p>\r\n\r\n            <p>- He has an incredible vision of the game, one of his players commented. \u201cWe learn so much from him.\u201d<\/p>\r\n\r\n            <p>Always calm. Always respected.<\/p>\r\n        <\/div>\r\n\r\n        <p>Zinedine Zidane was not only a champion. He was a symbol: a child from a tough neighborhood who became a legend without ever forgetting where he came from.<\/p>\r\n\r\n        <p class=\"conclusion-box\">\r\n            His story reminds us that talent opens doors, but hard work, humility, and perseverance build the greatest destinies. And somewhere, on a concrete playground, a child is kicking a ball today and dreaming. Because modern fairy tales sometimes begin exactly like this.\r\n        <\/p>\r\n    <\/section>\r\n<\/article>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');\r\n\r\n.aslan-full-story {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    background-color: transparent;\r\n    font-family: 'Playfair Display', sans-serif;\r\n    color: #003049;\r\n    line-height: 1.8;\r\n}\r\n\r\n.story-wrapper p {\r\n    margin-bottom: 25px;\r\n    font-size: 1.15rem;\r\n    text-align: justify;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\/* Drop Cap Stilizat *\/\r\n.intro-p::first-letter {\r\n    float: left;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 5rem;\r\n    line-height: 1;\r\n    padding-right: 15px;\r\n    color: #D62828;\r\n    font-weight: 900;\r\n}\r\n\r\n\/* Dialogue \/ Quotes *\/\r\n.story-quote {\r\n    margin: 40px 0;\r\n    padding: 20px 40px;\r\n    border-left: 6px solid #FB6C13;\r\n    background-color: rgba(245, 224, 183, 0.4);\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-size: 1.35rem;\r\n    border-radius: 0 15px 15px 0;\r\n    font-weight: 400;\r\n}\r\n\r\n\/* Caseta evidentiata pentru Coupe du Monde *\/\r\n.highlight-block {\r\n    margin: 50px 0;\r\n    padding: 40px;\r\n    background-color: #004F2D;\r\n    color: #F5E0B7;\r\n    border-radius: 20px;\r\n    box-shadow: 15px 15px 0 #F9C80E;\r\n}\r\n\r\n.highlight-block p {\r\n    color: #ffffff;\r\n    margin-bottom: 20px;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\/* Caseta Real Madrid *\/\r\n.fame-section {\r\n    margin: 60px 0;\r\n    padding: 35px;\r\n    border: 3px solid #003049;\r\n    border-radius: 15px;\r\n    background: radial-gradient(#F5E0B7 1px, transparent 1px);\r\n    background-size: 20px 20px;\r\n}\r\n\r\n.fame-section p {\r\n    font-weight: 700;\r\n    color: #003049;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* Concluzie Final\u0103 *\/\r\n.conclusion-box {\r\n    margin-top: 80px;\r\n    padding: 40px;\r\n    background-color: #003049;\r\n    color: #F5E0B7 !important;\r\n    text-align: center;\r\n    border-radius: 5px;\r\n    font-weight: 700 !important;\r\n    font-size: 1.3rem !important;\r\n    border-bottom: 8px solid #F9C80E;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .intro-p::first-letter {\r\n        font-size: 3.5rem;\r\n    }\r\n\r\n    .story-quote {\r\n        padding: 20px;\r\n        font-size: 1.15rem;\r\n    }\r\n\r\n    .highlight-block {\r\n        padding: 25px;\r\n        box-shadow: 8px 8px 0 #F9C80E;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a570b6 activitati e-flex e-con-boxed e-con e-parent\" data-id=\"9a570b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdcac9e elementor-widget elementor-widget-html\" data-id=\"bdcac9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\n\n<div class=\"activity-hub-premium\" id=\"IconsHub\">\n    <div id=\"hub-menu\" class=\"hub-screen active-screen\">\n        <div class=\"hub-header\">\n            <h2 class=\"playfair-main-title\">Activities<\/h2>\n        <\/div>\n        <div class=\"elegant-grid-5\">\n            <div class=\"elegant-card featured-quiz\" onclick=\"launchActivity('quiz')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfaf<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Quiz<\/h3>\n                    <span class=\"elegant-btn\">Start<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('x')\">\n                <div class=\"card-icon-wrapper\">\ud83e\udde9<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Mistery<\/h3>\n                    <span class=\"elegant-btn\">View<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('y')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udcda<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Reading Comprehension<\/h3>\n                    <span class=\"elegant-btn\">View<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('z')\">\n                <div class=\"card-icon-wrapper\">\ud83d\udd52\ufe0f<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Timeline<\/h3>\n                    <span class=\"elegant-btn\">View<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"elegant-card\" onclick=\"launchActivity('w')\">\n                <div class=\"card-icon-wrapper\">\ud83c\udfae<\/div>\n                <div class=\"card-info\">\n                    <h3 class=\"playfair-card-title\">Game<\/h3>\n                    <span class=\"elegant-btn\">View<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div id=\"activity-stage\" class=\"hub-screen\" style=\"display:none;\">\n        <button onclick=\"backToMenu()\" class=\"btn-back-elegant\">\u2190 Back to menu<\/button>\n        <div id=\"activity-content-loader\" class=\"content-stage-box\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap');\n*, *::before, *::after { box-sizing: border-box; }\n.activity-hub-premium { max-width: 1200px; margin: 60px auto; padding: 0 16px; font-family: 'Montserrat', sans-serif; color: #003049; scroll-margin-top: 120px; }\n.playfair-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 4vw, 3.2rem); font-weight: 700; text-align: center; margin-bottom: 60px; line-height: 1.2; text-transform: none; }\n.hub-screen { opacity: 0; transition: all 0.5s ease; display: none; }\n.active-screen { display: block !important; opacity: 1 !important; }\n.elegant-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }\n.elegant-card { background: #ffffff; border-radius: 25px; padding: 50px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); box-shadow: 0 5px 25px rgba(0, 48, 73, 0.05); border: 1px solid rgba(0, 48, 73, 0.08); -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.elegant-card:hover { transform: translateY(-12px); box-shadow: 0 25px 50px rgba(0, 48, 73, 0.15); border-color: #FB6C13; }\n.playfair-card-title { font-family: 'Playfair Display', serif; font-size: clamp(1rem, 2vw, 1.5rem); font-weight: 700; margin: 20px 0; text-transform: none; }\n.card-icon-wrapper { font-size: 4rem; margin-bottom: 10px; }\n.elegant-btn { font-size: 0.9rem; font-weight: 600; color: #FB6C13; padding: 10px 35px; border: 1.5px solid #FB6C13; border-radius: 50px; transition: 0.3s; display: inline-block; text-transform: none; }\n.elegant-card:hover .elegant-btn { background: #FB6C13; color: #fff; }\n.featured-quiz { background: #003049; color: #fff; border: none; }\n.featured-quiz .playfair-card-title { color: #fff; }\n.featured-quiz .elegant-btn { color: #F9C80E; border-color: #F9C80E; }\n.featured-quiz:hover .elegant-btn { background: #F9C80E; color: #003049; }\n.content-stage-box { background: #fff; border-radius: 35px; padding: 60px 50px; box-shadow: 0 40px 100px rgba(0,0,0,0.08); min-height: 500px; overflow: hidden; }\n.btn-back-elegant { background: transparent; color: #003049; border: 1.5px solid #003049; padding: 12px 35px; border-radius: 50px; font-weight: 600; cursor: pointer; margin-bottom: 30px; transition: 0.3s; font-family: 'Montserrat', sans-serif; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.btn-back-elegant:hover { background: #003049; color: #fff; }\n.quiz-splash-elegant { text-align: center; padding: 20px 0; display: flex; flex-direction: column; align-items: center; gap: 10px; }\n.quiz-splash-elegant .splash-emoji { font-size: clamp(4rem, 10vw, 7rem); }\n.quiz-splash-elegant h2 { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 6vw, 4rem); margin: 10px 0 30px; text-transform: none; }\n.btn-start-hero { background: #003049; color: #fff; border: none; padding: 20px 60px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3vw, 2.2rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; }\n.btn-start-hero:hover, .btn-start-hero:active { background: #FB6C13; transform: scale(1.05); }\n.quiz-progress-wrap { margin-bottom: 28px; }\n.quiz-progress-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\n.quiz-progress-label span { font-weight: 600; font-size: 0.85rem; color: #FB6C13; letter-spacing: 0.05em; text-transform: uppercase; }\n.progress-track { width: 100%; height: 8px; background: #f0f0f0; border-radius: 99px; overflow: hidden; }\n.progress-fill { height: 100%; background: linear-gradient(90deg, #FB6C13, #F9C80E); border-radius: 99px; transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\n.quiz-q-box { width: 100%; }\n.quiz-question-text { font-family: 'Playfair Display', serif; font-size: clamp(1.2rem, 3vw, 2rem); font-weight: 700; color: #003049; margin-bottom: 30px; line-height: 1.35; word-break: break-word; hyphens: auto; }\n#opts-wrap { display: flex; flex-direction: column; gap: 12px; }\n.opt-btn-elegant { width: 100%; padding: 18px 24px; border: 1.5px solid #e8e8e8; border-radius: 18px; font-family: 'Montserrat', sans-serif; font-weight: 500; cursor: pointer; text-align: left; font-size: clamp(0.9rem, 2vw, 1.1rem); transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s; background: #fff; color: #003049; line-height: 1.4; word-break: break-word; -webkit-tap-highlight-color: transparent; touch-action: manipulation; -webkit-text-size-adjust: 100%; }\n.opt-btn-elegant:hover:not(:disabled) { background: #003049 !important; color: #fff !important; border-color: #003049 !important; transform: translateX(4px); }\n.opt-btn-elegant:active:not(:disabled) { transform: scale(0.98); }\n.correct-style { background: #004F2D !important; color: #fff !important; border-color: #004F2D !important; }\n.wrong-style { background: #D62828 !important; color: #fff !important; border-color: #D62828 !important; }\n.quiz-result-box { text-align: center; padding: 10px 0 20px; display: flex; flex-direction: column; align-items: center; gap: 16px; }\n.quiz-result-emoji { font-size: clamp(3.5rem, 10vw, 6rem); }\n.quiz-result-score { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.quiz-result-msg { font-size: clamp(0.95rem, 2.5vw, 1.4rem); color: #555; margin: 0 0 10px; max-width: 500px; line-height: 1.5; }\n.btn-retry { background: #003049; color: #fff; border: none; padding: 16px 50px; border-radius: 60px; font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.5vw, 1.6rem); cursor: pointer; transition: 0.4s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; max-width: 100%; display: inline-block; }\n.btn-retry:hover, .btn-retry:active { background: #FB6C13; transform: scale(1.05); }\n\n\/* \u2500\u2500\u2500 ENIGMA \u2500\u2500\u2500 *\/\n.enigma-stage { width: 100%; text-align: center; }\n.enigma-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3.5vw, 2.3rem); font-weight: 700; color: #003049; line-height: 1.4; max-width: 720px; margin: 0 auto 12px; text-align: center !important; }\n.enigma-question { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; color: #004F2D; font-size: clamp(1.05rem, 2.8vw, 1.6rem); margin: 0 auto 35px; max-width: 720px; text-align: center !important; }\n.enigma-choices { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 620px; margin: 0 auto; }\n.enigma-choice { border: 4px solid transparent; border-radius: 20px; overflow: hidden; cursor: pointer; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s, opacity 0.3s; background: #fff; padding: 0; line-height: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.enigma-choice img { width: 100%; height: auto; display: block; aspect-ratio: 1 \/ 1; object-fit: cover; }\n.enigma-choice:hover:not(.locked) { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 48, 73, 0.2); border-color: #FB6C13; }\n.enigma-choice.locked { pointer-events: none; }\n.enigma-choice.correct-pick { border-color: #004F2D; box-shadow: 0 0 0 4px rgba(0,79,45,0.25); }\n.enigma-choice.wrong-pick { border-color: #D62828; box-shadow: 0 0 0 4px rgba(214,40,40,0.25); }\n.enigma-choice.dim { opacity: 0.4; }\n.enigma-feedback { margin-top: 30px; }\n.enigma-wrong-msg { color: #D62828; font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(1.2rem, 3vw, 1.8rem); margin: 0 0 18px; }\n.enigma-result { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 10px 0; }\n.enigma-result-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; color: #003049; margin: 0; }\n.enigma-result img { width: min(320px, 80%); border-radius: 20px; box-shadow: 0 15px 40px rgba(0,48,73,0.2); }\n.enigma-playlist-label { font-weight: 600; letter-spacing: 0.1em; color: #FB6C13; text-transform: uppercase; font-size: 1rem; font-family: 'Playfair Display', serif; font-style: italic; }\n.enigma-result p { color: #333; font-size: clamp(0.95rem, 2.5vw, 1.2rem); line-height: 1.6; max-width: 620px; margin: 0; }\n.enigma-result ul { text-align: left; max-width: 560px; margin: 0 auto; color: #333; line-height: 1.7; font-size: clamp(0.95rem, 2.5vw, 1.12rem); }\n\n\/* \u2500\u2500\u2500 READING COMPREHENSION \u2500\u2500\u2500 *\/\n.itext-wrap { width: 100%; max-width: 800px; margin: 0 auto; }\n.itext-main-title { font-family: 'Playfair Display', serif; font-size: clamp(1.5rem, 4vw, 2.4rem); font-weight: 900; color: #003049; text-align: center; margin: 0 0 6px; line-height: 1.25; }\n.itext-subtitle { text-align: center; color: #FB6C13; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; font-size: 0.9rem; margin: 0 0 40px; }\n.itext-section { margin-bottom: 48px; }\n.itext-section-head { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: clamp(1rem, 2.5vw, 1.25rem); padding: 14px 22px; border-radius: 12px; margin-bottom: 22px; }\n.itext-head-green { background: #2E6B4F; }\n.itext-head-red { background: #D62828; }\n.itext-head-orange { background: #FB6C13; }\n.itext-head-navy { background: #003049; }\n.itext-instruction { color: #333; font-size: clamp(0.95rem, 2.2vw, 1.15rem); margin: 0 0 20px; line-height: 1.5; }\n.itext-fisa { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; }\n.itext-fisa img { width: 160px; border-radius: 14px; flex-shrink: 0; box-shadow: 0 10px 25px rgba(0,48,73,0.15); }\n.itext-fisa-fields { flex: 1; min-width: 240px; display: flex; flex-direction: column; gap: 14px; }\n.itext-field-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }\n.itext-field-row label { font-weight: 600; color: #003049; min-width: 130px; }\n.itext-input { flex: 1; min-width: 140px; padding: 12px 16px; border: 1.5px solid #ddd; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; transition: border-color 0.2s, background 0.2s; -webkit-text-size-adjust: 100%; }\n.itext-input:focus { outline: none; border-color: #FB6C13; }\n.itext-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-input.no { border-color: #D62828; background: #fbeaea; }\n.itext-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.itext-col-title { text-align: center; color: #fff; font-weight: 600; padding: 10px; border-radius: 12px 12px 0 0; }\n.itext-col-title.pasiuni { background: #FB6C13; }\n.itext-col-title.trasaturi { background: #F9C80E; color: #003049; }\n.itext-textarea { width: 100%; min-height: 130px; padding: 14px; border: 1.5px solid #ddd; border-top: none; border-radius: 0 0 12px 12px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; resize: vertical; line-height: 1.6; }\n.itext-textarea:focus { outline: none; border-color: #FB6C13; }\n.itext-af-row { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid #eee; flex-wrap: wrap; }\n.itext-af-text { flex: 1; min-width: 200px; color: #003049; line-height: 1.5; }\n.itext-af-btns { display: flex; gap: 10px; }\n.itext-af-btn { width: 52px; height: 52px; border-radius: 50%; border: 2px solid #003049; background: #fff; color: #003049; font-weight: 700; font-size: 1.2rem; cursor: pointer; transition: 0.2s; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.itext-af-btn:hover:not(:disabled) { background: #003049; color: #fff; }\n.itext-af-btn.af-correct { background: #004F2D !important; color: #fff !important; border-color: #004F2D !important; }\n.itext-af-btn.af-wrong { background: #D62828 !important; color: #fff !important; border-color: #D62828 !important; }\n.itext-year-row { display: flex; align-items: center; gap: 14px; border: 1.5px solid #eee; border-radius: 12px; padding: 12px 16px; margin-bottom: 10px; transition: border-color 0.2s, background 0.2s; }\n.itext-year-text { flex: 1 1 auto; color: #003049; line-height: 1.5; }\n.itext-year-input { flex: 0 0 110px; width: 110px !important; max-width: 110px; padding: 10px; border: 1.5px solid #ddd; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 1rem; text-align: center; color: #003049; }\n.itext-year-input:focus { outline: none; border-color: #FB6C13; }\n.itext-year-row.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-year-row.no { border-color: #D62828; background: #fbeaea; }\n.itext-enigma-item { border: 1.5px solid #eee; border-radius: 12px; padding: 14px 18px; margin-bottom: 12px; }\n.itext-enigma-head { font-weight: 600; color: #003049; margin-bottom: 8px; }\n.itext-enigma-code { font-family: monospace; background: #f6f8fa; padding: 8px 12px; border-radius: 8px; display: inline-block; margin-bottom: 10px; color: #003049; letter-spacing: 1px; font-size: 0.95rem; }\n.itext-enigma-hint { color: #666; font-size: 0.9rem; margin: 6px 0 10px; }\n.itext-enigma-input { width: 100%; padding: 11px 14px; border: 1.5px solid #ddd; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #003049; }\n.itext-enigma-input:focus { outline: none; border-color: #FB6C13; }\n.itext-enigma-input.ok { border-color: #004F2D; background: #eaf6ef; }\n.itext-enigma-input.no { border-color: #D62828; background: #fbeaea; }\n.itext-btn { background: #003049; color: #fff; border: none; padding: 12px 32px; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1rem; cursor: pointer; transition: 0.3s; margin-top: 18px; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }\n.itext-btn:hover { background: #FB6C13; }\n.itext-btn.secondary { background: transparent; color: #003049; border: 1.5px solid #003049; margin-left: 10px; }\n.itext-btn.secondary:hover { background: #003049; color: #fff; }\n.itext-examples { margin-top: 16px; background: #f6f8fa; border-left: 4px solid #FB6C13; border-radius: 0 12px 12px 0; padding: 16px 20px; color: #333; line-height: 1.7; display: none; }\n.itext-examples.show { display: block; }\n.itext-examples strong { color: #003049; }\n.itext-feedback-msg { margin-top: 14px; font-weight: 600; font-size: 1.05rem; line-height: 1.5; }\n.itext-download { text-align: center; margin-top: 10px; padding-top: 32px; border-top: 1px solid #eee; }\n.itext-download-text { color: #555; margin: 0 0 16px; font-size: 1.05rem; }\n.itext-btn-download { display: inline-block; text-decoration: none; margin-top: 10px; }\n\n\/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n@media (max-width: 1024px) { .elegant-grid-5 { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 768px) { .elegant-grid-5 { grid-template-columns: repeat(2, 1fr); } .content-stage-box { padding: 30px 20px; border-radius: 20px; } .btn-back-elegant { padding: 10px 24px; font-size: 0.9rem; } }\n@media (max-width: 560px) { .itext-cols { grid-template-columns: 1fr; } .itext-fisa img { width: 130px; margin: 0 auto; } .itext-btn.secondary { margin-left: 0; margin-top: 12px; } .itext-year-input { flex: 0 0 90px; width: 90px !important; max-width: 90px; } }\n@media (max-width: 480px) { .elegant-grid-5 { grid-template-columns: 1fr; } .activity-hub-premium { margin: 30px auto; } .content-stage-box { padding: 24px 16px; border-radius: 16px; min-height: auto; } .opt-btn-elegant { padding: 15px 18px; border-radius: 14px; } .enigma-choices { gap: 14px; } }\n<\/style>\n\n<script>\n(function() {\nconst QUIZ_DATA = [\n    {\n        q: \"Which country did Zidane\u2019s family come from?\",\n        a: [\"Morocco\", \"Tunisia\", \"Egypt\", \"Algeria\"],\n        c: 3\n    },\n    {\n        q: \"What did people say about the way he played football?\",\n        a: [\n            \"That he ran very fast\",\n            \"That the ball seemed to dance at his feet\",\n            \"That he scored only from free kicks\",\n            \"That he never passed the ball\"\n        ],\n        c: 1\n    },\n    {\n        q: \"At what age did he join a football club?\",\n        a: [\"8 years old\", \"10 years old\", \"12 years old\", \"15 years old\"],\n        c: 1\n    },\n    {\n        q: \"What was Zidane\u2019s nickname?\",\n        a: [\"Zizou\", \"Zizi\", \"Zed\", \"Zino\"],\n        c: 0\n    },\n    {\n        q: \"Which team did France play against in the 1998 World Cup Final?\",\n        a: [\"Germany\", \"Italy\", \"Argentina\", \"Brazil\"],\n        c: 3\n    },\n    {\n        q: \"How many goals did Zidane score in the 1998 World Cup Final?\",\n        a: [\"None\", \"One goal\", \"Two goals\", \"Three goals\"],\n        c: 2\n    },\n    {\n        q: \"Which major club did Zidane join after his time at Juventus?\",\n        a: [\"Barcelona\", \"Manchester United\", \"Real Madrid\", \"Bayern Munich\"],\n        c: 2\n    },\n    {\n        q: \"What did Zidane become after retiring from football?\",\n        a: [\"Referee\", \"Sports commentator\", \"Coach\", \"Sports doctor\"],\n        c: 2\n    },\n    {\n        q: \"What does Zinedine Zidane\u2019s story teach us?\",\n        a: [\n            \"That only talent matters\",\n            \"That hard work, patience, and humility are just as important as talent\",\n            \"That success comes overnight\",\n            \"That you must be rich to succeed\"\n        ],\n        c: 1\n    },\n    {\n        q: \"Which important award did Zidane win during his career?\",\n        a: [\"Golden Boot\", \"Ballon d\u2019Or\", \"Davis Cup\", \"Laureus Coach of the Year Award\"],\n        c: 1\n    }\n];\n\n    const LABELS = [\"A\", \"B\", \"C\", \"D\"];\n    const TOTAL = QUIZ_DATA.length;\n    const QUIZ_TITLE = \"Quiz\";\n    const QUIZ_LABEL = \"Question\";\n    const ACTIVITY_LABEL = \"Activity\";\n    const SOON_LABEL = \"Coming soon...\";\n    const BACK_LABEL = \"\u2190 Back to menu\";\n    const START_LABEL = \"Start\";\n    const RETRY_LABEL = \"Retake test\";\n    function msgFinal(s) { return s === TOTAL ? \"Perfect 10!\" : s >= 7 ? \"Excellent!\" : \"Well done! You finished the challenge. Try again!\"; }\n    function emoji(s) { return s === TOTAL ? \"\ud83c\udfc6\" : s >= 7 ? \"\ud83e\udd47\" : s >= 5 ? \"\ud83c\udfaf\" : \"\ud83d\udcaa\"; }\n\n    let score = 0, currentIdx = 0;\n\n    \/\/ \u2500\u2500 Enigma images \u2500\u2500\n    const ENIGMA_CORRECT = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/20.jpg\";\n    const ENIGMA_WRONG   = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/02\/1.jpg\";\n\n    \/\/ \u2500\u2500 Reading Comprehension data \u2014 Zidane \u2500\u2500\n    const IT_IMG = ENIGMA_CORRECT;\n    const IT_PDF  = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Zidane-1-IT-Engl.pdf\";\n    const IT_PDF2 = \"https:\/\/afostodata.ro\/europeanicons\/wp-content\/uploads\/2026\/07\/Zidana-2-IT-Engl.pdf\";\n    const IT_FISA = { nume: [\"zidane\"], prenume: [\"zinedine\", \"zizou\"], an: [\"1972\"], loc: [\"marseille\", \"marsilia\"] };\n    const IT_FISA_LABELS = { nume: \"Last name:\", prenume: \"First name:\", an: \"Year of birth:\", loc: \"Place of birth:\" };\n    const IT_AF = [\n        { t: \"Zidane never passed the ball.\", correct: false },\n        { t: \"Zidane quickly became a star.\", correct: false },\n        { t: \"To succeed, the athlete trained hard.\", correct: true }\n    ];\n    const IT_KW_VALORI = [\n        [\"patience\", \"patient\"], [\"respect\"], [\"work\", \"hard work\", \"hard-working\"],\n        [\"kind\", \"love\", \"caring\", \"lovingly\"], [\"humility\", \"humble\", \"modest\"]\n    ];\n    const IT_KW_TRASATURI = [\n        [\"quiet\", \"shy\", \"calm\"], [\"talent\", \"genius\", \"gifted\"], [\"humble\", \"modest\"],\n        [\"determin\", \"ambiti\"], [\"persever\", \"trained hard\", \"hard work\"], [\"elegant\", \"graceful\", \"dance\"], [\"respect\"]\n    ];\n    const IT_YEARS = [\n        { t: \"First World Cup\", year: \"1998\" },\n        { t: \"Joining the first football club\", year: \"1982\" },\n        { t: \"First match as a professional\", year: \"1989\" },\n        { t: \"The Euro victory\", year: \"2000\" },\n        { t: \"Second World Cup\", year: \"2006\" }\n    ];\n    const IT_ENIGME = [\n        { id: \"en-oras\", head: \"a) The city\", code: \"43.296174 N  5.369953 E\", hint: \"\", accept: [\"marseille\", \"marsilia\"] },\n        { id: \"en-sport\", head: \"b) The sport\", code: \"6 - 15 - 15 - 20 - 2 - 1 - 12 - 12\", hint: \"Hint: A=1, B=2, C=3 \u2026 (each number is a letter).\", accept: [\"football\", \"footbal\", \"fotbal\"] },\n        { id: \"en-pers\", head: \"c) The main character\", code: \"\", hint: \"Solve the rebus in the riddle sheet (Worksheet 2) and write the main character.\", accept: [\"zinedinezidane\", \"zidane\"] }\n    ];\n\n    function itextNorm(s) { return (s || \"\").normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase(); }\n    function itextStrip(s) { return itextNorm(s).replace(\/[\u2019'\\s.\\-]\/g, '').trim(); }\n    function itextCountGroups(text, groups) {\n        const t = itextNorm(text);\n        let n = 0;\n        groups.forEach(variants => { if (variants.some(v => t.includes(itextNorm(v)))) n++; });\n        return n;\n    }\n\n    window.launchActivity = function(type) {\n        document.getElementById('IconsHub').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        document.getElementById('hub-menu').classList.remove('active-screen');\n        setTimeout(() => {\n            document.getElementById('hub-menu').style.display = 'none';\n            const stage = document.getElementById('activity-stage');\n            stage.style.display = 'block';\n            setTimeout(() => stage.classList.add('active-screen'), 50);\n            if(type === 'quiz') { score = 0; currentIdx = 0; window.showQuizIntro(); }\n            else if(type === 'x') { window.showEnigma(); }\n            else if(type === 'y') { window.showTextComprehension(); }\n            else if(type === 'w') { document.getElementById('activity-content-loader').innerHTML = '<style>@media (max-width:768px){#activity-content-loader .ei-game{margin:-30px -20px;}#activity-content-loader .ei-game iframe{height:calc(100svh - 110px);min-height:560px;border-radius:0 !important;}}@media (max-width:480px){#activity-content-loader .ei-game{margin:-24px -16px;}}<\/style><div class=\"ei-game\"><iframe src=\"https:\/\/mind-matches.lovable.app\" width=\"100%\" height=\"800\" style=\"border:0;display:block;border-radius:16px;\" allowfullscreen loading=\"lazy\" title=\"Matching game \u2013 Zinedine Zidane\"><\/iframe><\/div>'; }\n            else { document.getElementById('activity-content-loader').innerHTML = `<h2 class=\"playfair-main-title\">${ACTIVITY_LABEL} ${type.toUpperCase()}<\/h2><p style=\"text-align:center;\">${SOON_LABEL}<\/p>`; }\n        }, 500);\n    };\n\n    window.backToMenu = function() {\n        document.getElementById('IconsHub').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        document.getElementById('activity-stage').classList.remove('active-screen');\n        setTimeout(() => {\n            document.getElementById('activity-stage').style.display = 'none';\n            const menu = document.getElementById('hub-menu');\n            menu.style.display = 'block';\n            setTimeout(() => menu.classList.add('active-screen'), 50);\n        }, 500);\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ENIGMA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    window.showEnigma = function() {\n        const loader = document.getElementById('activity-content-loader');\n        const options = [\n            { img: ENIGMA_CORRECT, correct: true },\n            { img: ENIGMA_WRONG,   correct: false }\n        ];\n        if (Math.random() < 0.5) options.reverse();\n\n        loader.innerHTML = `\n            <div class=\"enigma-stage\">\n                <p class=\"enigma-quote\">\u201cMy father, who taught us that an immigrant must work twice as hard as anyone else.\u201d<\/p>\n                <p class=\"enigma-question\">Who do you think could have said it?<\/p>\n                <div class=\"enigma-choices\">\n                    ${options.map((o, i) => `\n                        <div class=\"enigma-choice\" data-correct=\"${o.correct}\" onclick=\"window.enigmaChoose(this)\">\n                            <img decoding=\"async\" src=\"${o.img}\" alt=\"Personality ${i + 1}\" loading=\"lazy\">\n                        <\/div>`).join('')}\n                <\/div>\n                <div class=\"enigma-feedback\" id=\"enigma-feedback\"><\/div>\n            <\/div>`;\n    };\n\n    window.enigmaChoose = function(el) {\n        const choices = document.querySelectorAll('.enigma-choice');\n        const isCorrect = el.dataset.correct === 'true';\n        choices.forEach(c => c.classList.add('locked'));\n\n        if (isCorrect) {\n            el.classList.add('correct-pick');\n            choices.forEach(c => { if (c !== el) c.classList.add('dim'); });\n            setTimeout(() => window.showEnigmaResult(), 800);\n        } else {\n            el.classList.add('wrong-pick');\n            choices.forEach(c => { if (c !== el) c.classList.add('dim'); });\n            document.getElementById('enigma-feedback').innerHTML = `\n                <p class=\"enigma-wrong-msg\">\u274c Wrong! Try again.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">Try again<\/button>`;\n        }\n    };\n\n    window.showEnigmaResult = function() {\n        document.getElementById('activity-content-loader').innerHTML = `\n            <div class=\"enigma-result\">\n                <h2 class=\"enigma-result-title\">It's Zinedine Zidane<\/h2>\n                <img decoding=\"async\" src=\"${ENIGMA_CORRECT}\" alt=\"Zinedine Zidane\">\n                <span class=\"enigma-playlist-label\">Success stories<\/span>\n                <p>Ask the groups to create a short story about an immigrant student, worker, scientist, artist or athlete. Their story should include:<\/p>\n                <ul>\n                    <li>A challenge;<\/li>\n                    <li>An obstacle to overcome;<\/li>\n                    <li>A moment of perseverance;<\/li>\n                    <li>A positive outcome.<\/li>\n                <\/ul>\n                <p>The groups present their stories to the class.<\/p>\n                <button class=\"btn-retry\" onclick=\"window.showEnigma()\">Play again<\/button>\n            <\/div>`;\n\n        if (typeof confetti === 'function') {\n            confetti({ particleCount: 90, spread: 75, origin: { y: 0.6 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n        }\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 READING COMPREHENSION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    window.showTextComprehension = function() {\n        const loader = document.getElementById('activity-content-loader');\n        const fisaRows = Object.keys(IT_FISA).map(k =>\n            `<div class=\"itext-field-row\"><label>${IT_FISA_LABELS[k]}<\/label><input class=\"itext-input\" id=\"fisa-${k}\" type=\"text\" autocomplete=\"off\"><\/div>`\n        ).join('');\n\n        loader.innerHTML = `\n            <div class=\"itext-wrap\">\n                <h2 class=\"itext-main-title\">The boy who made the ball dance<\/h2>\n                <p class=\"itext-subtitle\">Text comprehension \u00b7 Zinedine Zidane<\/p>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-green\">1. Character profile<\/div>\n                    <p class=\"itext-instruction\">Complete the following profile, based on the story.<\/p>\n                    <div class=\"itext-fisa\">\n                        <img decoding=\"async\" src=\"${IT_IMG}\" alt=\"Zinedine Zidane\">\n                        <div class=\"itext-fisa-fields\">${fisaRows}<\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckFisa()\">Check the profile<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"fisa-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">2. Discover in the text!<\/div>\n                    <p class=\"itext-instruction\">Extract from the text the values passed down in the family and the character traits.<\/p>\n                    <div class=\"itext-cols\">\n                        <div>\n                            <div class=\"itext-col-title pasiuni\">Values<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-valori\" placeholder=\"Write here...\"><\/textarea>\n                        <\/div>\n                        <div>\n                            <div class=\"itext-col-title trasaturi\">Character traits<\/div>\n                            <textarea class=\"itext-textarea\" id=\"it-trasaturi\" placeholder=\"Write here...\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckDescopera()\">Check the answer<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"See sample answers\" onclick=\"window.itextToggleExamples('ex-descopera', this)\">See sample answers<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"descopera-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-descopera\">\n                        <strong>Values passed down in the family:<\/strong> respect, patience, hard work; kindness\/love (his mother lovingly cared); humility.<br>\n                        <strong>Character traits:<\/strong> quiet and shy, talented (a genius), calm, humble, determined, persevering, elegant (he made the ball dance).\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-red\">3. True or false?<\/div>\n                    <div id=\"itext-af-list\">\n                        ${IT_AF.map((item, i) => `\n                            <div class=\"itext-af-row\">\n                                <div class=\"itext-af-text\">${item.t}<\/div>\n                                <div class=\"itext-af-btns\">\n                                    <button class=\"itext-af-btn\" onclick=\"window.itextAF(this, ${i}, true)\">T<\/button>\n                                    <button class=\"itext-af-btn\" onclick=\"window.itextAF(this, ${i}, false)\">F<\/button>\n                                <\/div>\n                            <\/div>`).join('')}\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-orange\">4. Write the years in which the events took place!<\/div>\n                    <p class=\"itext-instruction\">Write the correct year next to each event.<\/p>\n                    ${IT_YEARS.map((e) => `\n                        <div class=\"itext-year-row\">\n                            <div class=\"itext-year-text\">${e.t}<\/div>\n                            <input class=\"itext-year-input\" data-year=\"${e.year}\" type=\"text\" inputmode=\"numeric\" placeholder=\"Year\">\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckYears()\">Check the years<\/button>\n                    <button class=\"itext-btn secondary\" data-label=\"See the years\" onclick=\"window.itextToggleExamples('ex-years', this)\">See the years<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"years-msg\"><\/div>\n                    <div class=\"itext-examples\" id=\"ex-years\">\n                        ${IT_YEARS.map(e => `<strong>${e.t}:<\/strong> ${e.year}<br>`).join('')}\n                    <\/div>\n                <\/div>\n\n                <div class=\"itext-section\">\n                    <div class=\"itext-section-head itext-head-navy\">5. Riddle sheet<\/div>\n                    <p class=\"itext-instruction\">Solve the riddles to discover the main character.<\/p>\n                    ${IT_ENIGME.map(e => `\n                        <div class=\"itext-enigma-item\">\n                            <div class=\"itext-enigma-head\">${e.head}<\/div>\n                            ${e.code ? `<span class=\"itext-enigma-code\">${e.code}<\/span>` : ''}\n                            ${e.hint ? `<p class=\"itext-enigma-hint\">${e.hint}<\/p>` : ''}\n                            <input class=\"itext-enigma-input\" id=\"${e.id}\" type=\"text\" autocomplete=\"off\" placeholder=\"Your answer...\">\n                        <\/div>`).join('')}\n                    <button class=\"itext-btn\" onclick=\"window.itextCheckEnigme()\">Check the riddles<\/button>\n                    <div class=\"itext-feedback-msg\" id=\"enigme-msg\"><\/div>\n                <\/div>\n\n                <div class=\"itext-download\">\n                    <p class=\"itext-download-text\">The activity worksheets in PDF format:<\/p>\n                    <a href=\"${IT_PDF}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download\">\ud83d\udcc4 Worksheet 1 \u2014 Text comprehension<\/a>\n                    <a href=\"${IT_PDF2}\" target=\"_blank\" rel=\"noopener noreferrer\" download class=\"itext-btn itext-btn-download secondary\">\ud83d\udcc4 Worksheet 2 \u2014 Riddles<\/a>\n                <\/div>\n            <\/div>`;\n    };\n\n    window.itextCheckFisa = function() {\n        let allOk = true, filled = 0;\n        Object.keys(IT_FISA).forEach(k => {\n            const inp = document.getElementById('fisa-' + k);\n            const val = itextStrip(inp.value);\n            if (val) filled++;\n            const ok = IT_FISA[k].some(a => val === itextStrip(a));\n            inp.classList.remove('ok', 'no');\n            inp.classList.add(ok ? 'ok' : 'no');\n            if (!ok) allOk = false;\n        });\n        const msg = document.getElementById('fisa-msg');\n        if (filled === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Complete the fields first.';\n            document.querySelectorAll('.itext-input').forEach(i => i.classList.remove('no'));\n            return;\n        }\n        msg.style.color = allOk ? '#004F2D' : '#D62828';\n        msg.innerText = allOk ? '\u2705 Perfect! You filled in the profile correctly.' : '\u274c Check the fields in red and try again.';\n    };\n\n    window.itextCheckDescopera = function() {\n        const vTxt = document.getElementById('it-valori').value;\n        const tTxt = document.getElementById('it-trasaturi').value;\n        const msg = document.getElementById('descopera-msg');\n        if (!vTxt.trim() && !tTxt.trim()) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'First write your answers in the boxes.';\n            return;\n        }\n        const v = itextCountGroups(vTxt, IT_KW_VALORI);\n        const t = itextCountGroups(tTxt, IT_KW_TRASATURI);\n        const ok = v >= 1 && t >= 2;\n        msg.style.color = ok ? '#004F2D' : '#B26A00';\n        msg.innerHTML = ok\n            ? `\u2705 Well done! You identified ${v} value(s) and ${t} traits from the text.`\n            : `\ud83d\udd0e You found ${v} value(s) and ${t} traits. Look again in the text and try again (click \u201cSee sample answers\u201d if you need help).`;\n    };\n\n    window.itextCheckYears = function() {\n        const rows = document.querySelectorAll('.itext-year-row');\n        let ok = 0, answered = 0;\n        rows.forEach(row => {\n            const inp = row.querySelector('.itext-year-input');\n            row.classList.remove('ok', 'no');\n            if (!inp.value.trim()) return;\n            answered++;\n            if (inp.value.trim() === inp.dataset.year) { ok++; row.classList.add('ok'); }\n            else row.classList.add('no');\n        });\n        const msg = document.getElementById('years-msg');\n        if (answered === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Complete the years first.';\n            return;\n        }\n        const allOk = ok === rows.length;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Perfect! You wrote all the years correctly.'\n            : `\ud83d\udd0e You have ${ok}\/${rows.length} correct. Fix the ones in red (click \u201cSee the years\u201d if you need help).`;\n    };\n\n    window.itextCheckEnigme = function() {\n        let ok = 0, answered = 0;\n        IT_ENIGME.forEach(e => {\n            const inp = document.getElementById(e.id);\n            inp.classList.remove('ok', 'no');\n            if (!inp.value.trim()) return;\n            answered++;\n            const val = itextStrip(inp.value);\n            const good = e.accept.some(a => val === itextStrip(a));\n            inp.classList.add(good ? 'ok' : 'no');\n            if (good) ok++;\n        });\n        const msg = document.getElementById('enigme-msg');\n        if (answered === 0) {\n            msg.style.color = '#D62828';\n            msg.innerText = 'Solve the riddles first.';\n            return;\n        }\n        const allOk = ok === IT_ENIGME.length;\n        msg.style.color = allOk ? '#004F2D' : '#B26A00';\n        msg.innerText = allOk\n            ? '\u2705 Well done! You solved all the riddles \u2014 the character is Zinedine Zidane!'\n            : `\ud83d\udd0e You have ${ok}\/${IT_ENIGME.length} correct. Try again on the ones in red.`;\n    };\n\n    window.itextAF = function(btn, idx, chosen) {\n        const row = btn.closest('.itext-af-row');\n        const btns = row.querySelectorAll('.itext-af-btn');\n        btns.forEach(b => b.disabled = true);\n        const correct = IT_AF[idx].correct;\n        if (chosen === correct) {\n            btn.classList.add('af-correct');\n        } else {\n            btn.classList.add('af-wrong');\n            btns.forEach(b => { if (b.innerText === (correct ? 'T' : 'F')) b.classList.add('af-correct'); });\n        }\n    };\n\n    window.itextToggleExamples = function(id, btn) {\n        const box = document.getElementById(id);\n        box.classList.toggle('show');\n        btn.innerText = box.classList.contains('show') ? 'Hide' : btn.dataset.label;\n    };\n\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 QUIZ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    window.showQuizIntro = function() {\n        score = 0; currentIdx = 0;\n        document.getElementById('activity-content-loader').innerHTML = `\n            <div class=\"quiz-splash-elegant\">\n                <div class=\"splash-emoji\">\ud83c\udfaf<\/div>\n                <h2>${QUIZ_TITLE}<\/h2>\n                <button onclick=\"window.startQuizNow()\" class=\"btn-start-hero\">${START_LABEL}<\/button>\n            <\/div>`;\n    };\n\n    window.startQuizNow = function() { renderNextQ(); };\n\n    function renderProgressBar(current, total) {\n        const pct = Math.round((current \/ total) * 100);\n        return `<div class=\"quiz-progress-wrap\">\n            <div class=\"quiz-progress-label\"><span>${QUIZ_LABEL} ${current + 1} \/ ${total}<\/span><span>${pct}%<\/span><\/div>\n            <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:${pct}%\"><\/div><\/div>\n        <\/div>`;\n    }\n\n    function renderNextQ() {\n        const data = QUIZ_DATA[currentIdx];\n        const loader = document.getElementById('activity-content-loader');\n        loader.innerHTML = `<div class=\"quiz-q-box\">${renderProgressBar(currentIdx, TOTAL)}<p class=\"quiz-question-text\">${data.q}<\/p><div id=\"opts-wrap\"><\/div><\/div>`;\n        requestAnimationFrame(() => {\n            const fill = loader.querySelector('.progress-fill');\n            if (fill) { const t = fill.style.width; fill.style.width = '0%'; requestAnimationFrame(() => { fill.style.width = t; }); }\n        });\n        data.a.forEach((opt, i) => {\n            const b = document.createElement('button');\n            b.className = 'opt-btn-elegant';\n            b.innerText = `${LABELS[i]}. ${opt}`;\n            b.onclick = () => validateAns(i, b);\n            document.getElementById('opts-wrap').appendChild(b);\n        });\n    }\n\n    function validateAns(idx, btn) {\n        const correct = QUIZ_DATA[currentIdx].c;\n        document.querySelectorAll('.opt-btn-elegant').forEach(b => { b.disabled = true; });\n        if(idx === correct) { score++; btn.classList.add('correct-style'); }\n        else { btn.classList.add('wrong-style'); document.querySelectorAll('.opt-btn-elegant')[correct].classList.add('correct-style'); }\n        setTimeout(() => { currentIdx++; if(currentIdx < TOTAL) renderNextQ(); else showFinalResult(); }, 1300);\n    }\n\n    function showFinalResult() {\n        const loader = document.getElementById('activity-content-loader');\n        loader.innerHTML = `<div class=\"quiz-result-box\">\n            <div class=\"quiz-result-emoji\">${emoji(score)}<\/div>\n            <p class=\"quiz-result-score\">Score: ${score} \/ ${TOTAL}<\/p>\n            <p class=\"quiz-result-msg\">${msgFinal(score)}<\/p>\n            <button onclick=\"window.showQuizIntro()\" class=\"btn-retry\">${RETRY_LABEL}<\/button>\n        <\/div>`;\n        if(score === TOTAL) {\n            const end = Date.now() + 4000;\n            (function frame() {\n                confetti({ particleCount: 3, angle: 60, spread: 55, origin: { x: 0 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n                confetti({ particleCount: 3, angle: 120, spread: 55, origin: { x: 1 }, colors: ['#FB6C13', '#F9C80E', '#003049'] });\n                if (Date.now() < end) requestAnimationFrame(frame);\n            }());\n        }\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfac9f8 e-flex e-con-boxed e-con e-parent\" data-id=\"cfac9f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e498bd elementor-widget elementor-widget-afd_audio_player\" data-id=\"9e498bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"afd_audio_player.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div\n        class=\"afd-ap\"\n        id=\"afd-ap-1\"\n        style=\"--afd-ap-color: #bc1823\"\n        data-tracks='[{&quot;src&quot;:&quot;https:\\\/\\\/afostodata.ro\\\/europeanicons\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/ZINEDINE-ZIDANE-v1.mp3&quot;,&quot;title&quot;:&quot;Zinedine Zidane&quot;,&quot;subtitle&quot;:&quot;&quot;}]'\n        data-autoplay=\"0\"\n    >\n        <div class=\"afd-ap__bar\">\n            \n            <button class=\"afd-ap__btn afd-ap__btn--play\" type=\"button\" aria-label=\"Play\">\n                <svg class=\"afd-ap__icon-play\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7L8 5z\" fill=\"currentColor\"\/><\/svg>\n                <svg class=\"afd-ap__icon-pause\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" hidden><path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" fill=\"currentColor\"\/><\/svg>\n            <\/button>\n\n            \n            <div class=\"afd-ap__meta\">\n                                    <span class=\"afd-ap__sub\"><\/span>\n                                <span class=\"afd-ap__title\">\n                    Zinedine Zidane                <\/span>\n            <\/div>\n\n            <div class=\"afd-ap__progress\">\n                <span class=\"afd-ap__time afd-ap__time--now\">0:00<\/span>\n                <div class=\"afd-ap__scrub\" role=\"slider\" aria-label=\"Pozi\u021bie\" tabindex=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                    <div class=\"afd-ap__scrub-fill\"><\/div>\n                    <div class=\"afd-ap__scrub-thumb\"><\/div>\n                <\/div>\n                <span class=\"afd-ap__time afd-ap__time--total\">0:00<\/span>\n            <\/div>\n\n                            <div class=\"afd-ap__speed\">\n                    <button class=\"afd-ap__btn afd-ap__btn--speed\" type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"false\" aria-label=\"Vitez\u0103\">\n                        <span class=\"afd-ap__speed-label\">1\u00d7<\/span>\n                    <\/button>\n                    <div class=\"afd-ap__speed-menu\" role=\"menu\" hidden>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"0.5\">0.5\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"0.75\">0.75\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1\" class=\"is-active\">1\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1.25\">1.25\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"1.5\">1.5\u00d7<\/button>\n                        <button type=\"button\" role=\"menuitem\" data-speed=\"2\">2\u00d7<\/button>\n                    <\/div>\n                <\/div>\n            \n            \n            <audio class=\"afd-ap__audio\" preload=\"metadata\"><\/audio>\n        <\/div>\n\n            <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Passion \u2022 Vision \u2022 Precision Zinedine Zidane Home &gt; Zinedine Zidane The Boy Who Made the Ball Dance Did you know that some great stories begin on a dusty field, between two gray apartment buildings, with a worn-out ball and countless dreams? LISTEN READ Activities Watch Did you know that some great stories begin on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13468","page","type-page","status-publish","hentry"],"acf":[],"lang":"en","translations":{"en":13468,"ro":12666,"el":13659,"it":13862,"fr":14112},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/comments?post=13468"}],"version-history":[{"count":34,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13468\/revisions"}],"predecessor-version":[{"id":17971,"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/pages\/13468\/revisions\/17971"}],"wp:attachment":[{"href":"https:\/\/afostodata.ro\/europeanicons\/wp-json\/wp\/v2\/media?parent=13468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}