{"id":12883,"date":"2025-08-05T12:05:38","date_gmt":"2025-08-05T12:05:38","guid":{"rendered":"https:\/\/adfaber.org\/?page_id=12883"},"modified":"2025-08-05T17:54:15","modified_gmt":"2025-08-05T17:54:15","slug":"hour-of-ai","status":"publish","type":"page","link":"https:\/\/adfaber.org\/en\/hour-of-ai\/","title":{"rendered":"Hour of AI"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12883\" class=\"elementor elementor-12883\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-dad04e8 e-flex e-con-boxed e-con e-parent\" data-id=\"undefined-dad04e8\" data-element_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-undefined-d87117e elementor-widget elementor-widget-heading\" data-id=\"undefined-d87117e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Educa\u021bia Viitorului<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-92c8032 elementor-widget elementor-widget-heading\" data-id=\"undefined-92c8032\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Descoper\u0103 cum Inteligen\u021ba Artificial\u0103 transform\u0103 educa\u021bia din \u0219colile din Rom\u00e2nia<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-b46717f elementor-widget elementor-widget-heading\" data-id=\"undefined-b46717f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Hour of AI - Al\u0103tur\u0103-te ADFABER \u00een efortul de a educa p\u0103rin\u021bii, elevii \u0219i profesorii <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-c3b0b1c elementor-widget__width-auto elementor-align-right elementor-widget elementor-widget-button\" data-id=\"undefined-c3b0b1c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#hourofai\">\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\">Afl\u0103 mai multe<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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-undefined-66be409 e-flex e-con-boxed e-con e-parent\" data-id=\"undefined-66be409\" data-element_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-undefined-dad591f e-con-full e-flex e-con e-child\" data-id=\"undefined-dad591f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-2873eb2 elementor-widget elementor-widget-heading\" data-id=\"undefined-2873eb2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">About Adfaber<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-baa4e29 elementor-widget elementor-widget-text-editor\" data-id=\"undefined-baa4e29\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Adfaber este o organiza\u021bie nonprofit care ajut\u0103 elevii, profesorii \u0219i p\u0103rin\u021bii din Rom\u00e2nia s\u0103 \u00ee\u0219i dezvolte competen\u021be digitale \u0219i de AI pentru secolul XXI. \u00cen cei 11 ani de activitate am ajuns la peste <strong>1 milion de elevi<\/strong> \u0219i peste <strong>30.000 de profesori<\/strong> prin ini\u021biative na\u021bionale precum Eroii Internetului, Technovation Girls, Hour of Code \u0219i programe de alfabetizare media.<\/p><p>Cu o experien\u021b\u0103 dovedit\u0103 \u00een transformarea educa\u021biei \u00een toat\u0103 Rom\u00e2nia, suntem pozi\u021biona\u021bi \u00een mod unic s\u0103 contribuim la tranzi\u021bia \u021b\u0103rii \u00een era AI cu responsabilitate, incluziune \u0219i inova\u021bie.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-ccee66b e-con-full e-flex e-con e-child\" data-id=\"undefined-ccee66b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-68e67a3 elementor-widget elementor-widget-image\" data-id=\"undefined-68e67a3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"1000\" src=\"https:\/\/adfaber.org\/wp-content\/uploads\/2025\/08\/digital-transformation-concept-1.webp\" class=\"attachment-full size-full wp-image-13052\" alt=\"\" srcset=\"https:\/\/adfaber.org\/wp-content\/uploads\/2025\/08\/digital-transformation-concept-1.webp 1000w, https:\/\/adfaber.org\/wp-content\/uploads\/2025\/08\/digital-transformation-concept-1-300x300.webp 300w, https:\/\/adfaber.org\/wp-content\/uploads\/2025\/08\/digital-transformation-concept-1-150x150.webp 150w, https:\/\/adfaber.org\/wp-content\/uploads\/2025\/08\/digital-transformation-concept-1-768x768.webp 768w, https:\/\/adfaber.org\/wp-content\/uploads\/2025\/08\/digital-transformation-concept-1-12x12.webp 12w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-065b082 e-flex e-con-boxed e-con e-parent\" data-id=\"undefined-065b082\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-undefined-3dadbc8 e-con-full e-flex e-con e-child\" data-id=\"undefined-3dadbc8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15f8522 elementor-widget elementor-widget-menu-anchor\" data-id=\"15f8522\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"hourofai\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-6439ceb elementor-widget elementor-widget-heading\" data-id=\"undefined-6439ceb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ce este Ora de AI?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-932b079 elementor-widget elementor-widget-text-editor\" data-id=\"undefined-932b079\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ora de AI este un proiect educa\u021bional na\u021bional conceput pentru a introduce inteligen\u021ba artificial\u0103 \u00eentr-un mod accesibil, etic \u0219i inspira\u021bional pentru copii, educatori \u0219i p\u0103rin\u021bi. Nu este doar despre folosirea AI \u2014 este despre\u00a0<strong>\u00een\u021belegerea ei, crearea cu ea \u0219i modelarea rolului ei \u00een educa\u021bie<\/strong>.<\/p><p><strong>Misiunea Noastr\u0103<br \/><\/strong>Misiunea noastr\u0103 este s\u0103 ne asigur\u0103m c\u0103 fiecare elev rom\u00e2n, indiferent de mediul sau loca\u021bia sa, are oportunitatea s\u0103 se angajeze cu tehnologia AI \u00eentr-un mod semnificativ, sigur \u0219i \u00eemputernicitor. Credem c\u0103 alfabetizarea AI nu este un lux\u2014este o necesitate pentru for\u021ba de munc\u0103 viitoare \u0219i cet\u0103\u021benia informat\u0103.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-6897cd3 e-con-full e-flex e-con e-child\" data-id=\"undefined-6897cd3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-3b9ff38 elementor-widget elementor-widget-heading\" data-id=\"undefined-3b9ff38\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">De ce Conteaz\u0103?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-eec49f7 elementor-widget elementor-widget-text-editor\" data-id=\"undefined-eec49f7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Diferen\u021ba Rural-Urban:<\/strong>\u00a0Elevii din zonele rurale au acces limitat la tehnologia modern\u0103 \u0219i programele de alfabetizare digital\u0103<\/li><li><strong>Preg\u0103tirea Profesorilor:<\/strong>\u00a0Mul\u021bi educatori nu au preg\u0103tirea \u0219i resursele pentru a integra eficient instrumentele AI \u00een curriculum<\/li><li><strong>Impactul Economic:<\/strong>\u00a0F\u0103r\u0103 alfabetizarea AI, elevii rom\u00e2ni risc\u0103 s\u0103 r\u0103m\u00e2n\u0103 \u00een urm\u0103 pe o pia\u021b\u0103 a muncii din ce \u00een ce mai automatizat\u0103<\/li><li><strong>Preocup\u0103ri Etice:<\/strong>\u00a0Tinerii folosesc instrumente AI f\u0103r\u0103 s\u0103 \u00een\u021beleag\u0103 implica\u021biile, riscurile sau utilizarea responsabil\u0103<\/li><li><strong>Bariere Lingvistice:<\/strong>\u00a0Majoritatea resurselor de educa\u021bie AI sunt \u00een englez\u0103, limit\u00e2nd accesibilitatea pentru comunit\u0103\u021bile vorbitoare de rom\u00e2n\u0103<\/li><\/ul>\t\t\t\t\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-undefined-a1990e9 e-flex e-con-boxed e-con e-parent\" data-id=\"undefined-a1990e9\" data-element_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-undefined-e0b236d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"undefined-e0b236d\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-4db5ae1 e-flex e-con-boxed e-con e-child\" data-id=\"undefined-4db5ae1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-1e00616 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"undefined-1e00616\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-star\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-bac19bd elementor-widget elementor-widget-testimonial\" data-id=\"undefined-bac19bd\" data-element_type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Fereastra pentru ac\u021biune se \u00eenchide. Fiecare zi \u00een care \u00eent\u00e2rziem \u00eenseamn\u0103 c\u0103 o alt\u0103 genera\u021bie de elevi r\u0103m\u00e2ne \u0219i mai mult \u00een urm\u0103 \u00een economia digital\u0103 global\u0103.<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\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-6445711 e-flex e-con-boxed e-con e-parent\" data-id=\"6445711\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2980b7e elementor-widget elementor-widget-html\" data-id=\"2980b7e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ro\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>AI Education Impact<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            line-height: 1.6;\n            color: #1d1d1f;\n            background: #f5f5f7;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* Main Sections *\/\n        .section {\n            padding: 80px 0;\n            background: #ffffff;\n            margin-bottom: 2px;\n        }\n\n        .section:first-child {\n            border-radius: 18px 18px 0 0;\n        }\n\n        .section:last-child {\n            border-radius: 0 0 18px 18px;\n            margin-bottom: 0;\n        }\n\n        \/* Typography *\/\n        h2 {\n            font-size: 48px;\n            font-weight: 600;\n            text-align: center;\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .lead {\n            font-size: 21px;\n            font-weight: 400;\n            text-align: center;\n            color: #86868b;\n            margin-bottom: 60px;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        \/* Grid Layouts *\/\n        .grid {\n            display: grid;\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n\n        .grid-2 {\n            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n        }\n\n        .grid-3 {\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        }\n\n        \/* Cards *\/\n        .card {\n            background: #fbfbfd;\n            border-radius: 18px;\n            padding: 40px;\n            border: 1px solid #f5f5f7;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n            transform: scaleX(0);\n            transition: transform 0.3s ease;\n        }\n\n        .card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n        }\n\n        .card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .card h3 {\n            font-size: 24px;\n            font-weight: 600;\n            margin-bottom: 24px;\n            color: #1d1d1f;\n        }\n\n        .card ul {\n            list-style: none;\n        }\n\n        .card li {\n            margin-bottom: 16px;\n            padding-left: 20px;\n            position: relative;\n            font-size: 17px;\n            line-height: 1.5;\n        }\n\n        .card li::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            color: #30d158;\n            font-weight: bold;\n            font-size: 16px;\n        }\n\n        .card strong {\n            color: #1d1d1f;\n            font-weight: 600;\n        }\n\n        \/* Stats Section *\/\n        .stats {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 40px;\n            margin: 60px 0;\n            padding: 60px 0;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            border-radius: 24px;\n            color: white;\n            text-align: center;\n        }\n\n        .stat {\n            padding: 20px;\n        }\n\n        .stat-number {\n            display: block;\n            font-size: 64px;\n            font-weight: 700;\n            line-height: 1;\n            margin-bottom: 12px;\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        }\n\n        .stat-label {\n            font-size: 18px;\n            font-weight: 500;\n            opacity: 0.9;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Animations *\/\n        .fade-in-up {\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        .fade-in-up:nth-child(1) { animation-delay: 0.1s; }\n        .fade-in-up:nth-child(2) { animation-delay: 0.2s; }\n        .fade-in-up:nth-child(3) { animation-delay: 0.3s; }\n        .fade-in-up:nth-child(4) { animation-delay: 0.4s; }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Separator *\/\n        .separator {\n            height: 1px;\n            background: linear-gradient(90deg, transparent 0%, #d2d2d7 50%, transparent 100%);\n            border: none;\n            margin: 0;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .container {\n                padding: 0 16px;\n            }\n\n            .section {\n                padding: 60px 0;\n            }\n\n            h2 {\n                font-size: 36px;\n            }\n\n            .lead {\n                font-size: 19px;\n                margin-bottom: 40px;\n            }\n\n            .grid-2,\n            .grid-3 {\n                grid-template-columns: 1fr;\n            }\n\n            .card {\n                padding: 30px 24px;\n            }\n\n            .stats {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 30px;\n                margin: 40px 0;\n                padding: 40px 20px;\n            }\n\n            .stat-number {\n                font-size: 48px;\n            }\n\n            .stat-label {\n                font-size: 16px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            h2 {\n                font-size: 28px;\n            }\n\n            .lead {\n                font-size: 17px;\n            }\n\n            .stats {\n                grid-template-columns: 1fr;\n            }\n\n            .card li {\n                font-size: 16px;\n            }\n        }\n\n        \/* Smooth scrolling and overall polish *\/\n        html {\n            scroll-behavior: smooth;\n        }\n\n        \/* Custom scrollbar for webkit browsers *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n\n        ::-webkit-scrollbar-track {\n            background: #f1f1f1;\n        }\n\n        ::-webkit-scrollbar-thumb {\n            background: #c1c1c1;\n            border-radius: 4px;\n        }\n\n        ::-webkit-scrollbar-thumb:hover {\n            background: #a1a1a1;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"section\">\n        <div class=\"container\">\n            <h2>Ce vom face cu sprijinul t\u0103u<\/h2>\n            <p class=\"lead\">Contribu\u021bia ta va finan\u021ba direct ac\u021biuni concrete care aduc educa\u021bia AI \u00een s\u0103lile de clas\u0103 rom\u00e2ne\u0219ti:<\/p>\n            \n            <div class=\"grid grid-2\">\n                <div class=\"card fade-in-up\">\n                    <ul>\n                        <li><strong>Dezvoltarea Curriculumului AI \u00een Rom\u00e2n\u0103:<\/strong> Crearea de materiale educa\u021bionale AI adecvate v\u00e2rstei \u0219i relevante cultural \u00een rom\u00e2n\u0103 pentru clasele 5-12<\/li>\n                        <li><strong>Formarea a 5.000 de Profesori:<\/strong> Oferirea de workshop-uri complete de dezvoltare profesional\u0103 despre integrarea AI, etic\u0103 \u0219i aplica\u021bii practice \u00een clas\u0103<\/li>\n                        <li><strong>Crearea Programelor de Educa\u021bie pentru P\u0103rin\u021bi:<\/strong> Dezvoltarea de workshop-uri \u0219i resurse pentru a ajuta p\u0103rin\u021bii s\u0103 \u00een\u021beleag\u0103 \u0219i s\u0103 sprijine c\u0103l\u0103toria de \u00eenv\u0103\u021bare AI a copiilor lor<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"card fade-in-up\">\n                    <ul>\n                        <li><strong>Construirea Platformei de \u00cenv\u0103\u021bare Online:<\/strong> Lansarea unei platforme digitale gratuite \u0219i accesibile cu lec\u021bii interactive AI, proiecte \u0219i evalu\u0103ri<\/li>\n                        <li><strong>Dezvoltarea Instrumentelor de Evaluare:<\/strong> Crearea de metode standardizate pentru m\u0103surarea progresului alfabetiz\u0103rii AI \u0219i eficacit\u0103\u021bii programului<\/li>\n                        <li><strong>\u00cenfiin\u021barea Re\u021belei de Mentorat:<\/strong> Conectarea elevilor cu profesioni\u0219ti AI \u0219i cercet\u0103tori universitari pentru \u00eendrumare \u0219i inspira\u021bie continu\u0103<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <hr class=\"separator\">\n\n    <div class=\"section\">\n        <div class=\"container\">\n            <h2>Impactul m\u0103surabil pe care \u00eel vei crea<\/h2>\n            <p class=\"lead\">Investi\u021bia ta va genera rezultate tangibile \u0219i urm\u0103rite \u00een sistemul educa\u021bional din Rom\u00e2nia:<\/p>\n            \n            <div class=\"stats\">\n                <div class=\"stat fade-in-up\">\n                    <span class=\"stat-number\">200.000<\/span>\n                    <div class=\"stat-label\">Elevi trainui\u021bi<\/div>\n                <\/div>\n                <div class=\"stat-up\">\n                    <span class=\"stat-number\">5.000<\/span>\n                    <div class=\"stat-label\">Profesori Certifica\u021bi<\/div>\n                <\/div>\n                <div class=\"stat fade-in-up\">\n                    <span class=\"stat-number\">50<\/span>\n                    <div class=\"stat-label\">\u0218coli Transformate<\/div>\n                \n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Enhanced animations on scroll\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.animationPlayState = 'running';\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all animated elements\n        document.querySelectorAll('.fade-in-up').forEach(el => {\n            el.style.animationPlayState = 'paused';\n            observer.observe(el);\n        });\n\n        \/\/ Add smooth counter animation for stats\n        function animateCounter(element, target) {\n            const duration = 2000;\n            const start = 0;\n            const increment = target \/ (duration \/ 16);\n            let current = start;\n\n            const timer = setInterval(() => {\n                current += increment;\n                if (current >= target) {\n                    current = target;\n                    clearInterval(timer);\n                }\n                \n                if (target === parseInt(target)) {\n                    element.textContent = Math.floor(current).toLocaleString();\n                } else {\n                    element.textContent = current.toFixed(0) + '%';\n                }\n            }, 16);\n        }\n\n        \/\/ Animate counters when stats section is visible\n        const statsObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const counters = entry.target.querySelectorAll('.stat-number');\n                    counters.forEach(counter => {\n                        const target = counter.textContent.includes('%') \n                            ? parseInt(counter.textContent) \n                            : parseInt(counter.textContent.replace(\/[.,]\/g, ''));\n                        animateCounter(counter, target);\n                    });\n                    statsObserver.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.5 });\n\n        const statsSection = document.querySelector('.stats');\n        if (statsSection) {\n            statsObserver.observe(statsSection);\n        }\n    <\/script>\n<\/body>\n<\/html>\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-undefined-f895aec e-con-full e-flex e-con e-parent\" data-id=\"undefined-f895aec\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-undefined-a91f3fa e-flex e-con-boxed e-con e-child\" data-id=\"undefined-a91f3fa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-4f88da3 elementor-widget elementor-widget-heading\" data-id=\"undefined-4f88da3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Ne afl\u0103m \u00eentr-un moment cheie<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-cccd3a5 elementor-widget elementor-widget-heading\" data-id=\"undefined-cccd3a5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Deciziile pe care le lu\u0103m ast\u0103zi despre educa\u021bia AI vor determina dac\u0103 copiii Rom\u00e2niei devin creatori \u0219i lideri \u00een economia digital\u0103, sau consumatori pasivi l\u0103sa\u021bi \u00een urm\u0103 de progresul tehnologiei.<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b6fd13 elementor-widget elementor-widget-text-editor\" data-id=\"9b6fd13\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Nu este doar despre tehnologie \u2014 este despre echitate, oportunitate \u0219i competitivitate na\u021bional\u0103.<\/strong> <br \/>C\u00e2nd oferim fiec\u0103rui copil acces la educa\u021bia AI, nu \u00eei \u00eenv\u0103\u021b\u0103m doar s\u0103 foloseasc\u0103 instrumente; \u00eei educ\u0103m s\u0103 modeleze viitorul, s\u0103 rezolve probleme complexe \u0219i s\u0103 construiasc\u0103 o societate mai incluziv\u0103.<\/p><p><strong>Timpul pentru ac\u021biune este acum.<\/strong> <br \/>Viitorul educa\u021biei rom\u00e2ne\u0219ti\u2014\u0219i locul copiilor no\u0219tri \u00een economia global\u0103\u2014depinde de alegerile pe care le facem ast\u0103zi.<\/p>\t\t\t\t\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<div class=\"elementor-element elementor-element-32640a4 e-flex e-con-boxed e-con e-parent\" data-id=\"32640a4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d81e1c2 elementor-widget elementor-widget-html\" data-id=\"d81e1c2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ro\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Corporate Partnership & CTA<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            line-height: 1.6;\n            color: #1d1d1f;\n            background: #f5f5f7;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* Main Sections *\/\n        .section {\n            padding: 80px 0;\n            background: #ffffff;\n            margin-bottom: 2px;\n        }\n\n        .section:first-child {\n            border-radius: 18px 18px 0 0;\n        }\n\n        .section:last-child {\n            border-radius: 0 0 18px 18px;\n            margin-bottom: 0;\n        }\n\n        \/* Typography *\/\n        h2 {\n            font-size: 48px;\n            font-weight: 600;\n            text-align: center;\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .lead {\n            font-size: 21px;\n            font-weight: 400;\n            text-align: center;\n            color: #86868b;\n            margin-bottom: 60px;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        \/* Grid Layouts *\/\n        .grid {\n            display: grid;\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n\n        .grid-2 {\n            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n        }\n\n        \/* Cards *\/\n        .card {\n            background: #fbfbfd;\n            border-radius: 18px;\n            padding: 40px;\n            border: 1px solid #f5f5f7;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\n            transform: scaleX(0);\n            transition: transform 0.3s ease;\n        }\n\n        .card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n        }\n\n        .card:hover::before {\n            transform: scaleX(1);\n        }\n\n        .card h3 {\n            font-size: 24px;\n            font-weight: 600;\n            margin-bottom: 24px;\n            color: #1d1d1f;\n        }\n\n        .card ul {\n            list-style: none;\n        }\n\n        .card li {\n            margin-bottom: 16px;\n            padding-left: 20px;\n            position: relative;\n            font-size: 17px;\n            line-height: 1.5;\n        }\n\n        .card li::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            color: #30d158;\n            font-weight: bold;\n            font-size: 16px;\n        }\n\n        .card strong {\n            color: #1d1d1f;\n            font-weight: 600;\n        }\n\n        \/* Highlight Card for CTA *\/\n        .card-highlight {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            text-align: center;\n            padding: 60px 40px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .card-highlight::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n            animation: shimmer 4s ease-in-out infinite;\n        }\n\n        @keyframes shimmer {\n            0%, 100% { transform: translateX(-50%) translateY(-50%) rotate(0deg); }\n            50% { transform: translateX(-50%) translateY(-50%) rotate(180deg); }\n        }\n\n        .card-highlight h2 {\n            color: white;\n            background: none;\n            -webkit-text-fill-color: white;\n            margin-bottom: 32px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .card-highlight p {\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Buttons *\/\n        .btn {\n            display: inline-block;\n            padding: 16px 32px;\n            font-size: 18px;\n            font-weight: 600;\n            text-decoration: none;\n            color: white;\n            border-radius: 50px;\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            overflow: hidden;\n            border: none;\n            cursor: pointer;\n            text-align: center;\n            min-width: 180px;\n            margin: 8px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n            position: relative;\n            z-index: 3;\n        }\n\n        .btn::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            transition: left 0.5s;\n        }\n\n        .btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n        }\n\n        .btn:hover::before {\n            left: 100%;\n        }\n\n        .btn:active {\n            transform: translateY(0);\n        }\n\n        .btn-large {\n            padding: 20px 40px;\n            font-size: 20px;\n            min-width: 200px;\n        }\n\n        \/* Button Colors *\/\n        .btn-primary {\n            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\n        }\n\n        .btn[style*=\"background-color: #4caf50\"] {\n            background: linear-gradient(135deg, #4caf50 0%, #45a049 100%) !important;\n        }\n\n        .btn[style*=\"background-color: #2196f3\"] {\n            background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%) !important;\n        }\n\n        \/* Animations *\/\n        .fade-in-up {\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        .fade-in-up:nth-child(1) { animation-delay: 0.1s; }\n        .fade-in-up:nth-child(2) { animation-delay: 0.2s; }\n        .fade-in-up:nth-child(3) { animation-delay: 0.3s; }\n        .fade-in-up:nth-child(4) { animation-delay: 0.4s; }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Separator *\/\n        .separator {\n            height: 1px;\n            background: linear-gradient(90deg, transparent 0%, #d2d2d7 50%, transparent 100%);\n            border: none;\n            margin: 0;\n        }\n\n        \/* Typography Styles for CTA Section *\/\n        .card-highlight p[style*=\"font-size: 20px\"] {\n            font-size: 20px !important;\n            line-height: 1.6 !important;\n            margin-bottom: 32px !important;\n            opacity: 0.95;\n        }\n\n        .card-highlight p[style*=\"font-size: 24px\"] {\n            font-size: 24px !important;\n            font-weight: 700 !important;\n            margin: 32px 0 !important;\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        }\n\n        .card-highlight p[style*=\"font-style: italic\"] {\n            font-style: italic !important;\n            font-size: 21px !important;\n            margin-top: 32px !important;\n            opacity: 0.9;\n            font-weight: 300;\n        }\n\n        .button-container {\n            margin: 48px 0 !important;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            align-items: center;\n            gap: 12px;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .container {\n                padding: 0 16px;\n            }\n\n            .section {\n                padding: 60px 0;\n            }\n\n            h2 {\n                font-size: 36px;\n            }\n\n            .lead {\n                font-size: 19px;\n                margin-bottom: 40px;\n            }\n\n            .grid-2 {\n                grid-template-columns: 1fr;\n            }\n\n            .card {\n                padding: 30px 24px;\n            }\n\n            .card-highlight {\n                padding: 40px 24px;\n            }\n\n            .card-highlight h2 {\n                font-size: 32px;\n            }\n\n            .card-highlight p[style*=\"font-size: 24px\"] {\n                font-size: 20px !important;\n            }\n\n            .btn-large {\n                padding: 16px 32px;\n                font-size: 18px;\n                min-width: 160px;\n            }\n\n            .button-container {\n                flex-direction: column;\n                align-items: stretch;\n            }\n\n            .btn {\n                margin: 6px 0;\n            }\n        }\n\n        @media (max-width: 480px) {\n            h2 {\n                font-size: 28px;\n            }\n\n            .lead {\n                font-size: 17px;\n            }\n\n            .card li {\n                font-size: 16px;\n            }\n\n            .card-highlight h2 {\n                font-size: 26px;\n            }\n\n            .card-highlight {\n                padding: 32px 20px;\n            }\n        }\n\n        \/* Smooth scrolling and overall polish *\/\n        html {\n            scroll-behavior: smooth;\n        }\n\n        \/* Custom scrollbar for webkit browsers *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n\n        ::-webkit-scrollbar-track {\n            background: #f1f1f1;\n        }\n\n        ::-webkit-scrollbar-thumb {\n            background: #c1c1c1;\n            border-radius: 4px;\n        }\n\n        ::-webkit-scrollbar-thumb:hover {\n            background: #a1a1a1;\n        }\n\n        \/* Hover effects for improved interactivity *\/\n        .card-highlight:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"section\">\n        <div class=\"container\">\n            <h2>De ce ar trebui s\u0103 le pese companiilor<\/h2>\n            <p class=\"lead\">Sprijinirea Orei de Inteligen\u021b\u0103 Artificial\u0103 este o investi\u021bie strategic\u0103 \u00een for\u021ba de munc\u0103 viitoare a Rom\u00e2niei \u0219i succesul pe termen lung al companiei tale:<\/p>\n            \n            <div class=\"grid grid-2\">\n                <div class=\"card fade-in-up\">\n                    <h3>Beneficii Strategice<\/h3>\n                    <ul>\n                        <li><strong>Pipeline de Talente Viitoare:<\/strong> Ajut\u0103 la dezvoltarea for\u021bei de munc\u0103 alfabetizate AI de care compania ta va avea nevoie \u00een 5-10 ani<\/li>\n                        <li><strong>Responsabilitate Social\u0103 Corporativ\u0103:<\/strong> Demonstreaz\u0103 angajamentul autentic fa\u021b\u0103 de educa\u021bie \u0219i dezvoltarea comunit\u0103\u021bii cu impact m\u0103surabil<\/li>\n                        <li><strong>Avantaj Competitiv:<\/strong> Ob\u021bine acces timpuriu la talentele emergente \u0219i construie\u0219te rela\u021bii cu viitorii inovatori<\/li>\n                        <li><strong>Dezvoltare Economic\u0103:<\/strong> Contribuie la cre\u0219terea economic\u0103 \u0219i competitivitatea tehnologic\u0103 a Rom\u00e2niei pe scena global\u0103<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"card fade-in-up\">\n                    <h3>Beneficii de Brand<\/h3>\n                    <ul>\n                        <li><strong>Vizibilitatea Brandului:<\/strong> Asociaz\u0103 compania ta cu inova\u021bia, educa\u021bia \u0219i progresul social prin oportunit\u0103\u021bi de parteneriat de profil \u00eenalt<\/li>\n                        <li><strong>Implicarea Angaja\u021bilor:<\/strong> Ofer\u0103 oportunit\u0103\u021bi de voluntariat pentru echipa ta, care poate s\u0103 mentoreze elevi \u0219i s\u0103 sprijine \u0219colile locale<\/li>\n                        <li><strong>Leadership:<\/strong> Pozi\u021bioneaz\u0103 compania ta ca un lider \u00een transformarea digital\u0103 a Rom\u00e2niei<\/li>\n                        <li><strong>Valoarea pentru Stakeholderi:<\/strong> Demonstreaz\u0103 investitorilor, clien\u021bilor \u0219i partenerilor angajamentul t\u0103u fa\u021b\u0103 de crearea de valoare sustenabil\u0103 pe termen lung<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <hr class=\"separator\">\n\n    <div class=\"section\">\n        <div class=\"container\">\n            <div class=\"card card-highlight fade-in-up\">\n                <h2>Al\u0103tur\u0103-te Adfaber \u00een Modelarea Viitorului Digital al Rom\u00e2niei<\/h2>\n                <p style=\"font-size: 20px; line-height: 1.6; margin-bottom: 32px;\">Fiecare copil merit\u0103 oportunitatea s\u0103 \u00een\u021beleag\u0103, s\u0103 creeze cu \u0219i s\u0103 lucreze etic cu inteligen\u021ba artificial\u0103. Fiecare profesor merit\u0103 instrumentele \u0219i preg\u0103tirea pentru a preg\u0103ti elevii pentru provoc\u0103rile de m\u00e2ine. Fiecare comunitate merit\u0103 acces la tehnologiile care vor defini urm\u0103torul secol.<\/p>\n                \n                <p style=\"font-size: 24px; font-weight: 700; margin: 32px 0;\">S\u0103 facem viitorul digital al Rom\u00e2niei incluziv, etic \u0219i preg\u0103tit pentru AI \u2014 \u00eempreun\u0103.<\/p>\n                \n                <p style=\"font-size: 20px; line-height: 1.6; margin-bottom: 48px;\">Sprijinul t\u0103u de ast\u0103zi creeaz\u0103 funda\u021bia pentru leadership-ul Rom\u00e2niei \u00een economia global\u0103 AI.<\/p>\n                \n    <\/div>\n      <\/div>\n        <\/div>\n\n    <script>\n        \/\/ Enhanced animations on scroll\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.animationPlayState = 'running';\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all animated elements\n        document.querySelectorAll('.fade-in-up').forEach(el => {\n            el.style.animationPlayState = 'paused';\n            observer.observe(el);\n        });\n\n        \/\/ Add click tracking for analytics (optional)\n        document.querySelectorAll('.btn').forEach(btn => {\n            btn.addEventListener('click', function(e) {\n                \/\/ Add your analytics tracking here\n                console.log('Button clicked:', this.textContent.trim());\n                \n                \/\/ Add ripple effect\n                const ripple = document.createElement('span');\n                const rect = this.getBoundingClientRect();\n                const size = Math.max(rect.width, rect.height);\n                const x = e.clientX - rect.left - size \/ 2;\n                const y = e.clientY - rect.top - size \/ 2;\n                \n                ripple.style.cssText = `\n                    position: absolute;\n                    width: ${size}px;\n                    height: ${size}px;\n                    left: ${x}px;\n                    top: ${y}px;\n                    background: rgba(255,255,255,0.3);\n                    border-radius: 50%;\n                    transform: scale(0);\n                    animation: ripple 0.6s linear;\n                    pointer-events: none;\n                `;\n                \n                this.appendChild(ripple);\n                \n                setTimeout(() => {\n                    ripple.remove();\n                }, 600);\n            });\n        });\n\n        \/\/ Add ripple animation\n        const style = document.createElement('style');\n        style.textContent = `\n            @keyframes ripple {\n                to {\n                    transform: scale(4);\n                    opacity: 0;\n                }\n            }\n        `;\n        document.head.appendChild(style);\n\n        \/\/ Smooth scroll for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6f1957 elementor-widget elementor-widget-html\" data-id=\"a6f1957\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ro\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Contact Section<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            line-height: 1.6;\n            color: #1d1d1f;\n            background: #f5f5f7;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* Main Section *\/\n        #contact {\n            padding: 80px 0;\n            background: #6c6c70;\n            border-radius: 18px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Contact Card *\/\n        .contact {\n            text-align: center;\n            background: #6c6c70;\n            color: white;\n            padding: 60px 40px;\n            border-radius: 24px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .contact::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n            animation: shimmer 6s ease-in-out infinite;\n        }\n\n        @keyframes shimmer {\n            0%, 100% { \n                transform: translateX(-50%) translateY(-50%) rotate(0deg); \n                opacity: 0.3;\n            }\n            50% { \n                transform: translateX(-50%) translateY(-50%) rotate(180deg); \n                opacity: 0.6;\n            }\n        }\n\n        .contact:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n        }\n\n        \/* Typography *\/\n        .contact h3 {\n            font-size: 32px;\n            font-weight: 700;\n            margin-bottom: 24px;\n            color: white !important;\n            position: relative;\n            z-index: 2;\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n        }\n\n        .contact p {\n            font-size: 19px !important;\n            line-height: 1.6;\n            margin-bottom: 20px !important;\n            position: relative;\n            z-index: 2;\n            opacity: 0.95;\n        }\n\n        .contact p:last-child {\n            margin-bottom: 0 !important;\n        }\n\n        \/* Email Link Styling *\/\n        .contact a {\n            color: #ffffff !important;\n            text-decoration: none !important;\n            font-weight: 600;\n            padding: 8px 16px;\n            border-radius: 20px;\n            background: rgba(255, 255, 255, 0.15);\n            backdrop-filter: blur(10px);\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            display: inline-block;\n            position: relative;\n            z-index: 3;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\n\n        .contact a:hover {\n            background: rgba(255, 255, 255, 0.25);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n            border-color: rgba(255, 255, 255, 0.4);\n        }\n\n        .contact a:active {\n            transform: translateY(0);\n        }\n\n        \/* Icon Enhancement *\/\n        .contact a::before {\n            content: '\u2709';\n            margin-right: 8px;\n            font-size: 16px;\n            opacity: 0.9;\n        }\n\n        \/* Animations *\/\n        .fade-in-up {\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease forwards;\n            animation-delay: 0.2s;\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Decorative Elements *\/\n        .contact::after {\n            content: '';\n            position: absolute;\n            bottom: -20px;\n            right: -20px;\n            width: 100px;\n            height: 100px;\n            background: rgba(255, 255, 255, 0.05);\n            border-radius: 50%;\n            z-index: 1;\n        }\n\n        \/* Additional decorative circles *\/\n        .decorative-circle {\n            position: absolute;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.1);\n            z-index: 1;\n        }\n\n        .decorative-circle:nth-child(1) {\n            width: 60px;\n            height: 60px;\n            top: 20px;\n            left: 20px;\n            animation: float 4s ease-in-out infinite;\n        }\n\n        .decorative-circle:nth-child(2) {\n            width: 40px;\n            height: 40px;\n            top: 60%;\n            right: 30px;\n            animation: float 3s ease-in-out infinite reverse;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .container {\n                padding: 0 16px;\n            }\n\n            #contact {\n                padding: 60px 0;\n            }\n\n            .contact {\n                padding: 40px 24px;\n            }\n\n            .contact h3 {\n                font-size: 28px;\n                margin-bottom: 20px;\n            }\n\n            .contact p {\n                font-size: 17px !important;\n                margin-bottom: 16px !important;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .contact {\n                padding: 32px 20px;\n            }\n\n            .contact h3 {\n                font-size: 24px;\n            }\n\n            .contact p {\n                font-size: 16px !important;\n            }\n\n            .contact a {\n                padding: 10px 20px;\n                display: inline-block;\n                margin-top: 8px;\n            }\n        }\n\n        \/* Smooth scrolling *\/\n        html {\n            scroll-behavior: smooth;\n        }\n\n        \/* Custom scrollbar for webkit browsers *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n\n        ::-webkit-scrollbar-track {\n            background: #f1f1f1;\n        }\n\n        ::-webkit-scrollbar-thumb {\n            background: #c1c1c1;\n            border-radius: 4px;\n        }\n\n        ::-webkit-scrollbar-thumb:hover {\n            background: #a1a1a1;\n        }\n\n        \/* Pulse animation for email link *\/\n        @keyframes pulse {\n            0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }\n            70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\n        }\n\n        .contact a:focus {\n            animation: pulse 1.5s infinite;\n            outline: none;\n        }\n    <\/style>\n<\/head>\n<body>\n    <section id=\"contact\">\n        <div class=\"container\">\n            <div class=\"contact fade-in-up\">\n                <div class=\"decorative-circle\"><\/div>\n                <div class=\"decorative-circle\"><\/div>\n                \n                <h3>Gata de Impact?<\/h3>\n                <p>Contacteaz\u0103-ne pentru a afla mai multe despre oportunit\u0103\u021bile de parteneriat \u0219i cum sprijinul t\u0103u poate transforma educa\u021bia rom\u00e2neasc\u0103.<\/p>\n                <p>\n                    <strong>Email:<\/strong> <a href=\"mailto:hellot@adfaber.org\">hello@adfaber.org<\/a>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Enhanced animations on scroll\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.animationPlayState = 'running';\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe animated elements\n        document.querySelectorAll('.fade-in-up').forEach(el => {\n            el.style.animationPlayState = 'paused';\n            observer.observe(el);\n        });\n\n        \/\/ Email link interaction enhancement\n        const emailLink = document.querySelector('a[href^=\"mailto:\"]');\n        if (emailLink) {\n            emailLink.addEventListener('click', function() {\n                \/\/ Add a subtle success feedback\n                this.style.background = 'rgba(76, 175, 80, 0.3)';\n                this.innerHTML = '\u2713 Email Copiat!';\n                \n                setTimeout(() => {\n                    this.style.background = 'rgba(255, 255, 255, 0.15)';\n                    this.innerHTML = '\u2709 contact@adfaber.org';\n                }, 2000);\n                \n                \/\/ Optional: Copy email to clipboard\n                navigator.clipboard.writeText('contact@adfaber.org').catch(() => {\n                    \/\/ Fallback if clipboard API is not available\n                    console.log('Clipboard API not available');\n                });\n            });\n\n            \/\/ Add hover sound effect simulation\n            emailLink.addEventListener('mouseenter', function() {\n                this.style.transform = 'translateY(-2px) scale(1.05)';\n            });\n\n            emailLink.addEventListener('mouseleave', function() {\n                this.style.transform = 'translateY(-2px) scale(1)';\n            });\n        }\n\n        \/\/ Add subtle parallax effect to decorative elements\n        window.addEventListener('scroll', () => {\n            const scrolled = window.pageYOffset;\n            const parallax = document.querySelectorAll('.decorative-circle');\n            const speed = 0.5;\n\n            parallax.forEach((element, index) => {\n                const yPos = -(scrolled * speed * (index + 1) * 0.1);\n                element.style.transform = `translateY(${yPos}px)`;\n            });\n        });\n\n        \/\/ Add click-to-copy functionality\n        emailLink?.addEventListener('dblclick', function(e) {\n            e.preventDefault();\n            \n            \/\/ Create temporary input element\n            const tempInput = document.createElement('input');\n            tempInput.value = 'contact@adfaber.org';\n            document.body.appendChild(tempInput);\n            tempInput.select();\n            document.execCommand('copy');\n            document.body.removeChild(tempInput);\n            \n            \/\/ Visual feedback\n            this.style.background = 'rgba(76, 175, 80, 0.4)';\n            this.innerHTML = '\u2713 Copiat \u00een clipboard!';\n            \n            setTimeout(() => {\n                this.style.background = 'rgba(255, 255, 255, 0.15)';\n                this.innerHTML = '\u2709 contact@adfaber.org';\n            }, 2500);\n        });\n    <\/script>\n<\/body>\n<\/html>\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-bee0da1 e-flex e-con-boxed e-con e-parent\" data-id=\"bee0da1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Educa\u021bia Viitorului Descoper\u0103 cum Inteligen\u021ba Artificial\u0103 transform\u0103 educa\u021bia din \u0219colile din Rom\u00e2nia Hour of AI &#8211; Al\u0103tur\u0103-te ADFABER \u00een efortul de a educa p\u0103rin\u021bii, elevii \u0219i profesorii Afl\u0103 mai multe Despre Adfaber Adfaber este o organiza\u021bie nonprofit care ajut\u0103 elevii, profesorii \u0219i p\u0103rin\u021bii din Rom\u00e2nia s\u0103 \u00ee\u0219i dezvolte competen\u021be digitale \u0219i de AI pentru secolul [&hellip;]<\/p>","protected":false},"author":1,"featured_media":13084,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12883","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/adfaber.org\/en\/wp-json\/wp\/v2\/pages\/12883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adfaber.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adfaber.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adfaber.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adfaber.org\/en\/wp-json\/wp\/v2\/comments?post=12883"}],"version-history":[{"count":46,"href":"https:\/\/adfaber.org\/en\/wp-json\/wp\/v2\/pages\/12883\/revisions"}],"predecessor-version":[{"id":13097,"href":"https:\/\/adfaber.org\/en\/wp-json\/wp\/v2\/pages\/12883\/revisions\/13097"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adfaber.org\/en\/wp-json\/wp\/v2\/media\/13084"}],"wp:attachment":[{"href":"https:\/\/adfaber.org\/en\/wp-json\/wp\/v2\/media?parent=12883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}