{"id":230,"date":"2026-07-22T23:07:33","date_gmt":"2026-07-22T23:07:33","guid":{"rendered":"https:\/\/digishieldyouth.org\/?page_id=230"},"modified":"2026-07-27T11:13:59","modified_gmt":"2026-07-27T11:13:59","slug":"ambassadeur","status":"publish","type":"page","link":"https:\/\/digishieldyouth.org\/en\/ambassadeur\/","title":{"rendered":"Devenir Ambassadeur"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"230\" class=\"elementor elementor-230\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4565e1e e-flex e-con-boxed e-con e-parent\" data-id=\"4565e1e\" 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-08528eb elementor-widget elementor-widget-html\" data-id=\"08528eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800;900&display=swap');\r\n\r\n:root{\r\n    --amb-gold:#D4AF37;\r\n    --amb-gold2:#FFE08A;\r\n    --amb-green:#0F6A2F;\r\n    --amb-green2:#087B40;\r\n    --amb-green-dark:#063D1D;\r\n    --amb-dark:#020805;\r\n    --amb-dark2:#071B0E;\r\n    --amb-white:#FFFFFF;\r\n    --amb-light:#F6FAF7;\r\n    --amb-text:#596577;\r\n    --amb-ink:#111827;\r\n}\r\n\r\n.dsy-amb-page,\r\n.dsy-amb-page *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.dsy-amb-page{\r\n    width:100%;\r\n    margin:0;\r\n    overflow:hidden;\r\n    background:#fff;\r\n    color:var(--amb-text);\r\n    font-family:Inter,Arial,sans-serif;\r\n}\r\n\r\n.dsy-amb-page a{\r\n    text-decoration:none;\r\n}\r\n\r\n.dsy-amb-container{\r\n    position:relative;\r\n    z-index:2;\r\n    width:100%;\r\n    max-width:1220px;\r\n    margin:0 auto;\r\n}\r\n\r\n.dsy-amb-section{\r\n    position:relative;\r\n    padding:105px 22px;\r\n}\r\n\r\n.dsy-amb-center{\r\n    text-align:center;\r\n}\r\n\r\n.dsy-amb-eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n    margin-bottom:18px;\r\n    padding:9px 16px;\r\n    border-radius:999px;\r\n    border:1px solid rgba(212,175,55,.30);\r\n    background:rgba(212,175,55,.14);\r\n    color:#8B6508;\r\n    font-size:13px;\r\n    font-weight:900;\r\n    letter-spacing:.8px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.dsy-amb-title{\r\n    max-width:950px;\r\n    margin:0 auto 20px;\r\n    color:var(--amb-green-dark);\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:clamp(40px,5vw,68px);\r\n    line-height:1.05;\r\n    letter-spacing:-1.4px;\r\n    text-align:center;\r\n}\r\n\r\n.dsy-amb-intro{\r\n    max-width:830px;\r\n    margin:0 auto 50px;\r\n    color:#667085;\r\n    font-size:18px;\r\n    line-height:1.8;\r\n    text-align:center;\r\n}\r\n\r\n.dsy-amb-buttons{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:15px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.dsy-amb-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n    min-height:56px;\r\n    padding:15px 25px;\r\n    border:0;\r\n    border-radius:999px;\r\n    font-family:Inter,Arial,sans-serif;\r\n    font-size:15px;\r\n    font-weight:900;\r\n    cursor:pointer;\r\n    transition:.25s ease;\r\n}\r\n\r\n.dsy-amb-btn:hover{\r\n    transform:translateY(-3px);\r\n}\r\n\r\n.dsy-amb-btn-primary{\r\n    color:#06150C;\r\n    background:linear-gradient(145deg,var(--amb-gold2),var(--amb-gold));\r\n    box-shadow:0 16px 40px rgba(212,175,55,.28);\r\n}\r\n\r\n.dsy-amb-btn-primary:hover{\r\n    box-shadow:0 22px 55px rgba(212,175,55,.38);\r\n}\r\n\r\n.dsy-amb-btn-outline{\r\n    color:#fff;\r\n    background:rgba(255,255,255,.08);\r\n    border:1px solid rgba(255,255,255,.30);\r\n}\r\n\r\n.dsy-amb-btn-outline:hover{\r\n    color:var(--amb-gold2);\r\n    border-color:var(--amb-gold2);\r\n}\r\n\r\n.dsy-amb-btn-green{\r\n    color:#fff;\r\n    background:linear-gradient(145deg,var(--amb-green),var(--amb-green2));\r\n}\r\n\r\n.dsy-amb-btn-dark{\r\n    color:#fff;\r\n    background:#063D1D;\r\n}\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.dsy-amb-hero{\r\n    min-height:790px;\r\n    display:flex;\r\n    align-items:center;\r\n    color:#fff;\r\n    background:\r\n        radial-gradient(circle at 82% 20%,rgba(212,175,55,.24),transparent 31%),\r\n        radial-gradient(circle at 12% 85%,rgba(15,106,47,.38),transparent 34%),\r\n        linear-gradient(120deg,#020805,#071B0E 50%,#0A3D1F);\r\n}\r\n\r\n.dsy-amb-hero::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:.10;\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),\r\n        linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);\r\n    background-size:58px 58px;\r\n}\r\n\r\n.dsy-amb-hero-grid{\r\n    display:grid;\r\n    grid-template-columns:1.03fr .97fr;\r\n    align-items:center;\r\n    gap:70px;\r\n}\r\n\r\n.dsy-amb-hero-copy h1{\r\n    max-width:760px;\r\n    margin:0 0 25px;\r\n    color:#fff;\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:clamp(53px,6.2vw,88px);\r\n    line-height:.98;\r\n    letter-spacing:-2.5px;\r\n}\r\n\r\n.dsy-amb-hero-copy h1 span{\r\n    color:var(--amb-gold2);\r\n}\r\n\r\n.dsy-amb-hero-copy > p{\r\n    max-width:710px;\r\n    margin:0 0 34px;\r\n    color:#D8E6DC;\r\n    font-size:20px;\r\n    line-height:1.75;\r\n}\r\n\r\n.dsy-amb-pills{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    margin-top:32px;\r\n}\r\n\r\n.dsy-amb-pill{\r\n    padding:10px 15px;\r\n    border-radius:999px;\r\n    border:1px solid rgba(255,255,255,.13);\r\n    color:#DFECE2;\r\n    background:rgba(255,255,255,.075);\r\n    font-size:13px;\r\n    font-weight:800;\r\n}\r\n\r\n.dsy-amb-stats{\r\n    display:flex;\r\n    gap:27px;\r\n    flex-wrap:wrap;\r\n    margin-top:37px;\r\n}\r\n\r\n.dsy-amb-stat strong{\r\n    display:block;\r\n    color:var(--amb-gold2);\r\n    font-size:26px;\r\n    font-weight:950;\r\n}\r\n\r\n.dsy-amb-stat span{\r\n    color:#C6D6CA;\r\n    font-size:13px;\r\n    font-weight:700;\r\n}\r\n\r\n.dsy-amb-hero-visual{\r\n    position:relative;\r\n    min-height:575px;\r\n    display:grid;\r\n    place-items:center;\r\n}\r\n\r\n.dsy-amb-image{\r\n    width:min(100%,500px);\r\n    height:560px;\r\n    overflow:hidden;\r\n    border-radius:38px;\r\n    border:1px solid rgba(255,224,138,.32);\r\n    background:rgba(255,255,255,.08);\r\n    box-shadow:0 45px 100px rgba(0,0,0,.42);\r\n}\r\n\r\n.dsy-amb-image img{\r\n    width:100%;\r\n    height:100%;\r\n    display:block;\r\n    object-fit:cover;\r\n}\r\n\r\n.dsy-amb-floating{\r\n    position:absolute;\r\n    left:-30px;\r\n    bottom:45px;\r\n    max-width:300px;\r\n    padding:20px 22px;\r\n    border-radius:22px;\r\n    color:#173B25;\r\n    background:#fff;\r\n    box-shadow:0 20px 55px rgba(0,0,0,.24);\r\n    font-size:14px;\r\n    font-weight:900;\r\n    line-height:1.55;\r\n}\r\n\r\n\/* =========================================================\r\n   WHY\r\n========================================================= *\/\r\n\r\n.dsy-amb-purpose{\r\n    background:#F6FAF7;\r\n}\r\n\r\n.dsy-amb-purpose-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:25px;\r\n}\r\n\r\n.dsy-amb-purpose-card{\r\n    position:relative;\r\n    min-height:315px;\r\n    overflow:hidden;\r\n    padding:34px;\r\n    border-radius:31px;\r\n    border:1px solid rgba(15,106,47,.10);\r\n    background:#fff;\r\n    box-shadow:0 18px 50px rgba(27,60,37,.08);\r\n    transition:.28s ease;\r\n}\r\n\r\n.dsy-amb-purpose-card:hover{\r\n    transform:translateY(-8px);\r\n    box-shadow:0 28px 65px rgba(27,60,37,.14);\r\n}\r\n\r\n.dsy-amb-purpose-letter{\r\n    position:absolute;\r\n    top:7px;\r\n    right:22px;\r\n    color:rgba(15,106,47,.07);\r\n    font-size:125px;\r\n    font-weight:950;\r\n    line-height:1;\r\n}\r\n\r\n.dsy-amb-icon{\r\n    position:relative;\r\n    width:68px;\r\n    height:68px;\r\n    display:grid;\r\n    place-items:center;\r\n    margin-bottom:25px;\r\n    border-radius:22px;\r\n    background:linear-gradient(145deg,#FFF6D4,#EAF5ED);\r\n    font-size:30px;\r\n}\r\n\r\n.dsy-amb-purpose-card h3{\r\n    position:relative;\r\n    margin:0 0 13px;\r\n    color:var(--amb-green-dark);\r\n    font-size:25px;\r\n}\r\n\r\n.dsy-amb-purpose-card p{\r\n    position:relative;\r\n    margin:0;\r\n    color:#667085;\r\n    font-size:15px;\r\n    line-height:1.75;\r\n}\r\n\r\n\/* =========================================================\r\n   MISSIONS\r\n========================================================= *\/\r\n\r\n.dsy-amb-missions{\r\n    color:#fff;\r\n    background:\r\n        radial-gradient(circle at 85% 12%,rgba(212,175,55,.20),transparent 28%),\r\n        linear-gradient(125deg,#020805,#071B0E 55%,#0A3D1F);\r\n}\r\n\r\n.dsy-amb-missions .dsy-amb-title{\r\n    color:#fff;\r\n}\r\n\r\n.dsy-amb-missions .dsy-amb-intro{\r\n    color:#CAD8CE;\r\n}\r\n\r\n.dsy-amb-mission-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:22px;\r\n}\r\n\r\n.dsy-amb-mission-card{\r\n    min-height:250px;\r\n    padding:30px;\r\n    border-radius:28px;\r\n    border:1px solid rgba(255,255,255,.12);\r\n    background:rgba(255,255,255,.07);\r\n    transition:.28s ease;\r\n}\r\n\r\n.dsy-amb-mission-card:hover{\r\n    transform:translateY(-7px);\r\n    border-color:rgba(255,224,138,.45);\r\n    background:rgba(255,255,255,.11);\r\n}\r\n\r\n.dsy-amb-mission-icon{\r\n    width:58px;\r\n    height:58px;\r\n    display:grid;\r\n    place-items:center;\r\n    margin-bottom:22px;\r\n    border-radius:18px;\r\n    color:#06150C;\r\n    background:linear-gradient(145deg,var(--amb-gold2),var(--amb-gold));\r\n    font-size:26px;\r\n}\r\n\r\n.dsy-amb-mission-card h3{\r\n    margin:0 0 11px;\r\n    color:#fff;\r\n    font-size:21px;\r\n}\r\n\r\n.dsy-amb-mission-card p{\r\n    margin:0;\r\n    color:#CBD8CE;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n}\r\n\r\n\/* =========================================================\r\n   JOURNEY\r\n========================================================= *\/\r\n\r\n.dsy-amb-journey{\r\n    background:#fff;\r\n}\r\n\r\n.dsy-amb-journey-layout{\r\n    display:grid;\r\n    grid-template-columns:.84fr 1.16fr;\r\n    align-items:center;\r\n    gap:72px;\r\n}\r\n\r\n.dsy-amb-journey-copy h2{\r\n    margin:0 0 20px;\r\n    color:var(--amb-green-dark);\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:clamp(40px,4.6vw,64px);\r\n    line-height:1.06;\r\n}\r\n\r\n.dsy-amb-journey-copy p{\r\n    margin:0 0 28px;\r\n    color:#5D6878;\r\n    font-size:17px;\r\n    line-height:1.8;\r\n}\r\n\r\n.dsy-amb-steps{\r\n    display:grid;\r\n    gap:13px;\r\n}\r\n\r\n.dsy-amb-step{\r\n    display:grid;\r\n    grid-template-columns:58px 1fr;\r\n    align-items:center;\r\n    gap:18px;\r\n    padding:18px 20px;\r\n    border-radius:21px;\r\n    border:1px solid rgba(15,106,47,.10);\r\n    background:#F7FAF8;\r\n}\r\n\r\n.dsy-amb-step-number{\r\n    width:50px;\r\n    height:50px;\r\n    display:grid;\r\n    place-items:center;\r\n    border-radius:16px;\r\n    color:var(--amb-green);\r\n    background:#E7F4EB;\r\n    font-weight:950;\r\n}\r\n\r\n.dsy-amb-step h3{\r\n    margin:0 0 4px;\r\n    color:#173B25;\r\n    font-size:17px;\r\n}\r\n\r\n.dsy-amb-step p{\r\n    margin:0;\r\n    color:#667085;\r\n    font-size:14px;\r\n    line-height:1.55;\r\n}\r\n\r\n\/* =========================================================\r\n   PLEDGE\r\n========================================================= *\/\r\n\r\n.dsy-amb-pledge{\r\n    background:#F6FAF7;\r\n}\r\n\r\n.dsy-amb-pledge-layout{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:65px;\r\n    align-items:center;\r\n}\r\n\r\n.dsy-amb-pledge-card{\r\n    padding:43px;\r\n    border-radius:35px;\r\n    background:linear-gradient(145deg,#0A3D1F,#06301A);\r\n    box-shadow:0 28px 70px rgba(6,48,26,.24);\r\n}\r\n\r\n.dsy-amb-pledge-card h2{\r\n    margin:0 0 17px;\r\n    color:#fff;\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:38px;\r\n}\r\n\r\n.dsy-amb-pledge-card > p{\r\n    margin:0 0 25px;\r\n    color:#CEDBD1;\r\n    line-height:1.75;\r\n}\r\n\r\n.dsy-amb-pledge-list{\r\n    display:grid;\r\n    gap:13px;\r\n}\r\n\r\n.dsy-amb-pledge-item{\r\n    display:flex;\r\n    gap:13px;\r\n    align-items:flex-start;\r\n    padding:15px 17px;\r\n    border-radius:17px;\r\n    color:#fff;\r\n    background:rgba(255,255,255,.08);\r\n    font-size:14px;\r\n    font-weight:750;\r\n    line-height:1.55;\r\n}\r\n\r\n.dsy-amb-check{\r\n    color:var(--amb-gold2);\r\n    font-weight:950;\r\n}\r\n\r\n.dsy-amb-pledge-copy h2{\r\n    margin:0 0 20px;\r\n    color:var(--amb-green-dark);\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:clamp(40px,4.5vw,62px);\r\n    line-height:1.07;\r\n}\r\n\r\n.dsy-amb-pledge-copy p{\r\n    margin:0 0 28px;\r\n    color:#5D6878;\r\n    font-size:17px;\r\n    line-height:1.8;\r\n}\r\n\r\n\/* =========================================================\r\n   REGISTRATION\r\n========================================================= *\/\r\n\r\n.dsy-amb-register{\r\n    color:#fff;\r\n    background:\r\n        radial-gradient(circle at 90% 0%,rgba(212,175,55,.17),transparent 32%),\r\n        linear-gradient(135deg,#020805,#062011,#0A3D1F);\r\n}\r\n\r\n.dsy-amb-register-layout{\r\n    display:grid;\r\n    grid-template-columns:.82fr 1.18fr;\r\n    gap:55px;\r\n    align-items:start;\r\n}\r\n\r\n.dsy-amb-register-copy h2{\r\n    margin:20px 0;\r\n    color:#fff;\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:clamp(42px,5vw,65px);\r\n    line-height:1.04;\r\n}\r\n\r\n.dsy-amb-register-copy > p{\r\n    margin:0 0 25px;\r\n    color:#D6E5DA;\r\n    font-size:17px;\r\n    line-height:1.8;\r\n}\r\n\r\n.dsy-amb-reg-benefits{\r\n    display:grid;\r\n    gap:13px;\r\n    margin-top:27px;\r\n}\r\n\r\n.dsy-amb-reg-benefit{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:11px;\r\n    color:#ECF5EE;\r\n    font-size:14px;\r\n    font-weight:750;\r\n    line-height:1.55;\r\n}\r\n\r\n.dsy-amb-form{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:17px;\r\n    padding:35px;\r\n    border-radius:34px;\r\n    border:1px solid rgba(255,224,138,.18);\r\n    background:rgba(255,255,255,.075);\r\n    backdrop-filter:blur(16px);\r\n    box-shadow:0 35px 95px rgba(0,0,0,.30);\r\n}\r\n\r\n.dsy-amb-form-title{\r\n    grid-column:1 \/ -1;\r\n    margin:0 0 4px;\r\n    color:#fff;\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:36px;\r\n}\r\n\r\n.dsy-amb-form-subtitle{\r\n    grid-column:1 \/ -1;\r\n    margin:0 0 10px;\r\n    color:#D8E9DD;\r\n    line-height:1.65;\r\n}\r\n\r\n.dsy-amb-field{\r\n    display:grid;\r\n    gap:8px;\r\n}\r\n\r\n.dsy-amb-field-full{\r\n    grid-column:1 \/ -1;\r\n}\r\n\r\n.dsy-amb-field label{\r\n    color:#EEF8F1;\r\n    font-size:13px;\r\n    font-weight:850;\r\n}\r\n\r\n.dsy-amb-field input,\r\n.dsy-amb-field select,\r\n.dsy-amb-field textarea{\r\n    width:100%;\r\n    padding:14px 16px;\r\n    border:1px solid rgba(255,255,255,.16);\r\n    border-radius:14px;\r\n    outline:none;\r\n    color:#fff;\r\n    background:rgba(255,255,255,.08);\r\n    font-family:Inter,Arial,sans-serif;\r\n    font-size:15px;\r\n}\r\n\r\n.dsy-amb-field input::placeholder,\r\n.dsy-amb-field textarea::placeholder{\r\n    color:#B8C9BD;\r\n}\r\n\r\n.dsy-amb-field select option{\r\n    color:#111827;\r\n    background:#fff;\r\n}\r\n\r\n.dsy-amb-field input:focus,\r\n.dsy-amb-field select:focus,\r\n.dsy-amb-field textarea:focus{\r\n    border-color:var(--amb-gold);\r\n    box-shadow:0 0 0 4px rgba(212,175,55,.13);\r\n}\r\n\r\n.dsy-amb-field textarea{\r\n    min-height:125px;\r\n    resize:vertical;\r\n}\r\n\r\n.dsy-amb-checkbox{\r\n    grid-column:1 \/ -1;\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:12px;\r\n    color:#DCECE1;\r\n    font-size:13px;\r\n    line-height:1.6;\r\n}\r\n\r\n.dsy-amb-checkbox input{\r\n    margin-top:4px;\r\n}\r\n\r\n.dsy-amb-privacy{\r\n    grid-column:1 \/ -1;\r\n    padding:14px 16px;\r\n    border-radius:16px;\r\n    border:1px solid rgba(255,255,255,.10);\r\n    color:#DCECE1;\r\n    background:rgba(0,0,0,.16);\r\n    font-size:12px;\r\n    line-height:1.6;\r\n}\r\n\r\n.dsy-amb-submit,\r\n.dsy-amb-success{\r\n    grid-column:1 \/ -1;\r\n}\r\n\r\n.dsy-amb-success{\r\n    display:none;\r\n    padding:20px;\r\n    border:1px solid #8CD3A6;\r\n    border-radius:20px;\r\n    color:#062011;\r\n    background:#EBFFF2;\r\n    font-weight:700;\r\n    line-height:1.65;\r\n}\r\n\r\n\/* =========================================================\r\n   DASHBOARD\r\n========================================================= *\/\r\n\r\n.dsy-amb-dashboard{\r\n    display:none;\r\n    background:linear-gradient(180deg,#F8FBF8,#EDF6EF);\r\n}\r\n\r\n.dsy-amb-member-card{\r\n    display:grid;\r\n    grid-template-columns:150px 1fr auto;\r\n    gap:25px;\r\n    align-items:center;\r\n    margin:0;\r\n    padding:28px;\r\n    border:1px solid #DDE9E0;\r\n    border-radius:32px;\r\n    background:#fff;\r\n    box-shadow:0 25px 75px rgba(10,61,31,.11);\r\n}\r\n\r\n.dsy-amb-member-logo{\r\n    width:140px;\r\n    height:140px;\r\n    display:grid;\r\n    place-items:center;\r\n    padding:13px;\r\n    border-radius:29px;\r\n    background:linear-gradient(145deg,var(--amb-gold2),var(--amb-gold));\r\n}\r\n\r\n.dsy-amb-member-logo img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:contain;\r\n}\r\n\r\n.dsy-amb-member-info small{\r\n    color:var(--amb-green);\r\n    font-weight:900;\r\n    letter-spacing:1.2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.dsy-amb-member-info h3{\r\n    margin:8px 0;\r\n    color:#06150C;\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:37px;\r\n}\r\n\r\n.dsy-amb-member-info p{\r\n    margin:5px 0;\r\n    color:#475569;\r\n}\r\n\r\n.dsy-amb-member-id{\r\n    padding:14px 18px;\r\n    border-radius:18px;\r\n    color:#fff;\r\n    background:#0A3D1F;\r\n    font-size:14px;\r\n    font-weight:900;\r\n    white-space:nowrap;\r\n}\r\n\r\n\/* =========================================================\r\n   BADGES\r\n========================================================= *\/\r\n\r\n.dsy-amb-badges{\r\n    background:#F6FAF7;\r\n}\r\n\r\n.dsy-amb-badge-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:22px;\r\n}\r\n\r\n.dsy-amb-badge{\r\n    position:relative;\r\n    overflow:hidden;\r\n    padding:29px;\r\n    border-radius:31px;\r\n    border:1px solid rgba(212,175,55,.32);\r\n    color:#fff;\r\n    text-align:center;\r\n    background:\r\n        radial-gradient(circle at 85% 12%,rgba(255,224,138,.25),transparent 30%),\r\n        linear-gradient(145deg,#020805,#0A3D1F);\r\n    box-shadow:0 25px 70px rgba(10,61,31,.16);\r\n}\r\n\r\n.dsy-amb-badge.locked{\r\n    opacity:.55;\r\n    filter:grayscale(.45);\r\n}\r\n\r\n.dsy-amb-badge-status{\r\n    position:absolute;\r\n    top:18px;\r\n    right:18px;\r\n    width:38px;\r\n    height:38px;\r\n    display:grid;\r\n    place-items:center;\r\n    border-radius:13px;\r\n    background:rgba(0,0,0,.38);\r\n}\r\n\r\n.dsy-amb-badge-emblem{\r\n    width:125px;\r\n    height:125px;\r\n    display:grid;\r\n    place-items:center;\r\n    margin:0 auto 22px;\r\n    border:8px solid rgba(255,255,255,.14);\r\n    border-radius:50%;\r\n    color:#06150C;\r\n    background:linear-gradient(145deg,var(--amb-gold2),var(--amb-gold));\r\n    box-shadow:0 20px 55px rgba(212,175,55,.25);\r\n    font-size:54px;\r\n}\r\n\r\n.dsy-amb-badge small{\r\n    display:block;\r\n    margin-bottom:7px;\r\n    color:var(--amb-gold2);\r\n    font-size:12px;\r\n    font-weight:900;\r\n    letter-spacing:1.3px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.dsy-amb-badge h3{\r\n    margin:0 0 10px;\r\n    font-size:25px;\r\n}\r\n\r\n.dsy-amb-badge p{\r\n    min-height:100px;\r\n    margin:0 0 20px;\r\n    color:#DCECE1;\r\n    line-height:1.6;\r\n}\r\n\r\n.dsy-amb-badge .dsy-amb-btn{\r\n    width:100%;\r\n}\r\n\r\n.dsy-amb-reward-note{\r\n    max-width:930px;\r\n    margin:50px auto 0;\r\n    padding:30px;\r\n    border-radius:28px;\r\n    background:#fff;\r\n    border:1px solid rgba(15,106,47,.10);\r\n    box-shadow:0 18px 50px rgba(27,60,37,.08);\r\n    text-align:center;\r\n}\r\n\r\n.dsy-amb-reward-note h3{\r\n    margin:0 0 12px;\r\n    color:#063D1D;\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:31px;\r\n}\r\n\r\n.dsy-amb-reward-note p{\r\n    margin:0;\r\n    color:#667085;\r\n    line-height:1.75;\r\n}\r\n\r\n\/* =========================================================\r\n   CERTIFICATE\r\n========================================================= *\/\r\n\r\n.dsy-amb-certificate-section{\r\n    color:#fff;\r\n    background:\r\n        radial-gradient(circle at 10% 12%,rgba(212,175,55,.16),transparent 30%),\r\n        linear-gradient(135deg,#020805,#071B0E,#0A3D1F);\r\n}\r\n\r\n.dsy-amb-certificate-wrap{\r\n    overflow:auto;\r\n    padding:15px;\r\n}\r\n\r\n.dsy-amb-certificate{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:1050px;\r\n    min-height:690px;\r\n    margin:0 auto;\r\n    padding:70px;\r\n    overflow:hidden;\r\n    border:14px solid #0A3D1F;\r\n    outline:4px solid #D4AF37;\r\n    outline-offset:-26px;\r\n    color:#06150C;\r\n    background:\r\n        radial-gradient(circle at 50% 45%,rgba(212,175,55,.08),transparent 38%),\r\n        #FFFDF7;\r\n    text-align:center;\r\n    box-shadow:0 40px 120px rgba(0,0,0,.38);\r\n}\r\n\r\n.dsy-amb-certificate::before,\r\n.dsy-amb-certificate::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:250px;\r\n    height:250px;\r\n    border-radius:50%;\r\n    background:rgba(212,175,55,.10);\r\n}\r\n\r\n.dsy-amb-certificate::before{\r\n    top:-125px;\r\n    left:-125px;\r\n}\r\n\r\n.dsy-amb-certificate::after{\r\n    right:-125px;\r\n    bottom:-125px;\r\n}\r\n\r\n.dsy-amb-cert-logo{\r\n    position:relative;\r\n    z-index:2;\r\n    width:135px;\r\n    height:auto;\r\n    margin-bottom:14px;\r\n}\r\n\r\n.dsy-amb-cert-eyebrow{\r\n    position:relative;\r\n    z-index:2;\r\n    color:#0A3D1F;\r\n    font-size:14px;\r\n    font-weight:900;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.dsy-amb-cert-title{\r\n    position:relative;\r\n    z-index:2;\r\n    margin:14px 0 12px;\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:clamp(45px,6vw,74px);\r\n    line-height:1;\r\n}\r\n\r\n.dsy-amb-cert-subtitle{\r\n    position:relative;\r\n    z-index:2;\r\n    color:#475569;\r\n    font-size:20px;\r\n}\r\n\r\n.dsy-amb-cert-name{\r\n    position:relative;\r\n    z-index:2;\r\n    display:inline-block;\r\n    min-width:65%;\r\n    margin:35px 0 15px;\r\n    padding:0 25px 12px;\r\n    border-bottom:2px solid #D4AF37;\r\n    color:#0A3D1F;\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:clamp(38px,5vw,62px);\r\n}\r\n\r\n.dsy-amb-cert-text{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:770px;\r\n    margin:0 auto;\r\n    color:#334155;\r\n    font-size:18px;\r\n    line-height:1.75;\r\n}\r\n\r\n.dsy-amb-cert-badge{\r\n    position:relative;\r\n    z-index:2;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    margin:28px 0;\r\n    padding:15px 22px;\r\n    border-radius:999px;\r\n    color:#fff;\r\n    background:#0A3D1F;\r\n    font-weight:900;\r\n}\r\n\r\n.dsy-amb-cert-footer{\r\n    position:relative;\r\n    z-index:2;\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr 1fr;\r\n    gap:35px;\r\n    margin-top:35px;\r\n}\r\n\r\n.dsy-amb-cert-field{\r\n    padding-top:12px;\r\n    border-top:1px solid #94A3B8;\r\n    color:#475569;\r\n    font-size:13px;\r\n}\r\n\r\n.dsy-amb-cert-field strong{\r\n    display:block;\r\n    margin-bottom:4px;\r\n    color:#06150C;\r\n}\r\n\r\n.dsy-amb-cert-actions{\r\n    display:flex;\r\n    justify-content:center;\r\n    gap:14px;\r\n    flex-wrap:wrap;\r\n    margin-top:35px;\r\n}\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n========================================================= *\/\r\n\r\n.dsy-amb-final{\r\n    padding:110px 22px;\r\n    color:#fff;\r\n    text-align:center;\r\n    background:\r\n        radial-gradient(circle at 50% 5%,rgba(255,224,138,.22),transparent 35%),\r\n        linear-gradient(120deg,#020805,#071B0E,#0A3D1F);\r\n}\r\n\r\n.dsy-amb-final h2{\r\n    max-width:930px;\r\n    margin:0 auto 22px;\r\n    color:#fff;\r\n    font-family:\"Playfair Display\",Georgia,serif;\r\n    font-size:clamp(42px,5vw,70px);\r\n    line-height:1.05;\r\n}\r\n\r\n.dsy-amb-final h2 span{\r\n    color:var(--amb-gold2);\r\n}\r\n\r\n.dsy-amb-final p{\r\n    max-width:750px;\r\n    margin:0 auto 34px;\r\n    color:#D3E0D6;\r\n    font-size:18px;\r\n    line-height:1.75;\r\n}\r\n\r\n.dsy-amb-final .dsy-amb-buttons{\r\n    justify-content:center;\r\n}\r\n\r\n.dsy-amb-footer-line{\r\n    max-width:820px;\r\n    margin:48px auto 0;\r\n    padding-top:28px;\r\n    border-top:1px solid rgba(255,255,255,.12);\r\n    color:#AFC4B4;\r\n    font-size:13px;\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    .dsy-amb-hero-grid,\r\n    .dsy-amb-journey-layout,\r\n    .dsy-amb-pledge-layout,\r\n    .dsy-amb-register-layout{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .dsy-amb-hero-copy{\r\n        text-align:center;\r\n    }\r\n\r\n    .dsy-amb-hero-copy h1,\r\n    .dsy-amb-hero-copy > p{\r\n        margin-left:auto;\r\n        margin-right:auto;\r\n    }\r\n\r\n    .dsy-amb-hero-copy .dsy-amb-buttons,\r\n    .dsy-amb-pills,\r\n    .dsy-amb-stats{\r\n        justify-content:center;\r\n    }\r\n\r\n    .dsy-amb-badge-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:820px){\r\n\r\n    .dsy-amb-section{\r\n        padding:78px 18px;\r\n    }\r\n\r\n    .dsy-amb-hero{\r\n        min-height:auto;\r\n        padding:78px 18px 90px;\r\n    }\r\n\r\n    .dsy-amb-purpose-grid,\r\n    .dsy-amb-mission-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .dsy-amb-floating{\r\n        display:none;\r\n    }\r\n\r\n    .dsy-amb-image{\r\n        height:470px;\r\n    }\r\n\r\n    .dsy-amb-member-card{\r\n        grid-template-columns:1fr;\r\n        text-align:center;\r\n    }\r\n\r\n    .dsy-amb-member-logo{\r\n        margin:auto;\r\n    }\r\n\r\n    .dsy-amb-member-id{\r\n        justify-self:center;\r\n    }\r\n\r\n    .dsy-amb-certificate{\r\n        min-width:850px;\r\n    }\r\n}\r\n\r\n@media(max-width:650px){\r\n\r\n    .dsy-amb-hero-copy h1{\r\n        font-size:47px;\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .dsy-amb-hero-copy > p{\r\n        font-size:17px;\r\n    }\r\n\r\n    .dsy-amb-btn{\r\n        width:100%;\r\n    }\r\n\r\n    .dsy-amb-form{\r\n        grid-template-columns:1fr;\r\n        padding:25px 20px;\r\n    }\r\n\r\n    .dsy-amb-form-title,\r\n    .dsy-amb-form-subtitle,\r\n    .dsy-amb-field-full,\r\n    .dsy-amb-checkbox,\r\n    .dsy-amb-privacy,\r\n    .dsy-amb-submit,\r\n    .dsy-amb-success{\r\n        grid-column:auto;\r\n    }\r\n\r\n    .dsy-amb-badge-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .dsy-amb-image{\r\n        height:420px;\r\n    }\r\n\r\n    .dsy-amb-pledge-card{\r\n        padding:30px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   PRINT CERTIFICATE\r\n========================================================= *\/\r\n\r\n@media print{\r\n\r\n    body *{\r\n        visibility:hidden !important;\r\n    }\r\n\r\n    #dsyAmbCertificate,\r\n    #dsyAmbCertificate *{\r\n        visibility:visible !important;\r\n    }\r\n\r\n    #dsyAmbCertificate{\r\n        position:absolute;\r\n        top:0;\r\n        left:0;\r\n        width:100%;\r\n        max-width:none;\r\n        min-height:100vh;\r\n        box-shadow:none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"dsy-amb-page\">\r\n\r\n<!-- =====================================================\r\n     1. HERO\r\n===================================================== -->\r\n\r\n<section class=\"dsy-amb-section dsy-amb-hero\">\r\n\r\n    <div class=\"dsy-amb-container\">\r\n\r\n        <div class=\"dsy-amb-hero-grid\">\r\n\r\n            <div class=\"dsy-amb-hero-copy\">\r\n\r\n                <div class=\"dsy-amb-eyebrow\">\r\n                    \ud83c\udfc6 Ambassadeurs Digi Shield Youth\r\n                <\/div>\r\n\r\n                <h1>\r\n                    Ta voix peut devenir un\r\n                    <span>bouclier pour ta g\u00e9n\u00e9ration.<\/span>\r\n                <\/h1>\r\n\r\n                <p>\r\n                    Rejoins une g\u00e9n\u00e9ration de jeunes qui choisissent\r\n                    de prot\u00e9ger, sensibiliser, soutenir et agir\r\n                    contre la violence num\u00e9rique.\r\n                <\/p>\r\n\r\n                <div class=\"dsy-amb-buttons\">\r\n\r\n                    <button\r\n                        class=\"dsy-amb-btn dsy-amb-btn-primary dsy-scroll-register\"\r\n                        type=\"button\"\r\n                    >\r\n                        Devenir ambassadeur \u2192\r\n                    <\/button>\r\n\r\n                    <a\r\n                        class=\"dsy-amb-btn dsy-amb-btn-outline\"\r\n                        href=\"https:\/\/digishieldyouth.org\/quiz\/\"\r\n                    >\r\n                        Faire le quiz\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"dsy-amb-pills\">\r\n\r\n                    <span class=\"dsy-amb-pill\">\ud83d\udee1\ufe0f Prot\u00e8ge<\/span>\r\n                    <span class=\"dsy-amb-pill\">\ud83d\udce3 Sensibilise<\/span>\r\n                    <span class=\"dsy-amb-pill\">\ud83e\udd1d Mobilise<\/span>\r\n                    <span class=\"dsy-amb-pill\">\ud83c\udfc5 Progresse<\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"dsy-amb-stats\">\r\n\r\n                    <div class=\"dsy-amb-stat\">\r\n                        <strong>1 voix<\/strong>\r\n                        <span>Peut d\u00e9clencher le changement<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"dsy-amb-stat\">\r\n                        <strong>6 \u00e9tapes<\/strong>\r\n                        <span>Pour construire ton parcours<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"dsy-amb-stat\">\r\n                        <strong>1 \u00e9quipe<\/strong>\r\n                        <span>Unie contre la violence num\u00e9rique<\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dsy-amb-hero-visual\">\r\n\r\n                <div class=\"dsy-amb-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/digishieldyouth.org\/wp-content\/uploads\/2026\/07\/youth2_animated_African_teenage_student_looking_at_pho.png\"\r\n                        alt=\"Jeunes ambassadeurs Digi Shield Youth\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"dsy-amb-floating\">\r\n                    Ne pas rire. Ne pas relayer.\r\n                    Parler. Soutenir. Prot\u00e9ger.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     2. WHY\r\n===================================================== -->\r\n\r\n<section class=\"dsy-amb-section dsy-amb-purpose\">\r\n\r\n    <div class=\"dsy-amb-container\">\r\n\r\n        <div class=\"dsy-amb-center\">\r\n            <div class=\"dsy-amb-eyebrow\">\r\n                Pourquoi devenir ambassadeur ?\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <h2 class=\"dsy-amb-title\">\r\n            Transformer les bonnes intentions en actions visibles\r\n        <\/h2>\r\n\r\n        <p class=\"dsy-amb-intro\">\r\n            \u00catre ambassadeur Digi Shield Youth ne signifie pas simplement\r\n            porter un titre. C'est choisir de montrer l'exemple\r\n            et contribuer \u00e0 rendre l'espace num\u00e9rique plus s\u00fbr.\r\n        <\/p>\r\n\r\n        <div class=\"dsy-amb-purpose-grid\">\r\n\r\n            <article class=\"dsy-amb-purpose-card\">\r\n\r\n                <div class=\"dsy-amb-purpose-letter\">P<\/div>\r\n\r\n                <div class=\"dsy-amb-icon\">\ud83d\udee1\ufe0f<\/div>\r\n\r\n                <h3>Prot\u00e9ger<\/h3>\r\n\r\n                <p>\r\n                    Reconna\u00eetre les dangers, soutenir les victimes,\r\n                    conserver les preuves et encourager le signalement\r\n                    aupr\u00e8s d'un adulte de confiance.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"dsy-amb-purpose-card\">\r\n\r\n                <div class=\"dsy-amb-purpose-letter\">S<\/div>\r\n\r\n                <div class=\"dsy-amb-icon\">\ud83d\udce3<\/div>\r\n\r\n                <h3>Sensibiliser<\/h3>\r\n\r\n                <p>\r\n                    Partager les bons r\u00e9flexes num\u00e9riques et aider\r\n                    les autres jeunes \u00e0 comprendre qu'ils ne doivent\r\n                    jamais souffrir en silence.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"dsy-amb-purpose-card\">\r\n\r\n                <div class=\"dsy-amb-purpose-letter\">M<\/div>\r\n\r\n                <div class=\"dsy-amb-icon\">\ud83e\udd1d<\/div>\r\n\r\n                <h3>Mobiliser<\/h3>\r\n\r\n                <p>\r\n                    R\u00e9unir \u00e9l\u00e8ves, familles, enseignants et partenaires\r\n                    autour d'une culture num\u00e9rique bas\u00e9e sur le respect,\r\n                    la responsabilit\u00e9 et la protection.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     3. MISSIONS\r\n===================================================== -->\r\n\r\n<section class=\"dsy-amb-section dsy-amb-missions\">\r\n\r\n    <div class=\"dsy-amb-container\">\r\n\r\n        <div class=\"dsy-amb-center\">\r\n\r\n            <div class=\"dsy-amb-eyebrow\">\r\n                Les missions de l'ambassadeur\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h2 class=\"dsy-amb-title\">\r\n            Des actions simples peuvent changer toute une culture\r\n        <\/h2>\r\n\r\n        <p class=\"dsy-amb-intro\">\r\n            Le leadership num\u00e9rique commence par de petits choix\r\n            coh\u00e9rents r\u00e9p\u00e9t\u00e9s chaque jour.\r\n        <\/p>\r\n\r\n        <div class=\"dsy-amb-mission-grid\">\r\n\r\n            <article class=\"dsy-amb-mission-card\">\r\n\r\n                <div class=\"dsy-amb-mission-icon\">\u2764\ufe0f<\/div>\r\n\r\n                <h3>Soutenir une victime<\/h3>\r\n\r\n                <p>\r\n                    \u00c9couter sans juger, rassurer et aider\r\n                    la personne \u00e0 trouver rapidement\r\n                    un adulte de confiance.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"dsy-amb-mission-card\">\r\n\r\n                <div class=\"dsy-amb-mission-icon\">\u270b<\/div>\r\n\r\n                <h3>Refuser de relayer<\/h3>\r\n\r\n                <p>\r\n                    Ne pas transf\u00e9rer une humiliation, une photo,\r\n                    une vid\u00e9o ou un message destin\u00e9 \u00e0 blesser.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"dsy-amb-mission-card\">\r\n\r\n                <div class=\"dsy-amb-mission-icon\">\ud83d\udce3<\/div>\r\n\r\n                <h3>Sensibiliser son \u00e9cole<\/h3>\r\n\r\n                <p>\r\n                    Porter des messages de pr\u00e9vention\r\n                    aupr\u00e8s des \u00e9l\u00e8ves et encourager\r\n                    un num\u00e9rique plus responsable.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"dsy-amb-mission-card\">\r\n\r\n                <div class=\"dsy-amb-mission-icon\">\ud83d\ude80<\/div>\r\n\r\n                <h3>Cr\u00e9er une campagne<\/h3>\r\n\r\n                <p>\r\n                    Organiser une affiche, une vid\u00e9o,\r\n                    un d\u00e9fi positif ou une journ\u00e9e\r\n                    de sensibilisation.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"dsy-amb-mission-card\">\r\n\r\n                <div class=\"dsy-amb-mission-icon\">\ud83d\udea8<\/div>\r\n\r\n                <h3>Encourager le signalement<\/h3>\r\n\r\n                <p>\r\n                    Montrer que demander de l'aide\r\n                    est une d\u00e9marche de protection,\r\n                    et non une faiblesse.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"dsy-amb-mission-card\">\r\n\r\n                <div class=\"dsy-amb-mission-icon\">\ud83c\udf0d<\/div>\r\n\r\n                <h3>Mobiliser sa communaut\u00e9<\/h3>\r\n\r\n                <p>\r\n                    Impliquer jeunes, familles, \u00e9ducateurs\r\n                    et organisations afin d'amplifier\r\n                    le mouvement.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     4. JOURNEY\r\n===================================================== -->\r\n\r\n<section class=\"dsy-amb-section dsy-amb-journey\">\r\n\r\n    <div class=\"dsy-amb-container\">\r\n\r\n        <div class=\"dsy-amb-journey-layout\">\r\n\r\n            <div class=\"dsy-amb-journey-copy\">\r\n\r\n                <div class=\"dsy-amb-eyebrow\">\r\n                    Ton parcours\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Deviens ambassadeur \u00e9tape par \u00e9tape.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Transforme ton engagement en comp\u00e9tences,\r\n                    puis tes comp\u00e9tences en actions concr\u00e8tes\r\n                    capables d'inspirer les autres.\r\n                <\/p>\r\n\r\n                <button\r\n                    class=\"dsy-amb-btn dsy-amb-btn-primary dsy-scroll-register\"\r\n                    type=\"button\"\r\n                >\r\n                    Commencer mon parcours \u2192\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dsy-amb-steps\">\r\n\r\n                <div class=\"dsy-amb-step\">\r\n\r\n                    <div class=\"dsy-amb-step-number\">01<\/div>\r\n\r\n                    <div>\r\n                        <h3>D\u00e9couvre<\/h3>\r\n                        <p>\r\n                            Comprends la violence num\u00e9rique,\r\n                            ses formes et ses cons\u00e9quences.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dsy-amb-step\">\r\n\r\n                    <div class=\"dsy-amb-step-number\">02<\/div>\r\n\r\n                    <div>\r\n                        <h3>Apprends<\/h3>\r\n                        <p>\r\n                            Fais le quiz Digi Shield Youth\r\n                            et d\u00e9veloppe les bons r\u00e9flexes.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dsy-amb-step\">\r\n\r\n                    <div class=\"dsy-amb-step-number\">03<\/div>\r\n\r\n                    <div>\r\n                        <h3>Engage-toi<\/h3>\r\n                        <p>\r\n                            Accepte l'engagement Ambassadeur\r\n                            et choisis de montrer l'exemple.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dsy-amb-step\">\r\n\r\n                    <div class=\"dsy-amb-step-number\">04<\/div>\r\n\r\n                    <div>\r\n                        <h3>Agis<\/h3>\r\n                        <p>\r\n                            Choisis une mission et transforme\r\n                            ton id\u00e9e en action concr\u00e8te.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dsy-amb-step\">\r\n\r\n                    <div class=\"dsy-amb-step-number\">05<\/div>\r\n\r\n                    <div>\r\n                        <h3>Progresse<\/h3>\r\n                        <p>\r\n                            D\u00e9bloque les diff\u00e9rents badges\r\n                            du parcours Digi Shield Youth.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dsy-amb-step\">\r\n\r\n                    <div class=\"dsy-amb-step-number\">06<\/div>\r\n\r\n                    <div>\r\n                        <h3>Inspire<\/h3>\r\n                        <p>\r\n                            Re\u00e7ois ton certificat et inspire\r\n                            d'autres jeunes \u00e0 rejoindre le mouvement.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     5. PLEDGE\r\n===================================================== -->\r\n\r\n<section class=\"dsy-amb-section dsy-amb-pledge\">\r\n\r\n    <div class=\"dsy-amb-container\">\r\n\r\n        <div class=\"dsy-amb-pledge-layout\">\r\n\r\n            <div class=\"dsy-amb-pledge-card\">\r\n\r\n                <h2>Mon engagement<\/h2>\r\n\r\n                <p>\r\n                    En devenant Ambassadeur Digi Shield Youth,\r\n                    je choisis d'utiliser ma voix pour prot\u00e9ger,\r\n                    encourager et construire.\r\n                <\/p>\r\n\r\n                <div class=\"dsy-amb-pledge-list\">\r\n\r\n                    <div class=\"dsy-amb-pledge-item\">\r\n                        <span class=\"dsy-amb-check\">\u2713<\/span>\r\n                        Je ne participe pas \u00e0 l'humiliation\r\n                        d'un autre jeune.\r\n                    <\/div>\r\n\r\n                    <div class=\"dsy-amb-pledge-item\">\r\n                        <span class=\"dsy-amb-check\">\u2713<\/span>\r\n                        Je soutiens les victimes sans les juger.\r\n                    <\/div>\r\n\r\n                    <div class=\"dsy-amb-pledge-item\">\r\n                        <span class=\"dsy-amb-check\">\u2713<\/span>\r\n                        Je signale les situations qui d\u00e9passent mes moyens.\r\n                    <\/div>\r\n\r\n                    <div class=\"dsy-amb-pledge-item\">\r\n                        <span class=\"dsy-amb-check\">\u2713<\/span>\r\n                        Je communique avec respect en ligne et hors ligne.\r\n                    <\/div>\r\n\r\n                    <div class=\"dsy-amb-pledge-item\">\r\n                        <span class=\"dsy-amb-check\">\u2713<\/span>\r\n                        Je transforme mes id\u00e9es en actions utiles.\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dsy-amb-pledge-copy\">\r\n\r\n                <div class=\"dsy-amb-eyebrow\">\r\n                    Le vrai leadership\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Prot\u00e9ger les autres commence\r\n                    par un choix personnel.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Un ambassadeur n'a pas besoin d'\u00eatre parfait.\r\n                    Il doit \u00eatre coh\u00e9rent, respectueux et pr\u00eat\r\n                    \u00e0 demander de l'aide lorsqu'une situation\r\n                    d\u00e9passe ses capacit\u00e9s.\r\n                <\/p>\r\n\r\n                <button\r\n                    class=\"dsy-amb-btn dsy-amb-btn-primary dsy-scroll-register\"\r\n                    type=\"button\"\r\n                >\r\n                    Je prends l'engagement \u2192\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     6. REGISTRATION\r\n===================================================== -->\r\n\r\n<section\r\n    class=\"dsy-amb-section dsy-amb-register\"\r\n    id=\"dsyAmbRegistration\"\r\n>\r\n\r\n    <div class=\"dsy-amb-container dsy-amb-register-layout\">\r\n\r\n        <div class=\"dsy-amb-register-copy\">\r\n\r\n            <div class=\"dsy-amb-eyebrow\">\r\n                Rejoins le mouvement\r\n            <\/div>\r\n\r\n            <h2>\r\n                Cr\u00e9e ton identit\u00e9 d'ambassadeur.\r\n            <\/h2>\r\n\r\n            <p>\r\n                Choisis ta mission et valide ton engagement\r\n                pour cr\u00e9er ton profil Ambassadeur Digi Shield Youth.\r\n            <\/p>\r\n\r\n            <div class=\"dsy-amb-reg-benefits\">\r\n\r\n                <div class=\"dsy-amb-reg-benefit\">\r\n                    <span class=\"dsy-amb-check\">\u2713<\/span>\r\n                    Identifiant Ambassadeur unique\r\n                <\/div>\r\n\r\n                <div class=\"dsy-amb-reg-benefit\">\r\n                    <span class=\"dsy-amb-check\">\u2713<\/span>\r\n                    Espace Ambassadeur personnalis\u00e9\r\n                <\/div>\r\n\r\n                <div class=\"dsy-amb-reg-benefit\">\r\n                    <span class=\"dsy-amb-check\">\u2713<\/span>\r\n                    Badges Digi Shield Youth\r\n                <\/div>\r\n\r\n                <div class=\"dsy-amb-reg-benefit\">\r\n                    <span class=\"dsy-amb-check\">\u2713<\/span>\r\n                    Certificat personnalis\u00e9\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <form\r\n            class=\"dsy-amb-form\"\r\n            id=\"dsyAmbForm\"\r\n        >\r\n\r\n            <h3 class=\"dsy-amb-form-title\">\r\n                Devenir ambassadeur\r\n            <\/h3>\r\n\r\n            <p class=\"dsy-amb-form-subtitle\">\r\n                Utilise uniquement les informations n\u00e9cessaires\r\n                \u00e0 ton parcours.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"dsy-amb-field\">\r\n\r\n                <label for=\"dsyAmbName\">\r\n                    Pr\u00e9nom ou pseudonyme *\r\n                <\/label>\r\n\r\n                <input\r\n                    id=\"dsyAmbName\"\r\n                    type=\"text\"\r\n                    maxlength=\"40\"\r\n                    placeholder=\"Ex. Alex\"\r\n                    required\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dsy-amb-field\">\r\n\r\n                <label for=\"dsyAmbAge\">\r\n                    Tranche d'\u00e2ge *\r\n                <\/label>\r\n\r\n                <select\r\n                    id=\"dsyAmbAge\"\r\n                    required\r\n                >\r\n\r\n                    <option value=\"\">\r\n                        Choisir\r\n                    <\/option>\r\n\r\n                    <option value=\"Moins de 13 ans\">\r\n                        Moins de 13 ans\r\n                    <\/option>\r\n\r\n                    <option value=\"13 \u2013 15 ans\">\r\n                        13 \u2013 15 ans\r\n                    <\/option>\r\n\r\n                    <option value=\"16 \u2013 17 ans\">\r\n                        16 \u2013 17 ans\r\n                    <\/option>\r\n\r\n                    <option value=\"18 ans et plus\">\r\n                        18 ans et plus\r\n                    <\/option>\r\n\r\n                <\/select>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dsy-amb-field\">\r\n\r\n                <label for=\"dsyAmbSchool\">\r\n                    \u00c9cole \/ organisation\r\n                <\/label>\r\n\r\n                <input\r\n                    id=\"dsyAmbSchool\"\r\n                    type=\"text\"\r\n                    maxlength=\"80\"\r\n                    placeholder=\"Optionnel\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dsy-amb-field\">\r\n\r\n                <label for=\"dsyAmbLocation\">\r\n                    Ville \/ pays\r\n                <\/label>\r\n\r\n                <input\r\n                    id=\"dsyAmbLocation\"\r\n                    type=\"text\"\r\n                    maxlength=\"80\"\r\n                    placeholder=\"Ex. Douala, Cameroun\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dsy-amb-field dsy-amb-field-full\">\r\n\r\n                <label for=\"dsyAmbMission\">\r\n                    Mission principale *\r\n                <\/label>\r\n\r\n                <select\r\n                    id=\"dsyAmbMission\"\r\n                    required\r\n                >\r\n\r\n                    <option value=\"\">\r\n                        Choisir une mission\r\n                    <\/option>\r\n\r\n                    <option value=\"Prot\u00e9ger\">\r\n                        \ud83d\udee1\ufe0f Prot\u00e9ger\r\n                    <\/option>\r\n\r\n                    <option value=\"Sensibiliser\">\r\n                        \ud83d\udce3 Sensibiliser\r\n                    <\/option>\r\n\r\n                    <option value=\"Soutenir\">\r\n                        \u2764\ufe0f Soutenir\r\n                    <\/option>\r\n\r\n                    <option value=\"\u00c9duquer\">\r\n                        \ud83d\udca1 \u00c9duquer\r\n                    <\/option>\r\n\r\n                    <option value=\"Mobiliser\">\r\n                        \ud83e\udd1d Mobiliser\r\n                    <\/option>\r\n\r\n                    <option value=\"Cr\u00e9er des campagnes\">\r\n                        \ud83d\ude80 Cr\u00e9er des campagnes\r\n                    <\/option>\r\n\r\n                <\/select>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dsy-amb-field dsy-amb-field-full\">\r\n\r\n                <label for=\"dsyAmbReason\">\r\n                    Pourquoi souhaites-tu devenir ambassadeur ?\r\n                <\/label>\r\n\r\n                <textarea\r\n                    id=\"dsyAmbReason\"\r\n                    maxlength=\"500\"\r\n                    placeholder=\"Explique en quelques mots ce qui te motive...\"\r\n                ><\/textarea>\r\n\r\n            <\/div>\r\n\r\n\r\n            <label class=\"dsy-amb-checkbox\">\r\n\r\n                <input\r\n                    id=\"dsyAmbPledge\"\r\n                    type=\"checkbox\"\r\n                    required\r\n                >\r\n\r\n                <span>\r\n                    Je m'engage \u00e0 agir avec respect,\r\n                    \u00e0 ne pas participer \u00e0 l'humiliation\r\n                    d'autres jeunes et \u00e0 demander l'aide\r\n                    d'un adulte lorsque cela est n\u00e9cessaire.\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n\r\n            <label class=\"dsy-amb-checkbox\">\r\n\r\n                <input\r\n                    id=\"dsyAmbPrivacy\"\r\n                    type=\"checkbox\"\r\n                    required\r\n                >\r\n\r\n                <span>\r\n                    Je confirme ne pas avoir fourni d'adresse personnelle,\r\n                    de num\u00e9ro de t\u00e9l\u00e9phone, de mot de passe\r\n                    ou d'autre information priv\u00e9e sensible.\r\n                <\/span>\r\n\r\n            <\/label>\r\n\r\n\r\n            <div class=\"dsy-amb-privacy\">\r\n                \ud83d\udd12 Pour les participants mineurs, l'accompagnement\r\n                d'un parent, enseignant ou adulte responsable est recommand\u00e9.\r\n                Une autorisation pourra \u00eatre demand\u00e9e avant toute activit\u00e9 publique.\r\n            <\/div>\r\n\r\n\r\n            <button\r\n                class=\"dsy-amb-btn dsy-amb-btn-primary dsy-amb-submit\"\r\n                type=\"submit\"\r\n            >\r\n                Valider mon engagement \u2192\r\n            <\/button>\r\n\r\n\r\n            <div\r\n                class=\"dsy-amb-success\"\r\n                id=\"dsyAmbSuccess\"\r\n            ><\/div>\r\n\r\n        <\/form>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     7. DASHBOARD\r\n     Appears after registration\r\n===================================================== -->\r\n\r\n<section\r\n    class=\"dsy-amb-section dsy-amb-dashboard\"\r\n    id=\"dsyAmbDashboard\"\r\n>\r\n\r\n    <div class=\"dsy-amb-container\">\r\n\r\n        <div class=\"dsy-amb-center\">\r\n\r\n            <div class=\"dsy-amb-eyebrow\">\r\n                Bienvenue dans le mouvement\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h2 class=\"dsy-amb-title\">\r\n            Ton espace Ambassadeur\r\n        <\/h2>\r\n\r\n        <p class=\"dsy-amb-intro\">\r\n            Ton profil est cr\u00e9\u00e9. Voici ton identit\u00e9\r\n            Digi Shield Youth.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"dsy-amb-member-card\">\r\n\r\n            <div class=\"dsy-amb-member-logo\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/digishieldyouth.org\/wp-content\/uploads\/2026\/07\/logo.png\"\r\n                    alt=\"Digi Shield Youth\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dsy-amb-member-info\">\r\n\r\n                <small>\r\n                    Ambassadeur Digi Shield Youth\r\n                <\/small>\r\n\r\n                <h3 id=\"dsyAmbDashboardName\">\r\n                    Ambassadeur\r\n                <\/h3>\r\n\r\n                <p id=\"dsyAmbDashboardMission\">\r\n                    Mission\r\n                <\/p>\r\n\r\n                <p id=\"dsyAmbDashboardLocation\">\r\n                    Digi Shield Youth\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"dsy-amb-member-id\"\r\n                id=\"dsyAmbDashboardId\"\r\n            >\r\n                DSY-AMB\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     8. BADGES\r\n     ALWAYS VISIBLE\r\n===================================================== -->\r\n\r\n<section class=\"dsy-amb-section dsy-amb-badges\">\r\n\r\n    <div class=\"dsy-amb-container\">\r\n\r\n        <div class=\"dsy-amb-center\">\r\n\r\n            <div class=\"dsy-amb-eyebrow\">\r\n                \ud83c\udfc5 Badges Digi Shield Youth\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h2 class=\"dsy-amb-title\">\r\n            Ton engagement devient une progression.\r\n        <\/h2>\r\n\r\n        <p class=\"dsy-amb-intro\">\r\n            D\u00e9couvre les trois niveaux du parcours Ambassadeur.\r\n            Apr\u00e8s ton inscription, les badges disponibles\r\n            peuvent \u00eatre personnalis\u00e9s avec ton identit\u00e9.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"dsy-amb-badge-grid\">\r\n\r\n\r\n            <article class=\"dsy-amb-badge\">\r\n\r\n                <div class=\"dsy-amb-badge-status\">\r\n                    \u2713\r\n                <\/div>\r\n\r\n                <div class=\"dsy-amb-badge-emblem\">\r\n                    \ud83d\udee1\ufe0f\r\n                <\/div>\r\n\r\n                <small>Niveau 1<\/small>\r\n\r\n                <h3>Protecteur<\/h3>\r\n\r\n                <p>\r\n                    Reconna\u00eet les dangers num\u00e9riques,\r\n                    conna\u00eet les bons r\u00e9flexes et sait\r\n                    comment soutenir une personne victime.\r\n                <\/p>\r\n\r\n                <button\r\n                    class=\"dsy-amb-btn dsy-amb-btn-primary dsy-download-badge\"\r\n                    type=\"button\"\r\n                    data-badge=\"Protecteur\"\r\n                    data-icon=\"\ud83d\udee1\ufe0f\"\r\n                >\r\n                    T\u00e9l\u00e9charger mon badge\r\n                <\/button>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"dsy-amb-badge\">\r\n\r\n                <div class=\"dsy-amb-badge-status\">\r\n                    \u2713\r\n                <\/div>\r\n\r\n                <div class=\"dsy-amb-badge-emblem\">\r\n                    \ud83d\udce3\r\n                <\/div>\r\n\r\n                <small>Niveau 2<\/small>\r\n\r\n                <h3>Ambassadeur<\/h3>\r\n\r\n                <p>\r\n                    S'engage \u00e0 sensibiliser,\r\n                    accompagner et promouvoir\r\n                    un num\u00e9rique plus respectueux.\r\n                <\/p>\r\n\r\n                <button\r\n                    class=\"dsy-amb-btn dsy-amb-btn-primary dsy-download-badge\"\r\n                    type=\"button\"\r\n                    data-badge=\"Ambassadeur\"\r\n                    data-icon=\"\ud83d\udce3\"\r\n                >\r\n                    T\u00e9l\u00e9charger mon badge\r\n                <\/button>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"dsy-amb-badge locked\">\r\n\r\n                <div class=\"dsy-amb-badge-status\">\r\n                    \ud83d\udd12\r\n                <\/div>\r\n\r\n                <div class=\"dsy-amb-badge-emblem\">\r\n                    \ud83c\udfc6\r\n                <\/div>\r\n\r\n                <small>Niveau 3<\/small>\r\n\r\n                <h3>Champion Digi Shield<\/h3>\r\n\r\n                <p>\r\n                    R\u00e9compense une action significative :\r\n                    campagne, atelier, mobilisation d'une \u00e9cole\r\n                    ou initiative communautaire.\r\n                <\/p>\r\n\r\n                <button\r\n                    class=\"dsy-amb-btn dsy-amb-btn-primary\"\r\n                    type=\"button\"\r\n                    disabled\r\n                >\r\n                    \u00c0 d\u00e9bloquer\r\n                <\/button>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dsy-amb-reward-note\">\r\n\r\n            <h3>\r\n                De l'engagement \u00e0 l'impact\r\n            <\/h3>\r\n\r\n            <p>\r\n                Les badges ne sont pas seulement des r\u00e9compenses.\r\n                Ils repr\u00e9sentent les \u00e9tapes d'un parcours :\r\n                apprendre, s'engager, agir et devenir\r\n                un exemple positif pour sa communaut\u00e9.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     9. CERTIFICATE\r\n     ALWAYS VISIBLE\r\n===================================================== -->\r\n\r\n<section class=\"dsy-amb-section dsy-amb-certificate-section\">\r\n\r\n    <div class=\"dsy-amb-container\">\r\n\r\n        <div class=\"dsy-amb-center\">\r\n\r\n            <div class=\"dsy-amb-eyebrow\">\r\n                \ud83d\udcdc Certificat officiel\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <h2\r\n            class=\"dsy-amb-title\"\r\n            style=\"color:#fff;\"\r\n        >\r\n            Ton engagement m\u00e9rite d'\u00eatre reconnu.\r\n        <\/h2>\r\n\r\n        <p\r\n            class=\"dsy-amb-intro\"\r\n            style=\"color:#D5E2D8;\"\r\n        >\r\n            Voici un aper\u00e7u du certificat Ambassadeur.\r\n            Apr\u00e8s ton inscription, il est automatiquement\r\n            personnalis\u00e9 avec ton nom, ton ID et ta date.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"dsy-amb-certificate-wrap\">\r\n\r\n            <div\r\n                class=\"dsy-amb-certificate\"\r\n                id=\"dsyAmbCertificate\"\r\n            >\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"dsy-amb-cert-logo\"\r\n                    src=\"https:\/\/digishieldyouth.org\/wp-content\/uploads\/2026\/07\/logo.png\"\r\n                    alt=\"Digi Shield Youth\"\r\n                >\r\n\r\n                <div class=\"dsy-amb-cert-eyebrow\">\r\n                    Digi Shield Youth\r\n                <\/div>\r\n\r\n                <h2 class=\"dsy-amb-cert-title\">\r\n                    Certificat d'Ambassadeur\r\n                <\/h2>\r\n\r\n                <div class=\"dsy-amb-cert-subtitle\">\r\n                    Ce certificat est d\u00e9cern\u00e9 \u00e0\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"dsy-amb-cert-name\"\r\n                    id=\"dsyAmbCertificateName\"\r\n                >\r\n                    Ton nom ici\r\n                <\/div>\r\n\r\n                <p class=\"dsy-amb-cert-text\">\r\n                    en reconnaissance de son engagement \u00e0 promouvoir\r\n                    un environnement num\u00e9rique plus s\u00fbr,\r\n                    plus respectueux et plus responsable,\r\n                    et \u00e0 soutenir la mission de Digi Shield Youth\r\n                    aupr\u00e8s de sa g\u00e9n\u00e9ration.\r\n                <\/p>\r\n\r\n                <div class=\"dsy-amb-cert-badge\">\r\n                    \ud83d\udee1\ufe0f AMBASSADEUR DIGI SHIELD YOUTH\r\n                <\/div>\r\n\r\n                <div class=\"dsy-amb-cert-footer\">\r\n\r\n                    <div class=\"dsy-amb-cert-field\">\r\n\r\n                        <strong id=\"dsyAmbCertificateDate\">\r\n                            Date d'engagement\r\n                        <\/strong>\r\n\r\n                        Date\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dsy-amb-cert-field\">\r\n\r\n                        <strong id=\"dsyAmbCertificateId\">\r\n                            DSY-AMB-XXXX\r\n                        <\/strong>\r\n\r\n                        Identifiant Ambassadeur\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"dsy-amb-cert-field\">\r\n\r\n                        <strong>\r\n                            Digi Shield Youth\r\n                        <\/strong>\r\n\r\n                        Programme Ambassadeur\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dsy-amb-cert-actions\">\r\n\r\n            <button\r\n                class=\"dsy-amb-btn dsy-amb-btn-primary\"\r\n                id=\"dsyAmbDownloadCertificate\"\r\n                type=\"button\"\r\n            >\r\n                \ud83d\udce5 T\u00e9l\u00e9charger le certificat\r\n            <\/button>\r\n\r\n            <button\r\n                class=\"dsy-amb-btn dsy-amb-btn-green\"\r\n                id=\"dsyAmbPrintCertificate\"\r\n                type=\"button\"\r\n            >\r\n                \ud83d\udda8\ufe0f Imprimer \/ Enregistrer en PDF\r\n            <\/button>\r\n\r\n            <button\r\n                class=\"dsy-amb-btn dsy-amb-btn-outline\"\r\n                id=\"dsyAmbShare\"\r\n                type=\"button\"\r\n            >\r\n                \ud83d\udce4 Partager mon engagement\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     10. FINAL CTA\r\n===================================================== -->\r\n\r\n<section class=\"dsy-amb-final\">\r\n\r\n    <div class=\"dsy-amb-container\">\r\n\r\n        <div\r\n            class=\"dsy-amb-eyebrow\"\r\n            style=\"\r\n                color:#FFE08A;\r\n                background:rgba(255,224,138,.10);\r\n                border-color:rgba(255,224,138,.28);\r\n            \"\r\n        >\r\n            \ud83c\udf0d Un mouvement. Une g\u00e9n\u00e9ration. Une mission.\r\n        <\/div>\r\n\r\n        <h2>\r\n            Le vrai leadership commence quand tu choisis de\r\n            <span>prot\u00e9ger les autres.<\/span>\r\n        <\/h2>\r\n\r\n        <p>\r\n            Une parole juste, un signalement, une campagne\r\n            ou un geste de soutien peut changer l'histoire\r\n            d'un jeune. Ta voix compte. Ton action compte.\r\n        <\/p>\r\n\r\n        <div class=\"dsy-amb-buttons\">\r\n\r\n            <button\r\n                class=\"dsy-amb-btn dsy-amb-btn-primary dsy-scroll-register\"\r\n                type=\"button\"\r\n            >\r\n                \ud83d\udee1\ufe0f Je deviens ambassadeur \u2192\r\n            <\/button>\r\n\r\n            <a\r\n                class=\"dsy-amb-btn dsy-amb-btn-outline\"\r\n                href=\"https:\/\/digishieldyouth.org\/quiz\/\"\r\n            >\r\n                \ud83c\udfaf Faire le quiz\r\n            <\/a>\r\n\r\n            <a\r\n                class=\"dsy-amb-btn dsy-amb-btn-outline\"\r\n                href=\"https:\/\/digishieldyouth.org\/programme-ecole\/\"\r\n            >\r\n                \ud83c\udfeb Programme \u00e9cole\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n\"use strict\";\r\n\r\nconst STORAGE_KEY = \"dsyAmbassador\";\r\n\r\nconst registration =\r\n    document.getElementById(\"dsyAmbRegistration\");\r\n\r\nconst form =\r\n    document.getElementById(\"dsyAmbForm\");\r\n\r\nconst success =\r\n    document.getElementById(\"dsyAmbSuccess\");\r\n\r\nconst dashboard =\r\n    document.getElementById(\"dsyAmbDashboard\");\r\n\r\nlet ambassador = null;\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL TO REGISTRATION\r\n========================================================= *\/\r\n\r\ndocument\r\n    .querySelectorAll(\".dsy-scroll-register\")\r\n    .forEach(function(button){\r\n\r\n        button.addEventListener(\"click\",function(){\r\n\r\n            registration.scrollIntoView({\r\n                behavior:\"smooth\",\r\n                block:\"start\"\r\n            });\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n\/* =========================================================\r\n   UTILITIES\r\n========================================================= *\/\r\n\r\nfunction escapeHtml(value){\r\n\r\n    return String(value)\r\n        .replaceAll(\"&\",\"&amp;\")\r\n        .replaceAll(\"<\",\"&lt;\")\r\n        .replaceAll(\">\",\"&gt;\")\r\n        .replaceAll('\"',\"&quot;\")\r\n        .replaceAll(\"'\",\"&#039;\");\r\n\r\n}\r\n\r\n\r\nfunction generateAmbassadorId(){\r\n\r\n    const year =\r\n        new Date().getFullYear();\r\n\r\n    const random =\r\n        Math.floor(\r\n            10000 +\r\n            Math.random() * 90000\r\n        );\r\n\r\n    return (\r\n        \"DSY-AMB-\" +\r\n        year +\r\n        \"-\" +\r\n        random\r\n    );\r\n\r\n}\r\n\r\n\r\nfunction formatDate(value){\r\n\r\n    return new Intl.DateTimeFormat(\r\n        \"fr-FR\",\r\n        {\r\n            day:\"numeric\",\r\n            month:\"long\",\r\n            year:\"numeric\"\r\n        }\r\n    ).format(\r\n        new Date(value)\r\n    );\r\n\r\n}\r\n\r\n\r\nfunction cleanFileName(value){\r\n\r\n    return String(value)\r\n        .normalize(\"NFD\")\r\n        .replace(\/[\\u0300-\\u036f]\/g,\"\")\r\n        .replace(\/[^a-zA-Z0-9_-]\/g,\"-\")\r\n        .replace(\/-+\/g,\"-\")\r\n        .replace(\/^-|-$\/g,\"\")\r\n        .toLowerCase();\r\n\r\n}\r\n\r\n\r\nfunction requireAmbassador(){\r\n\r\n    if(!ambassador){\r\n\r\n        alert(\r\n            \"Inscris-toi d'abord comme Ambassadeur Digi Shield Youth pour personnaliser cette fonctionnalit\u00e9.\"\r\n        );\r\n\r\n        registration.scrollIntoView({\r\n            behavior:\"smooth\",\r\n            block:\"start\"\r\n        });\r\n\r\n        return false;\r\n    }\r\n\r\n    return true;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REGISTRATION\r\n========================================================= *\/\r\n\r\nform.addEventListener(\"submit\",function(event){\r\n\r\n    event.preventDefault();\r\n\r\n    const name =\r\n        document.getElementById(\"dsyAmbName\").value.trim();\r\n\r\n    const age =\r\n        document.getElementById(\"dsyAmbAge\").value;\r\n\r\n    const school =\r\n        document.getElementById(\"dsyAmbSchool\").value.trim();\r\n\r\n    const location =\r\n        document.getElementById(\"dsyAmbLocation\").value.trim();\r\n\r\n    const mission =\r\n        document.getElementById(\"dsyAmbMission\").value;\r\n\r\n    const reason =\r\n        document.getElementById(\"dsyAmbReason\").value.trim();\r\n\r\n    const pledge =\r\n        document.getElementById(\"dsyAmbPledge\").checked;\r\n\r\n    const privacy =\r\n        document.getElementById(\"dsyAmbPrivacy\").checked;\r\n\r\n\r\n    if(\r\n        !name ||\r\n        !age ||\r\n        !mission ||\r\n        !pledge ||\r\n        !privacy\r\n    ){\r\n\r\n        alert(\r\n            \"Merci de compl\u00e9ter tous les champs obligatoires et de valider ton engagement.\"\r\n        );\r\n\r\n        return;\r\n    }\r\n\r\n\r\n    ambassador = {\r\n\r\n        name:name,\r\n        age:age,\r\n        school:school,\r\n        location:location,\r\n        mission:mission,\r\n        reason:reason,\r\n        id:generateAmbassadorId(),\r\n        joinedAt:new Date().toISOString()\r\n\r\n    };\r\n\r\n\r\n    try{\r\n\r\n        localStorage.setItem(\r\n            STORAGE_KEY,\r\n            JSON.stringify(ambassador)\r\n        );\r\n\r\n    }catch(error){\r\n\r\n        console.warn(\r\n            \"Stockage local indisponible.\",\r\n            error\r\n        );\r\n\r\n    }\r\n\r\n\r\n    success.innerHTML =\r\n        \"<strong>\ud83c\udf89 F\u00e9licitations, \" +\r\n        escapeHtml(name) +\r\n        \" !<\/strong><br>\" +\r\n        \"Ton profil Ambassadeur a \u00e9t\u00e9 cr\u00e9\u00e9 sur cet appareil.<br>\" +\r\n        \"Ton identifiant est : <strong>\" +\r\n        escapeHtml(ambassador.id) +\r\n        \"<\/strong>\";\r\n\r\n    success.style.display =\r\n        \"block\";\r\n\r\n\r\n    renderAmbassador(\r\n        ambassador\r\n    );\r\n\r\n\r\n    dashboard.style.display =\r\n        \"block\";\r\n\r\n\r\n    setTimeout(function(){\r\n\r\n        dashboard.scrollIntoView({\r\n            behavior:\"smooth\",\r\n            block:\"start\"\r\n        });\r\n\r\n    },400);\r\n\r\n});\r\n\r\n\r\n\/* =========================================================\r\n   RENDER\r\n========================================================= *\/\r\n\r\nfunction renderAmbassador(data){\r\n\r\n    if(!data){\r\n        return;\r\n    }\r\n\r\n\r\n    document\r\n        .getElementById(\"dsyAmbDashboardName\")\r\n        .textContent =\r\n        data.name;\r\n\r\n\r\n    document\r\n        .getElementById(\"dsyAmbDashboardMission\")\r\n        .textContent =\r\n        \"Mission : \" +\r\n        data.mission;\r\n\r\n\r\n    const locationText = [\r\n        data.school,\r\n        data.location\r\n    ]\r\n    .filter(Boolean)\r\n    .join(\" \u2022 \");\r\n\r\n\r\n    document\r\n        .getElementById(\"dsyAmbDashboardLocation\")\r\n        .textContent =\r\n        locationText ||\r\n        \"Digi Shield Youth\";\r\n\r\n\r\n    document\r\n        .getElementById(\"dsyAmbDashboardId\")\r\n        .textContent =\r\n        data.id;\r\n\r\n\r\n    document\r\n        .getElementById(\"dsyAmbCertificateName\")\r\n        .textContent =\r\n        data.name;\r\n\r\n\r\n    document\r\n        .getElementById(\"dsyAmbCertificateId\")\r\n        .textContent =\r\n        data.id;\r\n\r\n\r\n    document\r\n        .getElementById(\"dsyAmbCertificateDate\")\r\n        .textContent =\r\n        formatDate(\r\n            data.joinedAt\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOAD SAVED PROFILE\r\n========================================================= *\/\r\n\r\nfunction loadSavedAmbassador(){\r\n\r\n    try{\r\n\r\n        const stored =\r\n            localStorage.getItem(\r\n                STORAGE_KEY\r\n            );\r\n\r\n\r\n        if(!stored){\r\n            return;\r\n        }\r\n\r\n\r\n        const parsed =\r\n            JSON.parse(stored);\r\n\r\n\r\n        if(\r\n            !parsed ||\r\n            !parsed.name ||\r\n            !parsed.id\r\n        ){\r\n            return;\r\n        }\r\n\r\n\r\n        ambassador =\r\n            parsed;\r\n\r\n\r\n        renderAmbassador(\r\n            ambassador\r\n        );\r\n\r\n\r\n        dashboard.style.display =\r\n            \"block\";\r\n\r\n\r\n    }catch(error){\r\n\r\n        console.warn(\r\n            \"Impossible de charger le profil.\",\r\n            error\r\n        );\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\nloadSavedAmbassador();\r\n\r\n\r\n\/* =========================================================\r\n   BADGE DOWNLOAD\r\n========================================================= *\/\r\n\r\ndocument\r\n    .querySelectorAll(\".dsy-download-badge\")\r\n    .forEach(function(button){\r\n\r\n        button.addEventListener(\"click\",function(){\r\n\r\n            if(!requireAmbassador()){\r\n                return;\r\n            }\r\n\r\n            createBadgeImage(\r\n                button.dataset.badge,\r\n                button.dataset.icon\r\n            );\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\nfunction createBadgeImage(\r\n    badgeName,\r\n    badgeIcon\r\n){\r\n\r\n    const canvas =\r\n        document.createElement(\"canvas\");\r\n\r\n    canvas.width =\r\n        1200;\r\n\r\n    canvas.height =\r\n        1200;\r\n\r\n    const ctx =\r\n        canvas.getContext(\"2d\");\r\n\r\n\r\n    const gradient =\r\n        ctx.createLinearGradient(\r\n            0,\r\n            0,\r\n            1200,\r\n            1200\r\n        );\r\n\r\n    gradient.addColorStop(\r\n        0,\r\n        \"#020805\"\r\n    );\r\n\r\n    gradient.addColorStop(\r\n        1,\r\n        \"#0A3D1F\"\r\n    );\r\n\r\n    ctx.fillStyle =\r\n        gradient;\r\n\r\n    ctx.fillRect(\r\n        0,\r\n        0,\r\n        1200,\r\n        1200\r\n    );\r\n\r\n\r\n    ctx.strokeStyle =\r\n        \"#D4AF37\";\r\n\r\n    ctx.lineWidth =\r\n        20;\r\n\r\n    ctx.strokeRect(\r\n        35,\r\n        35,\r\n        1130,\r\n        1130\r\n    );\r\n\r\n\r\n    ctx.textAlign =\r\n        \"center\";\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#FFE08A\";\r\n\r\n    ctx.font =\r\n        \"bold 42px Arial\";\r\n\r\n    ctx.fillText(\r\n        \"DIGI SHIELD YOUTH\",\r\n        600,\r\n        135\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#FFFFFF\";\r\n\r\n    ctx.font =\r\n        \"180px Arial\";\r\n\r\n    ctx.fillText(\r\n        badgeIcon,\r\n        600,\r\n        415\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#FFFFFF\";\r\n\r\n    ctx.font =\r\n        \"bold 85px Georgia\";\r\n\r\n    ctx.fillText(\r\n        badgeName,\r\n        600,\r\n        575\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#D6E5DA\";\r\n\r\n    ctx.font =\r\n        \"36px Arial\";\r\n\r\n    ctx.fillText(\r\n        \"Badge Ambassadeur\",\r\n        600,\r\n        655\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#FFE08A\";\r\n\r\n    ctx.font =\r\n        \"bold 55px Georgia\";\r\n\r\n    ctx.fillText(\r\n        ambassador.name,\r\n        600,\r\n        790\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#FFFFFF\";\r\n\r\n    ctx.font =\r\n        \"bold 30px Arial\";\r\n\r\n    ctx.fillText(\r\n        ambassador.id,\r\n        600,\r\n        865\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#D6E5DA\";\r\n\r\n    ctx.font =\r\n        \"28px Arial\";\r\n\r\n    ctx.fillText(\r\n        \"Ambassadeur Digi Shield Youth\",\r\n        600,\r\n        975\r\n    );\r\n\r\n\r\n    const link =\r\n        document.createElement(\"a\");\r\n\r\n\r\n    link.download =\r\n        \"badge-\" +\r\n        cleanFileName(badgeName) +\r\n        \"-\" +\r\n        cleanFileName(ambassador.name) +\r\n        \".png\";\r\n\r\n\r\n    link.href =\r\n        canvas.toDataURL(\"image\/png\");\r\n\r\n\r\n    link.click();\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CERTIFICATE DOWNLOAD\r\n========================================================= *\/\r\n\r\ndocument\r\n    .getElementById(\"dsyAmbDownloadCertificate\")\r\n    .addEventListener(\"click\",function(){\r\n\r\n        if(!requireAmbassador()){\r\n            return;\r\n        }\r\n\r\n        createCertificateImage();\r\n\r\n    });\r\n\r\n\r\nfunction createCertificateImage(){\r\n\r\n    const canvas =\r\n        document.createElement(\"canvas\");\r\n\r\n    canvas.width =\r\n        1600;\r\n\r\n    canvas.height =\r\n        1100;\r\n\r\n    const ctx =\r\n        canvas.getContext(\"2d\");\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#FFFDF7\";\r\n\r\n    ctx.fillRect(\r\n        0,\r\n        0,\r\n        1600,\r\n        1100\r\n    );\r\n\r\n\r\n    ctx.strokeStyle =\r\n        \"#0A3D1F\";\r\n\r\n    ctx.lineWidth =\r\n        35;\r\n\r\n    ctx.strokeRect(\r\n        25,\r\n        25,\r\n        1550,\r\n        1050\r\n    );\r\n\r\n\r\n    ctx.strokeStyle =\r\n        \"#D4AF37\";\r\n\r\n    ctx.lineWidth =\r\n        8;\r\n\r\n    ctx.strokeRect(\r\n        70,\r\n        70,\r\n        1460,\r\n        960\r\n    );\r\n\r\n\r\n    ctx.textAlign =\r\n        \"center\";\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#0A3D1F\";\r\n\r\n    ctx.font =\r\n        \"bold 35px Arial\";\r\n\r\n    ctx.fillText(\r\n        \"DIGI SHIELD YOUTH\",\r\n        800,\r\n        175\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#06150C\";\r\n\r\n    ctx.font =\r\n        \"bold 80px Georgia\";\r\n\r\n    ctx.fillText(\r\n        \"Certificat d'Ambassadeur\",\r\n        800,\r\n        285\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#64748B\";\r\n\r\n    ctx.font =\r\n        \"32px Arial\";\r\n\r\n    ctx.fillText(\r\n        \"Ce certificat est d\u00e9cern\u00e9 \u00e0\",\r\n        800,\r\n        365\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#0A3D1F\";\r\n\r\n    ctx.font =\r\n        \"bold 78px Georgia\";\r\n\r\n    ctx.fillText(\r\n        ambassador.name,\r\n        800,\r\n        475\r\n    );\r\n\r\n\r\n    ctx.strokeStyle =\r\n        \"#D4AF37\";\r\n\r\n    ctx.lineWidth =\r\n        3;\r\n\r\n    ctx.beginPath();\r\n\r\n    ctx.moveTo(\r\n        390,\r\n        505\r\n    );\r\n\r\n    ctx.lineTo(\r\n        1210,\r\n        505\r\n    );\r\n\r\n    ctx.stroke();\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#334155\";\r\n\r\n    ctx.font =\r\n        \"29px Arial\";\r\n\r\n    ctx.fillText(\r\n        \"En reconnaissance de son engagement \u00e0 promouvoir\",\r\n        800,\r\n        595\r\n    );\r\n\r\n    ctx.fillText(\r\n        \"un environnement num\u00e9rique plus s\u00fbr, respectueux et responsable,\",\r\n        800,\r\n        642\r\n    );\r\n\r\n    ctx.fillText(\r\n        \"et \u00e0 soutenir la mission de Digi Shield Youth.\",\r\n        800,\r\n        689\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#0A3D1F\";\r\n\r\n    roundRect(\r\n        ctx,\r\n        450,\r\n        755,\r\n        700,\r\n        92,\r\n        46\r\n    );\r\n\r\n    ctx.fill();\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#FFFFFF\";\r\n\r\n    ctx.font =\r\n        \"bold 30px Arial\";\r\n\r\n    ctx.fillText(\r\n        \"AMBASSADEUR DIGI SHIELD YOUTH\",\r\n        800,\r\n        813\r\n    );\r\n\r\n\r\n    ctx.fillStyle =\r\n        \"#334155\";\r\n\r\n    ctx.font =\r\n        \"25px Arial\";\r\n\r\n    ctx.fillText(\r\n        \"Date : \" +\r\n        formatDate(ambassador.joinedAt),\r\n        400,\r\n        940\r\n    );\r\n\r\n    ctx.fillText(\r\n        ambassador.id,\r\n        800,\r\n        940\r\n    );\r\n\r\n    ctx.fillText(\r\n        \"Digi Shield Youth\",\r\n        1200,\r\n        940\r\n    );\r\n\r\n\r\n    const link =\r\n        document.createElement(\"a\");\r\n\r\n\r\n    link.download =\r\n        \"certificat-ambassadeur-\" +\r\n        cleanFileName(ambassador.name) +\r\n        \".png\";\r\n\r\n\r\n    link.href =\r\n        canvas.toDataURL(\"image\/png\");\r\n\r\n\r\n    link.click();\r\n\r\n}\r\n\r\n\r\nfunction roundRect(\r\n    ctx,\r\n    x,\r\n    y,\r\n    width,\r\n    height,\r\n    radius\r\n){\r\n\r\n    ctx.beginPath();\r\n\r\n    ctx.moveTo(\r\n        x + radius,\r\n        y\r\n    );\r\n\r\n    ctx.arcTo(\r\n        x + width,\r\n        y,\r\n        x + width,\r\n        y + height,\r\n        radius\r\n    );\r\n\r\n    ctx.arcTo(\r\n        x + width,\r\n        y + height,\r\n        x,\r\n        y + height,\r\n        radius\r\n    );\r\n\r\n    ctx.arcTo(\r\n        x,\r\n        y + height,\r\n        x,\r\n        y,\r\n        radius\r\n    );\r\n\r\n    ctx.arcTo(\r\n        x,\r\n        y,\r\n        x + width,\r\n        y,\r\n        radius\r\n    );\r\n\r\n    ctx.closePath();\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINT\r\n========================================================= *\/\r\n\r\ndocument\r\n    .getElementById(\"dsyAmbPrintCertificate\")\r\n    .addEventListener(\"click\",function(){\r\n\r\n        if(!requireAmbassador()){\r\n            return;\r\n        }\r\n\r\n        window.print();\r\n\r\n    });\r\n\r\n\r\n\/* =========================================================\r\n   SHARE\r\n========================================================= *\/\r\n\r\ndocument\r\n    .getElementById(\"dsyAmbShare\")\r\n    .addEventListener(\"click\",async function(){\r\n\r\n        if(!requireAmbassador()){\r\n            return;\r\n        }\r\n\r\n\r\n        const text =\r\n            \"Je suis Ambassadeur Digi Shield Youth \ud83d\udee1\ufe0f \" +\r\n            \"et je m'engage \u00e0 promouvoir un espace num\u00e9rique \" +\r\n            \"plus s\u00fbr et plus respectueux. \" +\r\n            \"Mission : \" +\r\n            ambassador.mission +\r\n            \".\";\r\n\r\n\r\n        if(navigator.share){\r\n\r\n            try{\r\n\r\n                await navigator.share({\r\n\r\n                    title:\r\n                        \"Ambassadeur Digi Shield Youth\",\r\n\r\n                    text:text,\r\n\r\n                    url:\r\n                        window.location.href\r\n\r\n                });\r\n\r\n            }catch(error){}\r\n\r\n        }else{\r\n\r\n            try{\r\n\r\n                await navigator.clipboard.writeText(\r\n                    text +\r\n                    \" \" +\r\n                    window.location.href\r\n                );\r\n\r\n                alert(\r\n                    \"Le message a \u00e9t\u00e9 copi\u00e9. Tu peux maintenant le partager.\"\r\n                );\r\n\r\n            }catch(error){\r\n\r\n                alert(text);\r\n\r\n            }\r\n\r\n        }\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\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>\ud83c\udfc6 Ambassadeurs Digi Shield Youth Ta voix peut devenir un bouclier pour ta g\u00e9n\u00e9ration. Rejoins une g\u00e9n\u00e9ration de jeunes qui choisissent de prot\u00e9ger, sensibiliser, soutenir et agir contre la violence num\u00e9rique. Devenir ambassadeur \u2192 Faire le quiz \ud83d\udee1\ufe0f Prot\u00e8ge \ud83d\udce3 Sensibilise \ud83e\udd1d Mobilise \ud83c\udfc5 Progresse 1 voix Peut d\u00e9clencher le changement 6 \u00e9tapes Pour construire [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-230","page","type-page","status-publish","hentry"],"campaignId":"","_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/digishieldyouth.org\/en\/wp-json\/wp\/v2\/pages\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digishieldyouth.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digishieldyouth.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digishieldyouth.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digishieldyouth.org\/en\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":19,"href":"https:\/\/digishieldyouth.org\/en\/wp-json\/wp\/v2\/pages\/230\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/digishieldyouth.org\/en\/wp-json\/wp\/v2\/pages\/230\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/digishieldyouth.org\/en\/wp-json\/wp\/v2\/media?parent=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}