{"id":1685,"date":"2026-10-18T11:01:34","date_gmt":"2026-10-18T09:01:34","guid":{"rendered":"https:\/\/ls.gives\/?page_id=1685"},"modified":"2026-10-18T15:40:11","modified_gmt":"2026-10-18T13:40:11","slug":"digital-safety-hub","status":"publish","type":"page","link":"https:\/\/ls.gives\/digital-safety-hub\/","title":{"rendered":"Digital Safety Hub"},"content":{"rendered":"<div>\n<p>    <!-- Paste this entire file into one YOOtheme Pro HTML element.\n     CSS is inline. Copy yootheme-scripts.html into YOOtheme Settings > Scripts (Body).\n     Images and video use \/wp-content\/uploads\/2026\/10\/.\n     Fonts are inherited from the surrounding page; no font files are embedded.\n     Includes the main page content only; the site theme supplies the header and footer. --><\/p>\n<style>\n#lsg-inline-page{display:block;width:100%;text-align:start;letter-spacing:normal;text-transform:none;}\n\/* Values measured on ls.gives (YOOtheme theme.1.css, \/cybersecurity\/ computed styles), 2026-10-14:\n   DM Sans 500\/700, normal letter-spacing, H1 68px\/1.15, section H2 68px, teal #00b58d section labels,\n   mint #b9e7dc headline highlight (12px radius), #eaecf0 card borders, 12px cards, 10px outline buttons\n   that fill black on hover, #333 card copy, #6b6b6b meta, 1200px container + 40px gutters.\n   Deep blue #234b7e \/ #426590 come from the site's cybersecurity artwork; gold #fcc418 is the Libyan Spider brand\n   gold, used only for the Sparo play buttons. All rules are scoped to .lsh; the theme owns the header and footer. *\/<\/p>\n<p>\/* Arabic page: Almarai, the font of ls.gives\/ar (YOOtheme theme.2.rtl.css), same files and subsets. *\/<\/p>\n<p>.lsh{--lsh-ink:#000;--lsh-copy:#333;--lsh-meta:#6b6b6b;--lsh-paper:#fff;--lsh-soft:#f8f8f8;--lsh-line:#eaecf0;--lsh-teal:#00b58d;--lsh-mint:#b9e7dc;--lsh-mint-line:#b0e1d5;--lsh-blue:#234b7e;--lsh-blue-2:#426590;--lsh-green:#5bc9af;--lsh-night:#172f52;--lsh-gold:#fcc418;--lsh-ease:cubic-bezier(.22,.61,.36,1);--lsh-shadow:0 30px 70px -30px rgba(23,47,82,.35);font-family:inherit;font-weight:500;font-size:17px;line-height:1.5;color:var(--lsh-ink);background:var(--lsh-paper);isolation:isolate;overflow-x:clip}\n.lsh *{box-sizing:border-box}\n.lsh img,.lsh video{display:block;max-width:100%;height:auto}\n.lsh a{color:inherit;text-decoration:none}\n.lsh p{margin:0 0 18px;text-wrap:pretty}\n:where(.lsh) ul{margin:0;padding:0;list-style:none}\n.lsh h1,.lsh h2,.lsh h3{font-family:inherit;color:inherit;letter-spacing:normal;text-wrap:balance;margin:0}\n.lsh h1{font-size:clamp(40px,5.4vw,68px);line-height:1.15;font-weight:500}\n.lsh h2{font-size:clamp(34px,4.7vw,68px);line-height:1.18;font-weight:500}\n.lsh h3{font-size:22px;line-height:1.3;font-weight:700}\n.lsh svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}\n.lsh-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\n.lsh :focus-visible,.lsh-preview :focus-visible{outline:3px solid #234b7e;outline-offset:4px;border-radius:4px}\n.lsh [tabindex='-1']:focus{outline:none}\n.lsh-container{max-width:1280px;padding-inline:40px;margin-inline:auto}\n.lsh-section{padding-block:72px;scroll-margin-block-start:24px}<\/p>\n<p>\/* Section label: the site's teal as a marker, so the label text keeps AA contrast (teal text on white is 2.6:1). *\/\n.lsh-kicker{display:inline-flex;align-items:flex-start;gap:10px;font-size:18px;line-height:1.5;color:var(--lsh-blue);margin-block-end:18px!important}\n.lsh-kicker::before{content:none}<\/p>\n<p>\/* Buttons: the theme's uk-button-default; the filled variant is the theme's hover\/active state. *\/\n.lsh-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:14px;padding:0 26px;border:1px solid #000;border-radius:10px;font-family:inherit;font-weight:500;font-size:17px;line-height:1.3;color:#000;background:transparent;transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--lsh-ease);cursor:pointer;text-align:center}\n.lsh-button svg{width:18px;height:18px;transition:transform .25s var(--lsh-ease)}\n.lsh-button:hover{background:#000;color:#fff}\n.lsh-button:hover svg:last-child{transform:translateX(3px)}\n.lsh-button-dark{background:#000;color:#fff!important}\n.lsh-button-dark:hover{background:var(--lsh-blue);border-color:var(--lsh-blue)}\n.lsh-button-large{min-height:56px;padding-inline:30px;font-size:18px}\n.lsh-button[hidden]{display:none}\n.lsh-button-yellow{background:var(--lsh-gold);border-color:var(--lsh-gold);color:#000!important;font-weight:700}\n.lsh-button-yellow:hover{background:#ffd84d;border-color:#ffd84d;color:#000}\n.lsh-button-yellow svg:first-child{fill:currentColor}\n.lsh-button:disabled,.lsh-button:disabled:hover{background:var(--lsh-soft);color:#767676;border-color:var(--lsh-line);cursor:not-allowed}\n.lsh-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:17px;text-decoration:underline!important;text-underline-offset:6px;text-decoration-color:var(--lsh-mint-line)!important}\n.lsh-text-link:hover{color:var(--lsh-blue)}\n.lsh-text-link svg{width:18px;height:18px}\n.lsh-status{font-size:14px!important;line-height:1.5!important;margin:12px 0 0!important;color:var(--lsh-meta)}<\/p>\n<p>\/* Scroll reveal (only when hub.js runs and motion is welcome) *\/\n.lsh-motion [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--lsh-ease),transform .8s var(--lsh-ease)}\n.lsh-motion [data-reveal].is-in{opacity:1;transform:none}\n.lsh-motion .lsh-tips-grid>[data-reveal]:nth-child(3n+2){transition-delay:.08s}\n\/* The hero is above the fold: it fades in on load instead of waiting for the scroll observer. *\/\n.lsh-motion .lsh-hero [data-reveal]{opacity:1;transform:none;transition:none;animation:lsh-rise .9s var(--lsh-ease) both}\n.lsh-motion .lsh-hero h1{animation-delay:.08s}.lsh-motion .lsh-hero-lead{animation-delay:.16s}.lsh-motion .lsh-actions-center{animation-delay:.28s}\n@keyframes lsh-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}\n.lsh-motion .lsh-tips-grid>[data-reveal]:nth-child(3n){transition-delay:.16s}<\/p>\n<p>\/* 01 Hero *\/\n.lsh-hero{position:relative;overflow:hidden;padding-block:96px 72px;background:#fff;isolation:isolate}\n.lsh-hero::before,.lsh-hero::after{content:'';position:absolute;width:460px;height:600px;top:30px;pointer-events:none;filter:blur(55px);opacity:.4;z-index:-1}\n.lsh-hero::before{inset-inline-start:-280px;background:radial-gradient(ellipse,var(--lsh-blue-2) 12%,transparent 68%)}\n.lsh-hero::after{inset-inline-end:-280px;background:radial-gradient(ellipse,var(--lsh-green) 12%,transparent 68%)}\n.lsh-hero-inner{text-align:center}\n.lsh-eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;margin-block-end:26px;font-size:17px;color:var(--lsh-blue)}\n.lsh-eyebrow img{width:46px;height:46px}\n.lsh-highlight{background:var(--lsh-mint);border-radius:12px;padding-inline:.42em;box-decoration-break:clone;-webkit-box-decoration-break:clone}\n.lsh-hero-lead{max-width:720px;margin:28px auto 0!important;font-size:19px;line-height:1.6;color:var(--lsh-copy)}\n.lsh-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}\n.lsh-actions-center{justify-content:center;margin-block-start:32px}<\/p>\n<p>\/* Pause \/ play toggle on a video *\/\n.lsh-media-toggle{position:absolute;inset-block-end:16px;inset-inline-start:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(23,47,82,.55);color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .2s;z-index:3}\n.lsh-media-toggle:hover{background:rgba(23,47,82,.85)}\n.lsh-media-toggle[hidden]{display:none}\n.lsh-media-toggle svg{width:18px;height:18px}\n.lsh-media-toggle .lsh-when-paused,.lsh-media-toggle[aria-pressed='true'] .lsh-when-playing{display:none}\n.lsh-media-toggle[aria-pressed='true'] .lsh-when-paused{display:contents}\n\/* Divider: a hairline that fades at both ends, with the site's teal dot in the middle *\/\n.lsh-divider{position:relative;display:flex;align-items:center;justify-content:center;height:24px}\n.lsh-divider::before{content:'';position:absolute;inset-inline:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--lsh-mint-line) 20%,var(--lsh-mint-line) 80%,transparent)}\n.lsh-divider i{display:none}<\/p>\n<p>\/* \"Not available yet\": plain status text, never a disabled control. *\/\n.lsh-soon{display:flex;align-items:flex-start;gap:12px;margin:0!important;font-size:15px;line-height:1.55;color:var(--lsh-copy)}\n.lsh-soon-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(185,231,220,.6);color:var(--lsh-blue);flex-shrink:0}\n.lsh-soon-icon svg{width:17px;height:17px}<\/p>\n<p>\/* Section headings *\/\n.lsh-section-heading{text-align:center;max-width:900px;margin:0 auto 44px}\n.lsh-section-heading>p:not(.lsh-kicker){max-width:680px;margin:22px auto 0;color:var(--lsh-copy);font-size:18px}<\/p>\n<p>\/* 02 Tips: tick the habits you practise; the score follows you down the cards (sticky at the screen's bottom). *\/\n.lsh-section-heading>p.lsh-score-hint{margin-block-start:14px;font-size:16px;color:var(--lsh-blue)}\n.lsh-score-hint[hidden]{display:none}\n.lsh-score{position:relative;bottom:16px;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 26px;max-width:860px;margin:32px auto 0;padding:18px 28px;border:1px solid var(--lsh-line);border-radius:18px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 50px -24px rgba(23,47,82,.4)}\n.lsh-score[hidden]{display:none}\n.lsh-score.is-live{position:sticky}\n.lsh-score-number{display:flex;align-items:baseline;gap:2px;font-weight:700;line-height:1}\n.lsh-score-number strong{min-width:2.2ch;text-align:end;font-size:48px;color:var(--lsh-blue);font-variant-numeric:tabular-nums}\n.lsh-score-number span{font-size:18px;color:var(--lsh-meta)}\n.lsh-score.is-full .lsh-score-number strong{color:var(--lsh-teal)}\n.lsh-score-body{min-width:0}\n.lsh-score-title{margin:0 0 8px!important;font-weight:700}\n.lsh-meter{position:relative;width:100%;height:10px;border-radius:10px;background:rgba(185,231,220,.45);overflow:hidden}\n.lsh-meter i{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--lsh-green),var(--lsh-teal));transition:width .5s var(--lsh-ease)}\n.lsh-score-message{margin:8px 0 0!important;font-size:15px;color:var(--lsh-copy)}\n.lsh-tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}\n.lsh-tip{position:relative;display:flex;flex-direction:column;border:1px solid var(--lsh-line);border-radius:18px;padding:34px;background:#fff;transition:border-color .3s,box-shadow .3s,transform .3s var(--lsh-ease),background-color .3s,opacity .8s var(--lsh-ease)}\n.lsh-tip:hover{border-color:transparent;box-shadow:0 22px 50px -24px rgba(23,47,82,.35);transform:translateY(-4px)}\n.lsh-motion .lsh-tip[data-reveal]:not(.is-in){transform:translateY(28px)}\n.lsh-tip-top{display:flex;align-items:flex-start;justify-content:space-between;margin-block-end:28px}\n.lsh-tip-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,rgba(185,231,220,.9),rgba(185,231,220,.35));color:var(--lsh-blue);transition:transform .4s var(--lsh-ease)}\n.lsh-tip:hover .lsh-tip-icon{transform:rotate(-6deg) scale(1.05)}\n.lsh-tip-icon svg{width:28px;height:28px}\n.lsh-tip-number{font-size:40px;line-height:1;font-weight:700;color:transparent;-webkit-text-stroke:1px var(--lsh-mint-line)}\n.lsh-tip h3{margin-block-end:12px}\n.lsh-tip p{font-size:16px;line-height:1.65;color:var(--lsh-copy);margin:0 0 22px}\n.lsh-habit-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-block-start:auto;min-height:44px;padding:0 16px 0 10px;border:1px solid var(--lsh-line);border-radius:999px;background:#fff;font-family:inherit;font-weight:500;font-size:15px;line-height:1;color:var(--lsh-copy);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}\n#lsg-inline-page .lsh-habit-toggle:focus-within{outline:none!important;box-shadow:none!important}\n#lsg-inline-page .lsh-habit-toggle .lsh-habit-checkbox{outline:none!important;box-shadow:none!important}\n#lsg-inline-page .lsh-habit-toggle:has(.lsh-habit-checkbox:focus-visible){outline:3px solid var(--lsh-blue)!important;outline-offset:4px}\n.lsh-habit-toggle:hover{border-color:var(--lsh-teal)}\n.lsh-habit-toggle[hidden]{display:none}\n.lsh-habit-box{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--lsh-mint-line);color:transparent;transition:background-color .2s,border-color .2s,color .2s}\n.lsh-habit-box svg{width:14px;height:14px;stroke-width:2.6}\n.lsh-habit-toggle.is-checked{background:var(--lsh-teal);border-color:var(--lsh-teal);color:#fff}\n.lsh-habit-toggle.is-checked .lsh-habit-box{background:#fff;border-color:#fff;color:var(--lsh-teal)}\n.lsh-tip.is-done{background:linear-gradient(160deg,rgba(185,231,220,.38),#fff 60%);border-color:var(--lsh-mint-line)}<\/p>\n<p>\/* 03 Articles: the site's blog-card pattern; the whole card is one link. *\/\n.lsh-articles-section{background:linear-gradient(180deg,rgba(185,231,220,.18),rgba(185,231,220,0));border-block-start:1px solid var(--lsh-line)}\n.lsh-articles-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px 60px;align-items:end;margin-block-end:46px}\n.lsh-section-intro{color:var(--lsh-copy);font-size:17px}\n.lsh-section-intro p{margin-block-end:10px}\n.lsh-section-intro .lsh-button{margin-block-start:14px}\n.lsh-articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}\n.lsh-articles-grid:has(> :nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}\n.lsh-article{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid var(--lsh-line);background:#fff;transition:border-color .3s,box-shadow .3s,transform .3s var(--lsh-ease)}\n.lsh-article:hover,.lsh-article:focus-within{border-color:transparent;box-shadow:0 22px 50px -24px rgba(23,47,82,.35);transform:translateY(-4px)}\n.lsh-article-image{aspect-ratio:2\/1;object-fit:cover;width:100%;border-block-end:1px solid var(--lsh-line);transition:transform .6s var(--lsh-ease)}\n.lsh-article:hover .lsh-article-image{transform:scale(1.03)}\n.lsh-article-body{position:relative;padding:30px;display:flex;flex-direction:column;flex:1;background:#fff}\n.lsh-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:15px;color:var(--lsh-meta);margin-block-end:14px}\n.lsh-article-meta svg{width:16px;height:16px;margin-inline-end:6px;vertical-align:-2px}\n.lsh-article-category{background:rgba(185,231,220,.45);border-radius:6px;padding:2px 10px;color:var(--lsh-blue)}\n.lsh-article h3{margin-block-end:12px;text-wrap:pretty}\n.lsh-article h3 a::after{content:'';position:absolute;inset:0;border-radius:18px;z-index:1}\n.lsh-article{isolation:isolate}\n.lsh-article h3 a:focus-visible{outline:none}\n.lsh-article h3 a:focus-visible::after{outline:3px solid var(--lsh-blue);outline-offset:-3px}\n.lsh-article h3 a{position:static}\n.lsh-article-body{position:static}\n.lsh-article p{font-size:16px;color:var(--lsh-copy);margin-block-end:26px}\n.lsh-article-more{display:flex;align-items:center;justify-content:space-between;margin-block-start:auto;font-size:16px}\n.lsh-round-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lsh-teal);color:#fff;transition:transform .3s var(--lsh-ease)}\n.lsh-round-arrow svg{width:18px;height:18px;stroke-width:2}\n.lsh-article:hover .lsh-round-arrow{transform:rotate(-45deg)}\n.lsh-articles-empty{padding:40px;border:1px dashed var(--lsh-mint-line);border-radius:12px;text-align:center;color:var(--lsh-copy)}<\/p>\n<p>\/* 04 Presentation: one clean card, a single slide preview beside the text. *\/\n.lsh-resource-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:40px;border:1px solid var(--lsh-line);border-radius:20px;background:#fff}\n.lsh-resource-preview{min-width:0}\n.lsh-resource-image{width:100%;aspect-ratio:16\/9;object-fit:cover;border:1px solid var(--lsh-line);border-radius:12px}\n.lsh-resource-copy h3{font-size:clamp(26px,2.6vw,36px);line-height:1.18;margin-block-end:12px}\n.lsh-deck-meta{display:flex;flex-wrap:wrap;gap:2px 8px;margin-block-end:20px!important;font-size:15px;color:var(--lsh-meta)}\n.lsh-resource-copy>p:not(.lsh-kicker):not(.lsh-deck-meta):not(.lsh-status):not(.lsh-soon){font-size:16px;line-height:1.65;color:var(--lsh-copy)}\n.lsh-resource-copy .lsh-actions{margin-block-start:24px}\n.lsh-resource-cover{background:#fff;border:1px solid var(--lsh-line);border-radius:10px;aspect-ratio:16\/9;width:100%;max-width:520px;padding:30px;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 50px -20px rgba(35,75,126,.35)}\n.lsh-resource-cover>.lsh-cover-logo{width:90px}\n.lsh-resource-cover .lsh-cover-icon{position:absolute;width:54px;inset-inline-end:26px;top:24px}\n.lsh-resource-cover strong{font-size:clamp(22px,2.3vw,32px);font-weight:500;line-height:1.15;max-width:300px;margin-block:auto 14px}\n.lsh-resource-cover small{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--lsh-meta);border-block-start:1px solid var(--lsh-line);padding-block-start:12px}<\/p>\n<p>\/* 05 Sparo: deep-blue stage; heading across the top, a large game preview with scene buttons, copy beside it. *\/\n.lsh-sparo-section{padding-block-start:0}\n.lsh-sparo-card{position:relative;padding:56px 56px 60px;background:radial-gradient(90% 120% at 100% 0%,rgba(91,201,175,.32),transparent 55%),radial-gradient(70% 90% at 0% 100%,rgba(66,101,144,.6),transparent 60%),linear-gradient(135deg,var(--lsh-blue) 0%,var(--lsh-night) 100%);border-radius:28px;color:#fff;overflow:hidden;isolation:isolate}\n.lsh-sparo-card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.4px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);z-index:-1}\n.lsh-sparo-head{margin-block-end:36px}\n.lsh-sparo-head>.lsh-kicker{color:var(--lsh-mint)}\n.lsh-sparo-head h2{font-size:clamp(34px,3.6vw,52px);line-height:1.12;margin-block-end:16px}\n.lsh-sparo-sub{display:inline-block;font-size:19px;font-weight:700;color:var(--lsh-night);background:var(--lsh-mint);border-radius:10px;padding:4px 14px;margin:0!important}\n.lsh-sparo-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:center}\n.lsh-sparo-media{min-width:0}\n.lsh-sparo-screen{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16\/9;background:#171e37 center\/cover;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(185,231,220,.35)}\n.lsh-sparo-video{width:100%;height:100%;object-fit:cover}\n.lsh-progress{position:absolute;inset-inline:0;inset-block-end:0;height:4px;background:rgba(255,255,255,.18)}\n.lsh-progress i{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:var(--lsh-mint)}\n.lsh-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-block-start:14px}\n.lsh-chapters[hidden]{display:none}\n.lsh-chapters li{display:flex}\n.lsh-chapter{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:64px;padding:10px 12px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);font-family:inherit;font-weight:500;font-size:14px;line-height:1.3;text-align:start;cursor:pointer;overflow:hidden;transition:background-color .2s,border-color .2s,color .2s}\n.lsh-chapter:hover{background:rgba(255,255,255,.12);color:#fff}\n.lsh-chapter-n{font-size:12px;color:var(--lsh-mint)}\n.lsh-chapter::after{content:'';position:absolute;inset-inline-start:0;inset-block-end:0;height:3px;width:calc(var(--p,0) * 100%);background:var(--lsh-mint)}\n.lsh-chapter[aria-current='true']{background:rgba(185,231,220,.16);border-color:rgba(185,231,220,.7);color:#fff}\n.lsh-chapter:focus-visible{outline-color:#fff}\n.lsh-sparo-copy>p:not(.lsh-soon):not(.lsh-status){font-size:17px;line-height:1.65;color:rgba(255,255,255,.88)}\n.lsh-sparo-copy .lsh-sparo-ready{font-weight:700;color:#fff!important;margin-block:22px 16px}\n.lsh-sparo-copy .lsh-soon{color:rgba(255,255,255,.9)}\n.lsh-sparo-copy .lsh-soon-icon{background:rgba(185,231,220,.2);color:var(--lsh-mint)}\n.lsh-sparo-copy .lsh-status{color:rgba(255,255,255,.82)}\n.lsh-sparo-copy .lsh-button{border-color:#fff}\n.lsh-sparo-copy .lsh-button-yellow{border-color:var(--lsh-gold)}\n.lsh-sparo-copy .lsh-actions+.lsh-soon{margin-block-start:16px!important}\n.lsh-sparo-copy .lsh-button-dark{background:#fff;color:#000!important}\n.lsh-sparo-copy .lsh-button-dark:hover{background:var(--lsh-mint);border-color:var(--lsh-mint)}\n.lsh-sparo-screen .lsh-media-toggle{inset-block:14px auto;inset-inline:auto 14px}\n.lsh-sparo-still{display:flex;justify-content:center}\n.lsh-sparo-still img{max-height:440px;width:auto}\n.lsh-sparo-placeholder{max-width:300px;margin:auto;text-align:center;background:rgba(255,255,255,.12);padding:40px 28px;border-radius:16px}\n.lsh-sparo-placeholder>svg{width:60px;height:60px;margin-block-end:20px}\n.lsh-sparo-placeholder strong{font-size:32px;font-weight:500;line-height:1.15;display:block}\n.lsh-sparo-placeholder p{font-size:15px;line-height:1.6;margin:18px 0 0;color:rgba(255,255,255,.85)}\n.lsh-family-note{display:flex;align-items:center;justify-content:center;gap:14px;max-width:860px;margin:30px auto 0!important;color:var(--lsh-copy);font-size:16px;text-align:start}\n.lsh-family-note svg{width:28px;height:28px;color:var(--lsh-blue)}<\/p>\n<p>\/* 06 Community + newsletter: the last call to action *\/\n.lsh-community-section{padding-block-end:88px}\n.lsh-community{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px 64px;align-items:center;padding:52px 56px;border:1px solid var(--lsh-mint-line);border-radius:24px;background:radial-gradient(90% 140% at 0% 0%,rgba(185,231,220,.95),rgba(185,231,220,.35) 55%,rgba(66,101,144,.12))}\n.lsh-community-copy>img{width:52px;height:52px;margin-block-end:16px}\n.lsh-community-copy h2{font-size:clamp(32px,3.4vw,48px);line-height:1.15;margin-block-end:14px}\n.lsh-community-copy>p:not(.lsh-closing-line){margin:0;font-size:17px;color:var(--lsh-copy)}\n.lsh-closing-line{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0!important}\n.lsh-closing-line span{padding:6px 16px;border:1px solid var(--lsh-mint-line);border-radius:999px;background:#fff;font-size:16px;font-weight:700}\n.lsh-closing-line .lsh-closing-mark{background:var(--lsh-mint);border-color:var(--lsh-mint)}\n.lsh-newsletter-soon p{margin-block-end:16px;font-size:17px;color:var(--lsh-copy)}\n.lsh-form-label{display:block;margin-block-end:8px;font-size:15px}\n.lsh-form-row{display:flex;gap:10px}\n.lsh-input{flex:1;min-width:0;min-height:56px;padding:0 18px;border:1px solid #b8c6d3;border-radius:10px;background:#fff;font-family:inherit;font-weight:500;font-size:17px;color:#000}\n.lsh-input::placeholder{color:#8a97a5}\n.lsh-input:focus{outline:3px solid var(--lsh-blue);outline-offset:1px;border-color:var(--lsh-blue)}\n.lsh-check{position:relative;display:flex;align-items:flex-start;gap:12px;margin-block-start:16px;font-size:14px;line-height:1.5;color:var(--lsh-copy);cursor:pointer}\n.lsh-check input{position:absolute;inset-block-start:0;inset-inline-start:0;width:24px;height:24px;margin:0;opacity:0;cursor:pointer}\n.lsh-check-box{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid #8fa3b6;border-radius:6px;background:#fff;color:transparent;flex-shrink:0;transition:background-color .2s,border-color .2s}\n.lsh-check-box svg{width:15px;height:15px;stroke-width:2.6}\n.lsh-check input:checked+.lsh-check-box{background:var(--lsh-teal);border-color:var(--lsh-teal);color:#fff}\n.lsh-check input:focus-visible+.lsh-check-box{outline:3px solid var(--lsh-blue);outline-offset:2px}\n.lsh-check a{text-decoration:underline;text-underline-offset:3px}\n.lsh-form-status{margin:14px 0 0!important;font-size:15px;color:var(--lsh-blue)}\n.lsh-form-status:empty{display:none}\n\/* Formidable newsletter (including translated form IDs): email and submit first, then the consent checkbox. *\/\n#lsg-inline-page .lsh-newsletter-wp .frm_forms{width:100%;max-width:none;margin:0!important;font-family:inherit;color:var(--lsh-copy)}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms form,#lsg-inline-page .lsh-newsletter-wp .frm_forms fieldset{min-width:0;margin:0!important;padding:0!important;border:0!important;background:transparent!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_fields_container{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px 10px!important;align-items:start}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field{float:none!important;clear:none!important;width:auto!important;min-width:0;margin:0!important;padding:0!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=email]){grid-column:1!important;grid-row:1!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_fields_container > :is(.frm_form_field:has(.frm_submit),.frm_submit){grid-column:2!important;grid-row:1!important;padding-block-start:30.5px!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]){grid-column:1 \/ -1!important;grid-row:2!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=email])>.frm_primary_label{display:block!important;margin:0 0 8px!important;padding:0!important;font-family:inherit!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important;color:var(--lsh-ink)!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=email]) .frm_required{display:none}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms input[type=email]{display:block!important;box-sizing:border-box!important;width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0 18px!important;border:1px solid #b8c6d3!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;font-family:inherit!important;font-size:17px!important;font-weight:500!important;line-height:1.5!important;color:#000!important;direction:ltr}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms input[type=email]::placeholder{color:#8a97a5!important;opacity:1}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms input[type=email]:focus{outline:3px solid var(--lsh-blue)!important;outline-offset:1px;border-color:var(--lsh-blue)!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_submit{display:block!important;margin:0!important;padding:0!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit{display:inline-flex!important;align-items:center;justify-content:center;gap:14px!important;width:auto!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0 30px!important;border:1px solid #000!important;border-radius:10px!important;background:#000!important;box-shadow:none!important;font-family:inherit!important;font-weight:500!important;font-size:18px!important;line-height:1.3!important;color:#fff!important;text-transform:none!important;cursor:pointer;transition:background-color .25s,border-color .25s}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit::after{content:'\u2192';display:inline-block;position:static;width:auto;height:auto;margin:0;font-size:24px;line-height:1;transition:transform .25s}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit:hover{background:var(--lsh-blue)!important;border-color:var(--lsh-blue)!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit:hover::after{transform:translateX(3px)}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit:focus-visible{outline:3px solid var(--lsh-blue)!important;outline-offset:4px}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit:disabled{opacity:.6;cursor:wait}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox])>.frm_primary_label{display:none!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) .frm_opt_container,#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) .frm_checkbox{margin:0!important;padding:0!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) .frm_checkbox label{display:flex!important;align-items:flex-start;gap:12px;margin:0!important;padding:0!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;color:var(--lsh-copy)!important;cursor:pointer}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:block!important;flex:0 0 24px;width:24px!important;height:24px!important;min-width:24px;min-height:24px;margin:0!important;padding:0!important;border:1.5px solid #8fa3b6!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;opacity:1!important;cursor:pointer}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) input[type=checkbox]:checked{background:var(--lsh-teal)!important;border-color:var(--lsh-teal)!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) input[type=checkbox]:checked::after{content:'';position:absolute;top:3px;left:7px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) input[type=checkbox]:focus-visible{outline:3px solid var(--lsh-blue)!important;outline-offset:2px}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_error{margin:6px 0 0!important;font-size:14px!important;line-height:1.5;color:#a12622}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms input[aria-invalid=true]{border-color:#a12622!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_error_style,#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_message{margin:0 0 16px!important;padding:14px 18px!important;border-radius:10px;font-family:inherit!important;font-size:15px!important;line-height:1.5!important}\n\/* Retain Formidable's screen-reader legend and honeypot without exposing them visually. *\/\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_screen_reader,#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_fields_container > div:has(input.frm_verify){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n@media(max-width:639px){\n #lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_fields_container{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}\n #lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=email]){grid-column:1!important;grid-row:1!important}\n #lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_fields_container > :is(.frm_form_field:has(.frm_submit),.frm_submit){grid-column:1!important;grid-row:2!important;padding-block-start:0!important}\n #lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]){grid-row:3!important}\n #lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit{width:100%!important}\n}<\/p>\n<p>\/* Link added to \/cybersecurity\/ by the plugin once the hub is published *\/\n.lsh-csr-link{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:64px;border-block-start:1px solid var(--lsh-line)}\n.lsh-csr-link h2{font-size:clamp(32px,3.4vw,44px);margin-block-end:14px}\n.lsh-csr-link p:last-child{margin:0;color:var(--lsh-copy)}\n.lsh-csr-link .lsh-button{flex-shrink:0}<\/p>\n<p>\/* Arabic (right-to-left). Layout already uses logical properties; these mirror what is drawn in one direction.\n   Icons in buttons sit on the left of the text (the build places them): arrows point left (\u2190), play icons still point right. *\/\n.lsh[lang=ar]{}\n.lsh[lang=ar] h1,.lsh[lang=ar] h2{line-height:1.35}\n.lsh[lang=ar] h3,.lsh[lang=ar] .lsh-sparo-head h2,.lsh[lang=ar] .lsh-community-copy h2{line-height:1.4}\n.lsh[lang=ar] p{line-height:1.75}\n.lsh[lang=ar] .lsh-highlight{padding-block:.04em .1em}\n\/* The film itself isn't mirrored, so its pause button stays top-right, clear of the game's logo. *\/\n.lsh[dir=rtl] .lsh-sparo-screen .lsh-media-toggle{inset-inline:14px auto}\n.lsh[dir=rtl] .lsh-button:hover svg:last-child{transform:translateX(-3px)}\n.lsh[dir=rtl] .lsh-button:hover svg:not(.lsh-i-arrow){transform:translateX(3px)}\n.lsh[dir=rtl] .lsh-article:hover .lsh-round-arrow{transform:rotate(45deg)}\n.lsh[dir=rtl] .lsh-tip:hover .lsh-tip-icon{transform:rotate(6deg) scale(1.05)}\n.lsh[dir=rtl] .lsh-meter i{background:linear-gradient(270deg,var(--lsh-green),var(--lsh-teal))}\n.lsh[dir=rtl] .lsh-sparo-card{background:radial-gradient(90% 120% at 0% 0%,rgba(91,201,175,.32),transparent 55%),radial-gradient(70% 90% at 100% 100%,rgba(66,101,144,.6),transparent 60%),linear-gradient(225deg,var(--lsh-blue) 0%,var(--lsh-night) 100%)}\n.lsh[dir=rtl] .lsh-sparo-card::before{mask-image:linear-gradient(270deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(270deg,transparent,#000 70%)}\n.lsh[dir=rtl] .lsh-community{background:radial-gradient(90% 140% at 100% 0%,rgba(185,231,220,.95),rgba(185,231,220,.35) 55%,rgba(66,101,144,.12))}\n.lsh[dir=rtl] .lsh-tip.is-done{background:linear-gradient(200deg,rgba(185,231,220,.38),#fff 60%)}<\/p>\n<p>@media(min-width:1600px){.lsh-section{padding-block:88px}.lsh-sparo-section{padding-block-start:0}}\n@media(max-width:1199px){\n .lsh-tip{padding:28px}\n .lsh-sparo-card{padding:48px 40px 52px}.lsh-sparo-body{gap:36px}.lsh-chapter{padding:9px 10px 11px;font-size:13px}\n .lsh-resource-card{padding:32px;gap:40px}.lsh-community{padding:44px;gap:28px 44px}\n}\n@media(max-width:959px){\n .lsh-container{padding-inline:30px}.lsh-section{padding-block:60px}.lsh-hero{padding-block:72px 60px}\n .lsh-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n .lsh-articles-head{grid-template-columns:1fr;gap:22px}\n .lsh-resource-card{grid-template-columns:1fr;gap:28px}.lsh-resource-preview{max-width:560px}\n .lsh-community{grid-template-columns:1fr;padding:40px}.lsh-community-section{padding-block-end:64px}\n .lsh-sparo-card{padding:44px 36px 48px}.lsh-sparo-head{margin-block-end:28px}\n .lsh-sparo-body{grid-template-columns:1fr;gap:32px}\n}\n@media(max-width:639px){\n .lsh{font-size:16px}.lsh-container{padding-inline:20px}.lsh-section{padding-block:48px}\n .lsh-hero{padding-block:48px 48px}.lsh h1{font-size:clamp(36px,10.6vw,46px)}.lsh-highlight{border-radius:9px}\n .lsh-eyebrow{font-size:15px;margin-block-end:20px}.lsh-eyebrow img{width:38px;height:38px}\n .lsh-hero-lead{font-size:17px;margin-block:22px 0!important}\n .lsh-actions-center{flex-direction:column;align-items:stretch;margin-block-start:26px}.lsh-actions-center .lsh-button{width:100%}\n .lsh-button{font-size:16px;padding-inline:20px;gap:12px}\n .lsh-media-toggle{inset-block-end:10px;inset-inline-start:10px;width:40px;height:40px}\n .lsh-section-heading{margin-block-end:32px}.lsh-section-heading>p:not(.lsh-kicker){font-size:16px;margin-block-start:18px}\n .lsh-kicker{font-size:15px;margin-block-end:14px!important}\n .lsh-score{bottom:10px;gap:2px 16px;margin-block-start:22px;padding:14px 16px;border-radius:14px}.lsh-score-number strong{font-size:36px}.lsh-score-number span{font-size:15px}.lsh-score-title{font-size:15px;margin-block-end:6px!important}.lsh-score-message{font-size:14px}\n .lsh-tips-grid{grid-template-columns:1fr;gap:14px}.lsh-tip{padding:24px;border-radius:16px}.lsh-tip-top{margin-block-end:18px}.lsh-tip-icon{width:52px;height:52px}.lsh-tip-number{font-size:32px}.lsh h3{font-size:20px}.lsh-tip p{font-size:15px}\n .lsh-section-intro{font-size:16px}.lsh-articles-head{margin-block-end:30px}\n .lsh-articles-grid,.lsh-articles-grid:has(> :nth-child(3)){grid-template-columns:1fr;gap:20px}.lsh-article-body{padding:22px}.lsh-article-meta{font-size:14px}\n .lsh-resource-card{border-radius:18px}\n .lsh-resource-cover{padding:20px;aspect-ratio:auto;min-height:220px}.lsh-resource-cover strong{margin-block:30px 14px;max-width:210px;font-size:22px}\n .lsh-resource-card{padding:20px;gap:22px}.lsh-resource-copy h3{font-size:26px}.lsh-resource-copy>p:not(.lsh-kicker):not(.lsh-deck-meta):not(.lsh-status):not(.lsh-soon){font-size:15px}.lsh-resource-copy .lsh-actions .lsh-button{width:100%}.lsh-deck-meta{font-size:14px}\n .lsh-sparo-card{padding:28px 20px 32px;border-radius:20px}.lsh-sparo-head{margin-block-end:22px}.lsh-sparo-head h2{font-size:32px}.lsh-sparo-sub{font-size:16px}\n .lsh-sparo-screen{border-radius:14px}\n .lsh-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;margin-inline:0;padding-inline:0;scroll-snap-type:none}\n .lsh-chapters li{min-width:0}.lsh-chapters li:last-child{grid-column:1 \/ -1}\n .lsh-chapter{min-width:0;width:100%;min-height:64px;white-space:normal;overflow-wrap:anywhere}\n .lsh-sparo-copy>p:not(.lsh-soon):not(.lsh-status){font-size:16px}.lsh-sparo-copy .lsh-button{width:100%}\n .lsh-family-note{align-items:flex-start;font-size:15px}\n .lsh-closing-line span{font-size:15px;padding:5px 13px}\n .lsh-community-section{padding-block-end:52px}.lsh-community{padding:28px 20px;border-radius:18px}.lsh-community-copy h2{font-size:30px}.lsh-community-copy>p:not(.lsh-closing-line){font-size:16px}\n .lsh-form-row{flex-direction:column}.lsh-form-row .lsh-button{width:100%}\n .lsh-csr-link{align-items:flex-start;flex-direction:column}\n}\n@media(prefers-reduced-motion:reduce){.lsh *,.lsh *::before,.lsh *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.lsh-tip:hover,.lsh-article:hover{transform:none}}\n@media print{.lsh [data-reveal]{opacity:1!important;transform:none!important}}<\/p>\n<p>\/* Standalone preview shell only. Production uses the existing WordPress theme. *\/\n.lsh-preview{margin:0;background:#fff;color:#000;font-family:inherit;font-weight:500;font-size:17px;line-height:1.5;}\n.lsh-preview:lang(ar){font-family:inherit}\n.lsh-preview *{box-sizing:border-box}\n.lsh-preview a{color:inherit;text-decoration:none}\n.lsh-preview svg{width:22px;height:22px;vertical-align:middle}\n.preview-skip{position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-160%);background:#fff;border:1px solid #000;padding:12px;z-index:30;border-radius:8px}\n.preview-skip:focus{transform:none}\n@media(min-width:960px){#preview-mobile-nav{display:none!important}}<\/p>\n<p>\/* Native checkbox state remains visible even before JavaScript initializes. *\/\n#lsg-inline-page .lsh-habit-toggle{position:relative;isolation:isolate;cursor:pointer}\n#lsg-inline-page .lsh-habit-checkbox{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;padding:0!important;clip:auto!important;clip-path:none!important;display:block!important;cursor:pointer;z-index:2}\n#lsg-inline-page .lsh-habit-toggle:has(.lsh-habit-checkbox:checked){background:var(--lsh-teal);border-color:var(--lsh-teal);color:#fff}\n#lsg-inline-page .lsh-habit-toggle:has(.lsh-habit-checkbox:checked) .lsh-habit-box{background:#fff;border-color:#fff;color:var(--lsh-teal)}\n#lsg-inline-page .lsh-tip:has(.lsh-habit-checkbox:checked){background:linear-gradient(160deg,rgba(185,231,220,.38),#fff 60%);border-color:var(--lsh-mint-line)}\n.lsh .lsh-score{position:relative!important;bottom:auto!important}\n.lsh-score-portal{position:fixed!important;top:auto!important;z-index:10000!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;isolation:isolate}\n.lsh-score-portal[hidden]{display:none!important}\n.lsh-score-portal .lsh-score{position:relative!important;bottom:auto!important;width:100%;margin:0!important;box-sizing:border-box}\n.lsh-score-slot{display:flow-root}<\/p>\n<p>#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=email]),\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]){max-width:none!important;box-sizing:border-box!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) .frm_required{display:none!important}\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_checkbox label::before,\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_checkbox label::after{content:none!important}<\/p>\n<p>\/* Give the Sparo description a clear heading and align it with the video. *\/\n.lsh[lang=en] .lsh-sparo-copy{align-self:start;padding-block-start:12px}\n.lsh[lang=en] .lsh-sparo-copy .lsh-sparo-copy-title{font-size:clamp(24px,2.4vw,32px);line-height:1.4;font-weight:700;margin:0 0 16px;color:#fff}\n@media(max-width:959px){.lsh[lang=en] .lsh-sparo-copy{padding-block-start:0}}\n<\/style>\n<div id=\"lsg-inline-page\" class=\"lsh-preview\" lang=\"en\" dir=\"ltr\">\n<p>  <a class=\"preview-skip\" href=\"#lsg-inline-main\">Skip to main content<\/a><br \/>\n  <main id=\"lsg-inline-main\" tabindex=\"-1\"><\/p>\n<div class=\"lsh\" id=\"digital-safety-hub\" lang=\"en\" dir=\"ltr\" data-lsh-text=\"{&quot;pause&quot;: &quot;Pause the game preview&quot;, &quot;play&quot;: &quot;Play the game preview&quot;, &quot;scoreSpoken&quot;: &quot;Your score is {score} out of 100.&quot;, &quot;scoreMessages&quot;: [&quot;Tick the habits you already practise.&quot;, &quot;A good start. Try one more habit this week.&quot;, &quot;Nice work. You already have solid habits.&quot;, &quot;Almost there! One more habit to go.&quot;, &quot;Excellent! Share these habits with someone you care about.&quot;], &quot;previewSent&quot;: &quot;Preview only: this form isn\u2019t connected yet. Nothing was sent.&quot;}\">\n<section class=\"lsh-hero\" aria-labelledby=\"hub-title\">\n<div class=\"lsh-container lsh-hero-inner\">\n<div class=\"lsh-eyebrow\" data-reveal><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/digital-page-icon.svg\" width=\"48\" height=\"48\" alt=\"\"><span>Digital Safety Hub<\/span><\/div>\n<h1 id=\"hub-title\" data-reveal>A Safer Internet<br \/>Starts <span class=\"lsh-highlight\">With Us<\/span><\/h1>\n<p class=\"lsh-hero-lead\" data-reveal>Practical tips, learning resources and a game with Sparo, so individuals, families and young learners can stay safe online.<\/p>\n<div class=\"lsh-actions lsh-actions-center\" data-reveal>\n        <a class=\"lsh-button lsh-button-dark\" href=\"#safety-tips\">Explore Safety Tips <svg class=\"lsh-i-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 12h16m-6-6 6 6-6 6\"\/><\/svg><\/a><br \/>\n        <a class=\"lsh-button\" href=\"#sparo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m9 5 11 7-11 7Z\"\/><\/svg> Play with Sparo<\/a>\n      <\/div>\n<\/p><\/div>\n<\/section>\n<div class=\"lsh-container\" aria-hidden=\"true\">\n<div class=\"lsh-divider\"><\/div>\n<\/div>\n<section id=\"safety-tips\" class=\"lsh-section lsh-tips-section\" aria-labelledby=\"tips-title\" tabindex=\"-1\">\n<div class=\"lsh-container\">\n<div class=\"lsh-section-heading\" data-reveal>\n<p class=\"lsh-kicker\">Cybersecurity tips<\/p>\n<h2 id=\"tips-title\">Small Habits.<br \/>Safer Online Experiences.<\/h2>\n<p>No tech expertise needed. A few simple habits make a real difference.<\/p>\n<p class=\"lsh-score-hint\" data-score-hint>Tick the habits you already practise to see your score. Nothing is saved.<\/p>\n<\/p><\/div>\n<div class=\"lsh-tips-grid\">\n<article class=\"lsh-tip\" data-reveal>\n<div class=\"lsh-tip-top\"><span class=\"lsh-tip-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m8 7 5 15 2-6 6-2L8 7ZM4 2l1 3M1 8h3m8-7-2 3\"\/><\/svg><\/span><span class=\"lsh-tip-number\" aria-hidden=\"true\">01<\/span><\/div>\n<h3>Think Before You Click<\/h3>\n<p>Verify the sender before opening unexpected links or attachments.<\/p>\n<p><label class=\"lsh-habit-toggle\"><input class=\"lsh-habit-checkbox\" type=\"checkbox\" name=\"safety-habit\"><span class=\"lsh-habit-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 4 4L19 6\"\/><\/svg><\/span>I do this<span class=\"lsh-visually-hidden\">: Think Before You Click<\/span><\/label><\/article>\n<article class=\"lsh-tip\" data-reveal>\n<div class=\"lsh-tip-top\"><span class=\"lsh-tip-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"8\" cy=\"9\" r=\"5\"\/><path d=\"m12 13 8 8m-4-4 3-3m-6 0 3-3\"\/><path d=\"M6.5 7.5h.01\"\/><\/svg><\/span><span class=\"lsh-tip-number\" aria-hidden=\"true\">02<\/span><\/div>\n<h3>Protect Your Accounts<\/h3>\n<p>Use strong, unique passwords or passkeys, and turn on multi-factor authentication.<\/p>\n<p><label class=\"lsh-habit-toggle\"><input class=\"lsh-habit-checkbox\" type=\"checkbox\" name=\"safety-habit\"><span class=\"lsh-habit-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 4 4L19 6\"\/><\/svg><\/span>I do this<span class=\"lsh-visually-hidden\">: Protect Your Accounts<\/span><\/label><\/article>\n<article class=\"lsh-tip\" data-reveal>\n<div class=\"lsh-tip-top\"><span class=\"lsh-tip-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"3\"\/><circle cx=\"12\" cy=\"9\" r=\"2.5\"\/><path d=\"M8 17c0-4 8-4 8 0\"\/><\/svg><\/span><span class=\"lsh-tip-number\" aria-hidden=\"true\">03<\/span><\/div>\n<h3>Keep Personal Info Private<\/h3>\n<p>Think twice before sharing your location, contact details, photos or family information.<\/p>\n<p><label class=\"lsh-habit-toggle\"><input class=\"lsh-habit-checkbox\" type=\"checkbox\" name=\"safety-habit\"><span class=\"lsh-habit-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 4 4L19 6\"\/><\/svg><\/span>I do this<span class=\"lsh-visually-hidden\">: Keep Personal Info Private<\/span><\/label><\/article>\n<article class=\"lsh-tip\" data-reveal>\n<div class=\"lsh-tip-top\"><span class=\"lsh-tip-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 7V2m0 5h-5M4 17v5m0-5h5M5 7a8 8 0 0 1 13-2l2 2M4 17l2 2a8 8 0 0 0 13-2\"\/><\/svg><\/span><span class=\"lsh-tip-number\" aria-hidden=\"true\">04<\/span><\/div>\n<h3>Keep Devices Updated<\/h3>\n<p>Install updates promptly. They close security gaps.<\/p>\n<p><label class=\"lsh-habit-toggle\"><input class=\"lsh-habit-checkbox\" type=\"checkbox\" name=\"safety-habit\"><span class=\"lsh-habit-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 4 4L19 6\"\/><\/svg><\/span>I do this<span class=\"lsh-visually-hidden\">: Keep Devices Updated<\/span><\/label><\/article>\n<article class=\"lsh-tip\" data-reveal>\n<div class=\"lsh-tip-top\"><span class=\"lsh-tip-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"15\" rx=\"3\"\/><path d=\"m3 7 9 6 9-6M12 15v1m0 2h.01\"\/><\/svg><\/span><span class=\"lsh-tip-number\" aria-hidden=\"true\">05<\/span><\/div>\n<h3>Spot Suspicious Messages<\/h3>\n<p>Be wary of urgent requests for passwords or payments. Check through official channels.<\/p>\n<p><label class=\"lsh-habit-toggle\"><input class=\"lsh-habit-checkbox\" type=\"checkbox\" name=\"safety-habit\"><span class=\"lsh-habit-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 4 4L19 6\"\/><\/svg><\/span>I do this<span class=\"lsh-visually-hidden\">: Spot Suspicious Messages<\/span><\/label><\/article>\n<article class=\"lsh-tip\" data-reveal>\n<div class=\"lsh-tip-top\"><span class=\"lsh-tip-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 11a8 8 0 0 1-8 8H8l-5 3 1-6a8 8 0 1 1 17-5Z\"\/><path d=\"M9 8a3 3 0 0 1 5 2c0 2-2 2-2 4m0 2h.01\"\/><\/svg><\/span><span class=\"lsh-tip-number\" aria-hidden=\"true\">06<\/span><\/div>\n<h3>Speak Up<\/h3>\n<p>Report cyberbullying or suspicious activity, or tell someone you trust.<\/p>\n<p><label class=\"lsh-habit-toggle\"><input class=\"lsh-habit-checkbox\" type=\"checkbox\" name=\"safety-habit\"><span class=\"lsh-habit-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 4 4L19 6\"\/><\/svg><\/span>I do this<span class=\"lsh-visually-hidden\">: Speak Up<\/span><\/label><\/article>\n<\/div>\n<div class=\"lsh-score\" data-habit-meter>\n<div class=\"lsh-score-number\" dir=\"ltr\" aria-hidden=\"true\"><strong data-habit-score>0<\/strong><span>\/100<\/span><\/div>\n<div class=\"lsh-score-body\">\n<p class=\"lsh-score-title\">Your digital safety score<\/p>\n<div class=\"lsh-meter\" aria-hidden=\"true\"><i data-habit-bar><\/i><\/div>\n<p class=\"lsh-score-message\" aria-live=\"polite\" data-habit-status>Tick the habits you already practise.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"resources\" class=\"lsh-section lsh-resources-section\" aria-labelledby=\"resources-title\" tabindex=\"-1\">\n<div class=\"lsh-container\">\n<div class=\"lsh-section-heading\" data-reveal>\n<p class=\"lsh-kicker\">Learn It. Share It. Teach It.<\/p>\n<h2 id=\"resources-title\">Digital Safety Resources for Everyone<\/h2>\n<p>Knowledge is most valuable when it\u2019s shared.<\/p>\n<\/div>\n<div class=\"lsh-resource-card\" data-reveal>\n<div class=\"lsh-resource-preview\"><img class=\"lsh-resource-image\" src=\"\/wp-content\/uploads\/2026\/10\/deck-privacy.webp\" alt=\"A slide from the presentation titled \u00ab\u0645\u0627\u0630\u0627 \u064a\u0639\u0631\u0641 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0639\u0646\u0643\u061f\u00bb (What does AI know about you?), with a profile card of personal details to protect\" width=\"762\" height=\"429\" loading=\"lazy\" decoding=\"async\"><\/div>\n<div class=\"lsh-resource-copy\">\n<p class=\"lsh-kicker\">For homes, classrooms &amp; communities<\/p>\n<h3>Digital Safety Awareness Presentation<\/h3>\n<p class=\"lsh-deck-meta\"><span>In Arabic &#038; English<\/span><span aria-hidden=\"true\"> \u00b7 <\/span><span>24 slides<\/span><span aria-hidden=\"true\"> \u00b7 <\/span><span>30\u201345 minutes<\/span><span aria-hidden=\"true\"> \u00b7 <\/span><span>Works offline<\/span><\/p>\n<p>Clear explanations and practical examples, ready for a classroom or a family conversation.<\/p>\n<div class=\"lsh-actions\"><a class=\"lsh-button lsh-button-dark\" href=\"https:\/\/ls.gives\/wp-content\/uploads\/presentation\/index.html\" target=\"_blank\" rel=\"noopener\">View Presentation <svg class=\"lsh-i-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 12h16m-6-6 6 6-6 6\"\/><\/svg><span class=\"lsh-visually-hidden\"> (opens in a new tab)<\/span><\/a><\/div>\n<p class=\"lsh-status\">Opens in a new tab.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"sparo\" class=\"lsh-section lsh-sparo-section\" aria-labelledby=\"sparo-title\" tabindex=\"-1\">\n<div class=\"lsh-container\">\n<div class=\"lsh-sparo-card\" data-reveal>\n<div class=\"lsh-sparo-head\">\n<p class=\"lsh-kicker\">For young learners<\/p>\n<h2 id=\"sparo-title\">Meet Sparo \u2014 Your Digital Safety Buddy!<\/h2>\n<p class=\"lsh-sparo-sub\">Let\u2019s Make Internet Safety Fun!<\/p>\n<\/p><\/div>\n<div class=\"lsh-sparo-body\">\n<div class=\"lsh-sparo-media\">\n<div class=\"lsh-sparo-screen\"><video class=\"lsh-sparo-video\" controls muted playsinline loop preload=\"metadata\" poster=\"\/wp-content\/uploads\/2026\/10\/sparo-game-poster.jpg\" aria-label=\"Game preview: Sparo waves in the school hallway, explores the lockers, opens a glowing treasure chest, follows clues in the library and takes the challenge in the space lab.\" width=\"1280\" height=\"720\"><source src=\"\/wp-content\/uploads\/2026\/10\/sparo-game-trailer.mp4\" type=\"video\/mp4\"><\/video><button class=\"lsh-media-toggle\" type=\"button\" data-media-toggle aria-pressed=\"false\" hidden><span class=\"lsh-when-playing\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 5v14M15 5v14\"\/><\/svg><\/span><span class=\"lsh-when-paused\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m9 5 11 7-11 7Z\"\/><\/svg><\/span><span class=\"lsh-visually-hidden\">Pause the game preview<\/span><\/button><span class=\"lsh-progress\" aria-hidden=\"true\"><i data-progress><\/i><\/span><\/div>\n<ul class=\"lsh-chapters\" aria-label=\"Jump to a scene\" hidden>\n<li><button class=\"lsh-chapter\" type=\"button\" data-start=\"0\"><span class=\"lsh-chapter-n\" aria-hidden=\"true\">01<\/span>Meet Sparo<\/button><\/li>\n<li><button class=\"lsh-chapter\" type=\"button\" data-start=\"3.1\"><span class=\"lsh-chapter-n\" aria-hidden=\"true\">02<\/span>Explore the school<\/button><\/li>\n<li><button class=\"lsh-chapter\" type=\"button\" data-start=\"5.7\"><span class=\"lsh-chapter-n\" aria-hidden=\"true\">03<\/span>Find hidden treasures<\/button><\/li>\n<li><button class=\"lsh-chapter\" type=\"button\" data-start=\"8.1\"><span class=\"lsh-chapter-n\" aria-hidden=\"true\">04<\/span>Follow the clues<\/button><\/li>\n<li><button class=\"lsh-chapter\" type=\"button\" data-start=\"9.8\"><span class=\"lsh-chapter-n\" aria-hidden=\"true\">05<\/span>Take the challenge<\/button><\/li>\n<\/ul>\n<\/div>\n<div class=\"lsh-sparo-copy\">\n<h3 class=\"lsh-sparo-copy-title\">A Fun Adventure in Digital Safety<\/h3>\n<p>An interactive game where children learn to protect personal information, spot suspicious situations and ask a trusted adult for help.<\/p>\n<div class=\"lsh-actions\"><a class=\"lsh-button lsh-button-yellow lsh-button-large\" href=\"https:\/\/play.ls.gives\/sparo-school\" target=\"_blank\" rel=\"noopener noreferrer\" data-play-game aria-describedby=\"sparo-status\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m9 5 11 7-11 7Z\"\/><\/svg> Play Now<span class=\"lsh-visually-hidden\"> (opens in a new tab)<\/span><\/a><\/div>\n<p class=\"lsh-soon\" id=\"sparo-status\"><span class=\"lsh-soon-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 11v6m0-10h.01\"\/><\/svg><\/span><span>Suitable for students and adults<\/span><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"lsh-family-note\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"7\" r=\"3\"\/><path d=\"M3 21v-3a6 6 0 0 1 12 0v3m1-17a3 3 0 0 1 0 6m2 4a5 5 0 0 1 3 4v3\"\/><\/svg> <span>Parents and educators: explore digital safety together with children.<\/span><\/p>\n<\/p><\/div>\n<\/section>\n<section id=\"articles\" class=\"lsh-section lsh-articles-section\" aria-labelledby=\"articles-title\" tabindex=\"-1\">\n<div class=\"lsh-container\">\n<div class=\"lsh-articles-head\" data-reveal>\n<div>\n<p class=\"lsh-kicker\">Knowledge That Helps You Stay Protected<\/p>\n<h2 id=\"articles-title\">Learn More About Digital Safety<\/h2>\n<\/div>\n<div class=\"lsh-section-intro\">\n<p>Guides on online privacy, account security, digital scams and safer internet use.<\/p>\n<p><a class=\"lsh-button\" href=\"https:\/\/ls.gives\/blog\/\">Explore Articles <svg class=\"lsh-i-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 12h16m-6-6 6 6-6 6\"\/><\/svg><\/a><\/div>\n<\/p><\/div>\n<div class=\"lsh-articles-grid\" data-reveal>\n<article class=\"lsh-article\"><img class=\"lsh-article-image\" src=\"\/wp-content\/uploads\/2026\/10\/article-ai.webp\" alt=\"LS Gives editorial artwork for Smart Technology and Safer Choices\" width=\"1200\" height=\"600\" loading=\"lazy\" decoding=\"async\"><\/p>\n<div class=\"lsh-article-body\">\n<div class=\"lsh-article-meta\"><span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M8 3v4m8-4v4\"\/><\/svg>10 Feb, 2026<\/span><span class=\"lsh-article-category\">Digital awareness<\/span><\/div>\n<h3><a href=\"https:\/\/ls.gives\/smart-technology-digital-safety-and-ethical-ai-use\/\">Smart Technology and Safer Choices: Defining Human Responsibility in the Age of AI<\/a><\/h3>\n<p>Privacy, critical thinking, and how families and educators can help children use AI responsibly.<\/p>\n<p><span class=\"lsh-article-more\" aria-hidden=\"true\">Read article <span class=\"lsh-round-arrow\"><svg class=\"lsh-i-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 12h16m-6-6 6 6-6 6\"\/><\/svg><\/span><\/span><\/div>\n<\/article>\n<article class=\"lsh-article\"><img class=\"lsh-article-image\" src=\"\/wp-content\/uploads\/2026\/10\/article-safer.webp\" alt=\"A young participant holding a certificate at an LS Gives digital safety activity\" width=\"1200\" height=\"600\" loading=\"lazy\" decoding=\"async\"><\/p>\n<div class=\"lsh-article-body\">\n<div class=\"lsh-article-meta\"><span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M8 3v4m8-4v4\"\/><\/svg>7 Mar, 2025<\/span><span class=\"lsh-article-category\">Community &amp; education<\/span><\/div>\n<h3><a href=\"https:\/\/ls.gives\/cybersecurity-awareness-month\/\">Safer Internet Day \u2013 Promoting Safe and Responsible Use of Technology<\/a><\/h3>\n<p>How conversations at home, in classrooms and in our communities encourage safer online habits.<\/p>\n<p><span class=\"lsh-article-more\" aria-hidden=\"true\">Read article <span class=\"lsh-round-arrow\"><svg class=\"lsh-i-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 12h16m-6-6 6 6-6 6\"\/><\/svg><\/span><\/span><\/div>\n<\/article>\n<\/div><\/div>\n<\/section>\n<section id=\"newsletter\" class=\"lsh-section lsh-community-section\" aria-labelledby=\"community-title\" tabindex=\"-1\">\n<div class=\"lsh-container\">\n<div class=\"lsh-community\" data-reveal>\n<div class=\"lsh-community-copy\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/newsletter-icon-new.svg\" alt=\"\" width=\"56\" height=\"56\" loading=\"lazy\"><\/p>\n<h2 id=\"community-title\">Join a Safer Digital Community<\/h2>\n<p>Get digital safety tips, new resources and community news by email.<\/p>\n<p class=\"lsh-closing-line\"><span>Explore.<\/span><span>Learn.<\/span><span class=\"lsh-closing-mark\">Share.<\/span><\/p>\n<\/p><\/div>\n<div class=\"lsh-newsletter-form lsh-newsletter-wp\">\n          <div class=\"frm_forms  with_frm_style frm_inline_form frm_inline_top frm_style_formidable-style\" id=\"frm_form_3_container\" data-token=\"0492e795bfc0f53a13ed9c8f03719ab1\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form  frm_js_validate  frm_ajax_submit  frm_pro_form \" id=\"form_newsletter-signup\" data-frm-error-config=\"{&quot;includeAlertRole&quot;:false,&quot;focusFirstError&quot;:false,&quot;focusErrorSummary&quot;:true}\" data-token=\"0492e795bfc0f53a13ed9c8f03719ab1\">\n<div class=\"frm_form_fields \">\n<fieldset>\n<legend class=\"frm_screen_reader\">Newsletter Signup<\/legend>\r\n\r\n<div class=\"frm_fields_container\">\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\n<input type=\"hidden\" name=\"form_id\" value=\"3\" \/>\n<input type=\"hidden\" name=\"frm_hide_fields_3\" id=\"frm_hide_fields_3\" value=\"\" \/>\n<input type=\"hidden\" name=\"form_key\" value=\"newsletter-signup\" \/>\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\n<input type=\"hidden\" id=\"frm_submit_entry_3\" name=\"frm_submit_entry_3\" value=\"54b5fb7b0c\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/pilupef\/wp\/v2\/pages\/1685\" \/><div id=\"frm_field_28_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container frm12 frm_first vertical_radio\">\r\n\t<div  id=\"field_jwulv_label\" class=\"frm_primary_label\">\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/div>\r\n\t<div class=\"frm_opt_container\" aria-labelledby=\"field_jwulv_label\" role=\"group\">\t\t<div class=\"frm_checkbox\" id=\"frm_checkbox_28-0\">\t\t\t<label >\n\t\t\t<input type=\"checkbox\" name=\"item_meta[28][]\" id=\"field_jwulv-0\" value=\"I\u2019m 18 or over and agree to receive the LS Gives newsletter. I can unsubscribe at any time.\"  data-reqmsg=\"Please check this box if you want ot proceed.\" data-invmsg=\"This field is invalid\"   aria-required=\"true\"  \/> I\u2019m 18 or over and agree to receive the LS Gives newsletter. I can unsubscribe at any time.<\/label><\/div>\n<\/div>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_27_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container frm6 frm_first\">\r\n\t<label for=\"field_6rzcf\" id=\"field_6rzcf_label\" class=\"frm_primary_label\">Email Address\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t<input type=\"email\" id=\"field_6rzcf\" name=\"item_meta[27]\" value=\"\"  autocomplete=\"email\"  placeholder=\"name@example.com\" data-reqmsg=\"Email Address is required.\" aria-required=\"true\" data-invmsg=\"Enter a valid email address, like name@example.com\" aria-invalid=\"false\"  \/>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_26_container\" class=\"frm_form_field form-field  frm6\">\r\n\t<div class=\"frm_submit frm_flex\">\r\n<button class=\"frm_button_submit frm_final_submit\" type=\"submit\"   formnovalidate=\"formnovalidate\">Subscribe<\/button>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\n\t<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\n\t\t\t<div id=\"frm_field_29_container\">\n\t\t\t<label for=\"field_4z5iq\" >\n\t\t\t\tIf you are human, leave this field blank.\t\t\t<\/label>\n\t\t\t<input  id=\"field_4z5iq\" type=\"text\" class=\"frm_form_field form-field frm_verify\" name=\"item_meta[29]\" value=\"\"  \/>\n\t\t<\/div>\n\t\t<input name=\"frm_state\" type=\"hidden\" value=\"bQvC\/84EdxABpV3Y\/VevJW0LT8ffoI6f7kXSlBncDpmvXd216COs+a+zTxtWcATu\" \/><\/div>\n<\/fieldset>\n<\/div>\n\n<p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"150\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><\/form>\n<\/div>\n\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<\/div>\n<p><\/main><\/p>\n<\/div>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"padding_top\":\"none\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<!-- Paste this entire file into one YOOtheme Pro HTML element.\\n     CSS is inline. Copy yootheme-scripts.html into YOOtheme Settings > Scripts (Body).\\n     Images and video use \/wp-content\/uploads\/2026\/10\/.\\n     Fonts are inherited from the surrounding page; no font files are embedded.\\n     Includes the main page content only; the site theme supplies the header and footer. -->\\n<\/p>\n<style>\\n#lsg-inline-page{display:block;width:100%;text-align:start;letter-spacing:normal;text-transform:none;}\\n\/* Values measured on ls.gives (YOOtheme theme.1.css, \/cybersecurity\/ computed styles), 2026-10-14:\\n   DM Sans 500\/700, normal letter-spacing, H1 68px\/1.15, section H2 68px, teal #00b58d section labels,\\n   mint #b9e7dc headline highlight (12px radius), #eaecf0 card borders, 12px cards, 10px outline buttons\\n   that fill black on hover, #333 card copy, #6b6b6b meta, 1200px container + 40px gutters.\\n   Deep blue #234b7e \/ #426590 come from the site's cybersecurity artwork; gold #fcc418 is the Libyan Spider brand\\n   gold, used only for the Sparo play buttons. All rules are scoped to .lsh; the theme owns the header and footer. *\/\\n\\n\\n\/* Arabic page: Almarai, the font of ls.gives\/ar (YOOtheme theme.2.rtl.css), same files and subsets. *\/\\n\\n\\n\\n\\n.lsh{--lsh-ink:#000;--lsh-copy:#333;--lsh-meta:#6b6b6b;--lsh-paper:#fff;--lsh-soft:#f8f8f8;--lsh-line:#eaecf0;--lsh-teal:#00b58d;--lsh-mint:#b9e7dc;--lsh-mint-line:#b0e1d5;--lsh-blue:#234b7e;--lsh-blue-2:#426590;--lsh-green:#5bc9af;--lsh-night:#172f52;--lsh-gold:#fcc418;--lsh-ease:cubic-bezier(.22,.61,.36,1);--lsh-shadow:0 30px 70px -30px rgba(23,47,82,.35);font-family:inherit;font-weight:500;font-size:17px;line-height:1.5;color:var(--lsh-ink);background:var(--lsh-paper);isolation:isolate;overflow-x:clip}\\n.lsh *{box-sizing:border-box}\\n.lsh img,.lsh video{display:block;max-width:100%;height:auto}\\n.lsh a{color:inherit;text-decoration:none}\\n.lsh p{margin:0 0 18px;text-wrap:pretty}\\n:where(.lsh) ul{margin:0;padding:0;list-style:none}\\n.lsh h1,.lsh h2,.lsh h3{font-family:inherit;color:inherit;letter-spacing:normal;text-wrap:balance;margin:0}\\n.lsh h1{font-size:clamp(40px,5.4vw,68px);line-height:1.15;font-weight:500}\\n.lsh h2{font-size:clamp(34px,4.7vw,68px);line-height:1.18;font-weight:500}\\n.lsh h3{font-size:22px;line-height:1.3;font-weight:700}\\n.lsh svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}\\n.lsh-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}\\n.lsh :focus-visible,.lsh-preview :focus-visible{outline:3px solid #234b7e;outline-offset:4px;border-radius:4px}\\n.lsh [tabindex='-1']:focus{outline:none}\\n.lsh-container{max-width:1280px;padding-inline:40px;margin-inline:auto}\\n.lsh-section{padding-block:72px;scroll-margin-block-start:24px}\\n\\n\/* Section label: the site's teal as a marker, so the label text keeps AA contrast (teal text on white is 2.6:1). *\/\\n.lsh-kicker{display:inline-flex;align-items:flex-start;gap:10px;font-size:18px;line-height:1.5;color:var(--lsh-blue);margin-block-end:18px!important}\\n.lsh-kicker::before{content:none}\\n\\n\/* Buttons: the theme's uk-button-default; the filled variant is the theme's hover\/active state. *\/\\n.lsh-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:14px;padding:0 26px;border:1px solid #000;border-radius:10px;font-family:inherit;font-weight:500;font-size:17px;line-height:1.3;color:#000;background:transparent;transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--lsh-ease);cursor:pointer;text-align:center}\\n.lsh-button svg{width:18px;height:18px;transition:transform .25s var(--lsh-ease)}\\n.lsh-button:hover{background:#000;color:#fff}\\n.lsh-button:hover svg:last-child{transform:translateX(3px)}\\n.lsh-button-dark{background:#000;color:#fff!important}\\n.lsh-button-dark:hover{background:var(--lsh-blue);border-color:var(--lsh-blue)}\\n.lsh-button-large{min-height:56px;padding-inline:30px;font-size:18px}\\n.lsh-button[hidden]{display:none}\\n.lsh-button-yellow{background:var(--lsh-gold);border-color:var(--lsh-gold);color:#000!important;font-weight:700}\\n.lsh-button-yellow:hover{background:#ffd84d;border-color:#ffd84d;color:#000}\\n.lsh-button-yellow svg:first-child{fill:currentColor}\\n.lsh-button:disabled,.lsh-button:disabled:hover{background:var(--lsh-soft);color:#767676;border-color:var(--lsh-line);cursor:not-allowed}\\n.lsh-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:17px;text-decoration:underline!important;text-underline-offset:6px;text-decoration-color:var(--lsh-mint-line)!important}\\n.lsh-text-link:hover{color:var(--lsh-blue)}\\n.lsh-text-link svg{width:18px;height:18px}\\n.lsh-status{font-size:14px!important;line-height:1.5!important;margin:12px 0 0!important;color:var(--lsh-meta)}\\n\\n\/* Scroll reveal (only when hub.js runs and motion is welcome) *\/\\n.lsh-motion [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--lsh-ease),transform .8s var(--lsh-ease)}\\n.lsh-motion [data-reveal].is-in{opacity:1;transform:none}\\n.lsh-motion .lsh-tips-grid>[data-reveal]:nth-child(3n+2){transition-delay:.08s}\\n\/* The hero is above the fold: it fades in on load instead of waiting for the scroll observer. *\/\\n.lsh-motion .lsh-hero [data-reveal]{opacity:1;transform:none;transition:none;animation:lsh-rise .9s var(--lsh-ease) both}\\n.lsh-motion .lsh-hero h1{animation-delay:.08s}.lsh-motion .lsh-hero-lead{animation-delay:.16s}.lsh-motion .lsh-actions-center{animation-delay:.28s}\\n@keyframes lsh-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}\\n.lsh-motion .lsh-tips-grid>[data-reveal]:nth-child(3n){transition-delay:.16s}\\n\\n\/* 01 Hero *\/\\n.lsh-hero{position:relative;overflow:hidden;padding-block:96px 72px;background:#fff;isolation:isolate}\\n.lsh-hero::before,.lsh-hero::after{content:'';position:absolute;width:460px;height:600px;top:30px;pointer-events:none;filter:blur(55px);opacity:.4;z-index:-1}\\n.lsh-hero::before{inset-inline-start:-280px;background:radial-gradient(ellipse,var(--lsh-blue-2) 12%,transparent 68%)}\\n.lsh-hero::after{inset-inline-end:-280px;background:radial-gradient(ellipse,var(--lsh-green) 12%,transparent 68%)}\\n.lsh-hero-inner{text-align:center}\\n.lsh-eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;margin-block-end:26px;font-size:17px;color:var(--lsh-blue)}\\n.lsh-eyebrow img{width:46px;height:46px}\\n.lsh-highlight{background:var(--lsh-mint);border-radius:12px;padding-inline:.42em;box-decoration-break:clone;-webkit-box-decoration-break:clone}\\n.lsh-hero-lead{max-width:720px;margin:28px auto 0!important;font-size:19px;line-height:1.6;color:var(--lsh-copy)}\\n.lsh-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}\\n.lsh-actions-center{justify-content:center;margin-block-start:32px}\\n\\n\/* Pause \/ play toggle on a video *\/\\n.lsh-media-toggle{position:absolute;inset-block-end:16px;inset-inline-start:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(23,47,82,.55);color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .2s;z-index:3}\\n.lsh-media-toggle:hover{background:rgba(23,47,82,.85)}\\n.lsh-media-toggle[hidden]{display:none}\\n.lsh-media-toggle svg{width:18px;height:18px}\\n.lsh-media-toggle .lsh-when-paused,.lsh-media-toggle[aria-pressed='true'] .lsh-when-playing{display:none}\\n.lsh-media-toggle[aria-pressed='true'] .lsh-when-paused{display:contents}\\n\/* Divider: a hairline that fades at both ends, with the site's teal dot in the middle *\/\\n.lsh-divider{position:relative;display:flex;align-items:center;justify-content:center;height:24px}\\n.lsh-divider::before{content:'';position:absolute;inset-inline:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--lsh-mint-line) 20%,var(--lsh-mint-line) 80%,transparent)}\\n.lsh-divider i{display:none}\\n\\n\/* \\\"Not available yet\\\": plain status text, never a disabled control. *\/\\n.lsh-soon{display:flex;align-items:flex-start;gap:12px;margin:0!important;font-size:15px;line-height:1.55;color:var(--lsh-copy)}\\n.lsh-soon-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(185,231,220,.6);color:var(--lsh-blue);flex-shrink:0}\\n.lsh-soon-icon svg{width:17px;height:17px}\\n\\n\/* Section headings *\/\\n.lsh-section-heading{text-align:center;max-width:900px;margin:0 auto 44px}\\n.lsh-section-heading>p:not(.lsh-kicker){max-width:680px;margin:22px auto 0;color:var(--lsh-copy);font-size:18px}\\n\\n\/* 02 Tips: tick the habits you practise; the score follows you down the cards (sticky at the screen's bottom). *\/\\n.lsh-section-heading>p.lsh-score-hint{margin-block-start:14px;font-size:16px;color:var(--lsh-blue)}\\n.lsh-score-hint[hidden]{display:none}\\n.lsh-score{position:relative;bottom:16px;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 26px;max-width:860px;margin:32px auto 0;padding:18px 28px;border:1px solid var(--lsh-line);border-radius:18px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 50px -24px rgba(23,47,82,.4)}\\n.lsh-score[hidden]{display:none}\\n.lsh-score.is-live{position:sticky}\\n.lsh-score-number{display:flex;align-items:baseline;gap:2px;font-weight:700;line-height:1}\\n.lsh-score-number strong{min-width:2.2ch;text-align:end;font-size:48px;color:var(--lsh-blue);font-variant-numeric:tabular-nums}\\n.lsh-score-number span{font-size:18px;color:var(--lsh-meta)}\\n.lsh-score.is-full .lsh-score-number strong{color:var(--lsh-teal)}\\n.lsh-score-body{min-width:0}\\n.lsh-score-title{margin:0 0 8px!important;font-weight:700}\\n.lsh-meter{position:relative;width:100%;height:10px;border-radius:10px;background:rgba(185,231,220,.45);overflow:hidden}\\n.lsh-meter i{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--lsh-green),var(--lsh-teal));transition:width .5s var(--lsh-ease)}\\n.lsh-score-message{margin:8px 0 0!important;font-size:15px;color:var(--lsh-copy)}\\n.lsh-tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}\\n.lsh-tip{position:relative;display:flex;flex-direction:column;border:1px solid var(--lsh-line);border-radius:18px;padding:34px;background:#fff;transition:border-color .3s,box-shadow .3s,transform .3s var(--lsh-ease),background-color .3s,opacity .8s var(--lsh-ease)}\\n.lsh-tip:hover{border-color:transparent;box-shadow:0 22px 50px -24px rgba(23,47,82,.35);transform:translateY(-4px)}\\n.lsh-motion .lsh-tip[data-reveal]:not(.is-in){transform:translateY(28px)}\\n.lsh-tip-top{display:flex;align-items:flex-start;justify-content:space-between;margin-block-end:28px}\\n.lsh-tip-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,rgba(185,231,220,.9),rgba(185,231,220,.35));color:var(--lsh-blue);transition:transform .4s var(--lsh-ease)}\\n.lsh-tip:hover .lsh-tip-icon{transform:rotate(-6deg) scale(1.05)}\\n.lsh-tip-icon svg{width:28px;height:28px}\\n.lsh-tip-number{font-size:40px;line-height:1;font-weight:700;color:transparent;-webkit-text-stroke:1px var(--lsh-mint-line)}\\n.lsh-tip h3{margin-block-end:12px}\\n.lsh-tip p{font-size:16px;line-height:1.65;color:var(--lsh-copy);margin:0 0 22px}\\n.lsh-habit-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-block-start:auto;min-height:44px;padding:0 16px 0 10px;border:1px solid var(--lsh-line);border-radius:999px;background:#fff;font-family:inherit;font-weight:500;font-size:15px;line-height:1;color:var(--lsh-copy);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}\\n#lsg-inline-page .lsh-habit-toggle:focus-within{outline:none!important;box-shadow:none!important}\\n#lsg-inline-page .lsh-habit-toggle .lsh-habit-checkbox{outline:none!important;box-shadow:none!important}\\n#lsg-inline-page .lsh-habit-toggle:has(.lsh-habit-checkbox:focus-visible){outline:3px solid var(--lsh-blue)!important;outline-offset:4px}\\n.lsh-habit-toggle:hover{border-color:var(--lsh-teal)}\\n.lsh-habit-toggle[hidden]{display:none}\\n.lsh-habit-box{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--lsh-mint-line);color:transparent;transition:background-color .2s,border-color .2s,color .2s}\\n.lsh-habit-box svg{width:14px;height:14px;stroke-width:2.6}\\n.lsh-habit-toggle.is-checked{background:var(--lsh-teal);border-color:var(--lsh-teal);color:#fff}\\n.lsh-habit-toggle.is-checked .lsh-habit-box{background:#fff;border-color:#fff;color:var(--lsh-teal)}\\n.lsh-tip.is-done{background:linear-gradient(160deg,rgba(185,231,220,.38),#fff 60%);border-color:var(--lsh-mint-line)}\\n\\n\/* 03 Articles: the site's blog-card pattern; the whole card is one link. *\/\\n.lsh-articles-section{background:linear-gradient(180deg,rgba(185,231,220,.18),rgba(185,231,220,0));border-block-start:1px solid var(--lsh-line)}\\n.lsh-articles-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px 60px;align-items:end;margin-block-end:46px}\\n.lsh-section-intro{color:var(--lsh-copy);font-size:17px}\\n.lsh-section-intro p{margin-block-end:10px}\\n.lsh-section-intro .lsh-button{margin-block-start:14px}\\n.lsh-articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}\\n.lsh-articles-grid:has(> :nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}\\n.lsh-article{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid var(--lsh-line);background:#fff;transition:border-color .3s,box-shadow .3s,transform .3s var(--lsh-ease)}\\n.lsh-article:hover,.lsh-article:focus-within{border-color:transparent;box-shadow:0 22px 50px -24px rgba(23,47,82,.35);transform:translateY(-4px)}\\n.lsh-article-image{aspect-ratio:2\/1;object-fit:cover;width:100%;border-block-end:1px solid var(--lsh-line);transition:transform .6s var(--lsh-ease)}\\n.lsh-article:hover .lsh-article-image{transform:scale(1.03)}\\n.lsh-article-body{position:relative;padding:30px;display:flex;flex-direction:column;flex:1;background:#fff}\\n.lsh-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:15px;color:var(--lsh-meta);margin-block-end:14px}\\n.lsh-article-meta svg{width:16px;height:16px;margin-inline-end:6px;vertical-align:-2px}\\n.lsh-article-category{background:rgba(185,231,220,.45);border-radius:6px;padding:2px 10px;color:var(--lsh-blue)}\\n.lsh-article h3{margin-block-end:12px;text-wrap:pretty}\\n.lsh-article h3 a::after{content:'';position:absolute;inset:0;border-radius:18px;z-index:1}\\n.lsh-article{isolation:isolate}\\n.lsh-article h3 a:focus-visible{outline:none}\\n.lsh-article h3 a:focus-visible::after{outline:3px solid var(--lsh-blue);outline-offset:-3px}\\n.lsh-article h3 a{position:static}\\n.lsh-article-body{position:static}\\n.lsh-article p{font-size:16px;color:var(--lsh-copy);margin-block-end:26px}\\n.lsh-article-more{display:flex;align-items:center;justify-content:space-between;margin-block-start:auto;font-size:16px}\\n.lsh-round-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lsh-teal);color:#fff;transition:transform .3s var(--lsh-ease)}\\n.lsh-round-arrow svg{width:18px;height:18px;stroke-width:2}\\n.lsh-article:hover .lsh-round-arrow{transform:rotate(-45deg)}\\n.lsh-articles-empty{padding:40px;border:1px dashed var(--lsh-mint-line);border-radius:12px;text-align:center;color:var(--lsh-copy)}\\n\\n\/* 04 Presentation: one clean card, a single slide preview beside the text. *\/\\n.lsh-resource-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:40px;border:1px solid var(--lsh-line);border-radius:20px;background:#fff}\\n.lsh-resource-preview{min-width:0}\\n.lsh-resource-image{width:100%;aspect-ratio:16\/9;object-fit:cover;border:1px solid var(--lsh-line);border-radius:12px}\\n.lsh-resource-copy h3{font-size:clamp(26px,2.6vw,36px);line-height:1.18;margin-block-end:12px}\\n.lsh-deck-meta{display:flex;flex-wrap:wrap;gap:2px 8px;margin-block-end:20px!important;font-size:15px;color:var(--lsh-meta)}\\n.lsh-resource-copy>p:not(.lsh-kicker):not(.lsh-deck-meta):not(.lsh-status):not(.lsh-soon){font-size:16px;line-height:1.65;color:var(--lsh-copy)}\\n.lsh-resource-copy .lsh-actions{margin-block-start:24px}\\n.lsh-resource-cover{background:#fff;border:1px solid var(--lsh-line);border-radius:10px;aspect-ratio:16\/9;width:100%;max-width:520px;padding:30px;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 50px -20px rgba(35,75,126,.35)}\\n.lsh-resource-cover>.lsh-cover-logo{width:90px}\\n.lsh-resource-cover .lsh-cover-icon{position:absolute;width:54px;inset-inline-end:26px;top:24px}\\n.lsh-resource-cover strong{font-size:clamp(22px,2.3vw,32px);font-weight:500;line-height:1.15;max-width:300px;margin-block:auto 14px}\\n.lsh-resource-cover small{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--lsh-meta);border-block-start:1px solid var(--lsh-line);padding-block-start:12px}\\n\\n\/* 05 Sparo: deep-blue stage; heading across the top, a large game preview with scene buttons, copy beside it. *\/\\n.lsh-sparo-section{padding-block-start:0}\\n.lsh-sparo-card{position:relative;padding:56px 56px 60px;background:radial-gradient(90% 120% at 100% 0%,rgba(91,201,175,.32),transparent 55%),radial-gradient(70% 90% at 0% 100%,rgba(66,101,144,.6),transparent 60%),linear-gradient(135deg,var(--lsh-blue) 0%,var(--lsh-night) 100%);border-radius:28px;color:#fff;overflow:hidden;isolation:isolate}\\n.lsh-sparo-card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.4px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);z-index:-1}\\n.lsh-sparo-head{margin-block-end:36px}\\n.lsh-sparo-head>.lsh-kicker{color:var(--lsh-mint)}\\n.lsh-sparo-head h2{font-size:clamp(34px,3.6vw,52px);line-height:1.12;margin-block-end:16px}\\n.lsh-sparo-sub{display:inline-block;font-size:19px;font-weight:700;color:var(--lsh-night);background:var(--lsh-mint);border-radius:10px;padding:4px 14px;margin:0!important}\\n.lsh-sparo-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:center}\\n.lsh-sparo-media{min-width:0}\\n.lsh-sparo-screen{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16\/9;background:#171e37 center\/cover;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(185,231,220,.35)}\\n.lsh-sparo-video{width:100%;height:100%;object-fit:cover}\\n.lsh-progress{position:absolute;inset-inline:0;inset-block-end:0;height:4px;background:rgba(255,255,255,.18)}\\n.lsh-progress i{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:var(--lsh-mint)}\\n.lsh-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-block-start:14px}\\n.lsh-chapters[hidden]{display:none}\\n.lsh-chapters li{display:flex}\\n.lsh-chapter{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:64px;padding:10px 12px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);font-family:inherit;font-weight:500;font-size:14px;line-height:1.3;text-align:start;cursor:pointer;overflow:hidden;transition:background-color .2s,border-color .2s,color .2s}\\n.lsh-chapter:hover{background:rgba(255,255,255,.12);color:#fff}\\n.lsh-chapter-n{font-size:12px;color:var(--lsh-mint)}\\n.lsh-chapter::after{content:'';position:absolute;inset-inline-start:0;inset-block-end:0;height:3px;width:calc(var(--p,0) * 100%);background:var(--lsh-mint)}\\n.lsh-chapter[aria-current='true']{background:rgba(185,231,220,.16);border-color:rgba(185,231,220,.7);color:#fff}\\n.lsh-chapter:focus-visible{outline-color:#fff}\\n.lsh-sparo-copy>p:not(.lsh-soon):not(.lsh-status){font-size:17px;line-height:1.65;color:rgba(255,255,255,.88)}\\n.lsh-sparo-copy .lsh-sparo-ready{font-weight:700;color:#fff!important;margin-block:22px 16px}\\n.lsh-sparo-copy .lsh-soon{color:rgba(255,255,255,.9)}\\n.lsh-sparo-copy .lsh-soon-icon{background:rgba(185,231,220,.2);color:var(--lsh-mint)}\\n.lsh-sparo-copy .lsh-status{color:rgba(255,255,255,.82)}\\n.lsh-sparo-copy .lsh-button{border-color:#fff}\\n.lsh-sparo-copy .lsh-button-yellow{border-color:var(--lsh-gold)}\\n.lsh-sparo-copy .lsh-actions+.lsh-soon{margin-block-start:16px!important}\\n.lsh-sparo-copy .lsh-button-dark{background:#fff;color:#000!important}\\n.lsh-sparo-copy .lsh-button-dark:hover{background:var(--lsh-mint);border-color:var(--lsh-mint)}\\n.lsh-sparo-screen .lsh-media-toggle{inset-block:14px auto;inset-inline:auto 14px}\\n.lsh-sparo-still{display:flex;justify-content:center}\\n.lsh-sparo-still img{max-height:440px;width:auto}\\n.lsh-sparo-placeholder{max-width:300px;margin:auto;text-align:center;background:rgba(255,255,255,.12);padding:40px 28px;border-radius:16px}\\n.lsh-sparo-placeholder>svg{width:60px;height:60px;margin-block-end:20px}\\n.lsh-sparo-placeholder strong{font-size:32px;font-weight:500;line-height:1.15;display:block}\\n.lsh-sparo-placeholder p{font-size:15px;line-height:1.6;margin:18px 0 0;color:rgba(255,255,255,.85)}\\n.lsh-family-note{display:flex;align-items:center;justify-content:center;gap:14px;max-width:860px;margin:30px auto 0!important;color:var(--lsh-copy);font-size:16px;text-align:start}\\n.lsh-family-note svg{width:28px;height:28px;color:var(--lsh-blue)}\\n\\n\/* 06 Community + newsletter: the last call to action *\/\\n.lsh-community-section{padding-block-end:88px}\\n.lsh-community{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px 64px;align-items:center;padding:52px 56px;border:1px solid var(--lsh-mint-line);border-radius:24px;background:radial-gradient(90% 140% at 0% 0%,rgba(185,231,220,.95),rgba(185,231,220,.35) 55%,rgba(66,101,144,.12))}\\n.lsh-community-copy>img{width:52px;height:52px;margin-block-end:16px}\\n.lsh-community-copy h2{font-size:clamp(32px,3.4vw,48px);line-height:1.15;margin-block-end:14px}\\n.lsh-community-copy>p:not(.lsh-closing-line){margin:0;font-size:17px;color:var(--lsh-copy)}\\n.lsh-closing-line{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0!important}\\n.lsh-closing-line span{padding:6px 16px;border:1px solid var(--lsh-mint-line);border-radius:999px;background:#fff;font-size:16px;font-weight:700}\\n.lsh-closing-line .lsh-closing-mark{background:var(--lsh-mint);border-color:var(--lsh-mint)}\\n.lsh-newsletter-soon p{margin-block-end:16px;font-size:17px;color:var(--lsh-copy)}\\n.lsh-form-label{display:block;margin-block-end:8px;font-size:15px}\\n.lsh-form-row{display:flex;gap:10px}\\n.lsh-input{flex:1;min-width:0;min-height:56px;padding:0 18px;border:1px solid #b8c6d3;border-radius:10px;background:#fff;font-family:inherit;font-weight:500;font-size:17px;color:#000}\\n.lsh-input::placeholder{color:#8a97a5}\\n.lsh-input:focus{outline:3px solid var(--lsh-blue);outline-offset:1px;border-color:var(--lsh-blue)}\\n.lsh-check{position:relative;display:flex;align-items:flex-start;gap:12px;margin-block-start:16px;font-size:14px;line-height:1.5;color:var(--lsh-copy);cursor:pointer}\\n.lsh-check input{position:absolute;inset-block-start:0;inset-inline-start:0;width:24px;height:24px;margin:0;opacity:0;cursor:pointer}\\n.lsh-check-box{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid #8fa3b6;border-radius:6px;background:#fff;color:transparent;flex-shrink:0;transition:background-color .2s,border-color .2s}\\n.lsh-check-box svg{width:15px;height:15px;stroke-width:2.6}\\n.lsh-check input:checked+.lsh-check-box{background:var(--lsh-teal);border-color:var(--lsh-teal);color:#fff}\\n.lsh-check input:focus-visible+.lsh-check-box{outline:3px solid var(--lsh-blue);outline-offset:2px}\\n.lsh-check a{text-decoration:underline;text-underline-offset:3px}\\n.lsh-form-status{margin:14px 0 0!important;font-size:15px;color:var(--lsh-blue)}\\n.lsh-form-status:empty{display:none}\\n\/* Formidable newsletter (including translated form IDs): email and submit first, then the consent checkbox. *\/\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms{width:100%;max-width:none;margin:0!important;font-family:inherit;color:var(--lsh-copy)}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms form,#lsg-inline-page .lsh-newsletter-wp .frm_forms fieldset{min-width:0;margin:0!important;padding:0!important;border:0!important;background:transparent!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_fields_container{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px 10px!important;align-items:start}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field{float:none!important;clear:none!important;width:auto!important;min-width:0;margin:0!important;padding:0!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=email]){grid-column:1!important;grid-row:1!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_fields_container > :is(.frm_form_field:has(.frm_submit),.frm_submit){grid-column:2!important;grid-row:1!important;padding-block-start:30.5px!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]){grid-column:1 \/ -1!important;grid-row:2!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=email])>.frm_primary_label{display:block!important;margin:0 0 8px!important;padding:0!important;font-family:inherit!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important;color:var(--lsh-ink)!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=email]) .frm_required{display:none}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms input[type=email]{display:block!important;box-sizing:border-box!important;width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0 18px!important;border:1px solid #b8c6d3!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;font-family:inherit!important;font-size:17px!important;font-weight:500!important;line-height:1.5!important;color:#000!important;direction:ltr}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms input[type=email]::placeholder{color:#8a97a5!important;opacity:1}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms input[type=email]:focus{outline:3px solid var(--lsh-blue)!important;outline-offset:1px;border-color:var(--lsh-blue)!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_submit{display:block!important;margin:0!important;padding:0!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit{display:inline-flex!important;align-items:center;justify-content:center;gap:14px!important;width:auto!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0 30px!important;border:1px solid #000!important;border-radius:10px!important;background:#000!important;box-shadow:none!important;font-family:inherit!important;font-weight:500!important;font-size:18px!important;line-height:1.3!important;color:#fff!important;text-transform:none!important;cursor:pointer;transition:background-color .25s,border-color .25s}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit::after{content:'\u2192';display:inline-block;position:static;width:auto;height:auto;margin:0;font-size:24px;line-height:1;transition:transform .25s}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit:hover{background:var(--lsh-blue)!important;border-color:var(--lsh-blue)!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit:hover::after{transform:translateX(3px)}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit:focus-visible{outline:3px solid var(--lsh-blue)!important;outline-offset:4px}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit:disabled{opacity:.6;cursor:wait}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox])>.frm_primary_label{display:none!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) .frm_opt_container,#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) .frm_checkbox{margin:0!important;padding:0!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) .frm_checkbox label{display:flex!important;align-items:flex-start;gap:12px;margin:0!important;padding:0!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;color:var(--lsh-copy)!important;cursor:pointer}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;position:relative!important;display:block!important;flex:0 0 24px;width:24px!important;height:24px!important;min-width:24px;min-height:24px;margin:0!important;padding:0!important;border:1.5px solid #8fa3b6!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;opacity:1!important;cursor:pointer}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) input[type=checkbox]:checked{background:var(--lsh-teal)!important;border-color:var(--lsh-teal)!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) input[type=checkbox]:checked::after{content:'';position:absolute;top:3px;left:7px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) input[type=checkbox]:focus-visible{outline:3px solid var(--lsh-blue)!important;outline-offset:2px}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_error{margin:6px 0 0!important;font-size:14px!important;line-height:1.5;color:#a12622}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms input[aria-invalid=true]{border-color:#a12622!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_error_style,#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_message{margin:0 0 16px!important;padding:14px 18px!important;border-radius:10px;font-family:inherit!important;font-size:15px!important;line-height:1.5!important}\\n\/* Retain Formidable's screen-reader legend and honeypot without exposing them visually. *\/\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_screen_reader,#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_fields_container > div:has(input.frm_verify){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\\n@media(max-width:639px){\\n #lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_fields_container{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}\\n #lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=email]){grid-column:1!important;grid-row:1!important}\\n #lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_fields_container > :is(.frm_form_field:has(.frm_submit),.frm_submit){grid-column:1!important;grid-row:2!important;padding-block-start:0!important}\\n #lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]){grid-row:3!important}\\n #lsg-inline-page .lsh-newsletter-wp .frm_forms button.frm_button_submit{width:100%!important}\\n}\\n\\n\/* Link added to \/cybersecurity\/ by the plugin once the hub is published *\/\\n.lsh-csr-link{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:64px;border-block-start:1px solid var(--lsh-line)}\\n.lsh-csr-link h2{font-size:clamp(32px,3.4vw,44px);margin-block-end:14px}\\n.lsh-csr-link p:last-child{margin:0;color:var(--lsh-copy)}\\n.lsh-csr-link .lsh-button{flex-shrink:0}\\n\\n\/* Arabic (right-to-left). Layout already uses logical properties; these mirror what is drawn in one direction.\\n   Icons in buttons sit on the left of the text (the build places them): arrows point left (\u2190), play icons still point right. *\/\\n.lsh[lang=ar]{}\\n.lsh[lang=ar] h1,.lsh[lang=ar] h2{line-height:1.35}\\n.lsh[lang=ar] h3,.lsh[lang=ar] .lsh-sparo-head h2,.lsh[lang=ar] .lsh-community-copy h2{line-height:1.4}\\n.lsh[lang=ar] p{line-height:1.75}\\n.lsh[lang=ar] .lsh-highlight{padding-block:.04em .1em}\\n\/* The film itself isn't mirrored, so its pause button stays top-right, clear of the game's logo. *\/\\n.lsh[dir=rtl] .lsh-sparo-screen .lsh-media-toggle{inset-inline:14px auto}\\n.lsh[dir=rtl] .lsh-button:hover svg:last-child{transform:translateX(-3px)}\\n.lsh[dir=rtl] .lsh-button:hover svg:not(.lsh-i-arrow){transform:translateX(3px)}\\n.lsh[dir=rtl] .lsh-article:hover .lsh-round-arrow{transform:rotate(45deg)}\\n.lsh[dir=rtl] .lsh-tip:hover .lsh-tip-icon{transform:rotate(6deg) scale(1.05)}\\n.lsh[dir=rtl] .lsh-meter i{background:linear-gradient(270deg,var(--lsh-green),var(--lsh-teal))}\\n.lsh[dir=rtl] .lsh-sparo-card{background:radial-gradient(90% 120% at 0% 0%,rgba(91,201,175,.32),transparent 55%),radial-gradient(70% 90% at 100% 100%,rgba(66,101,144,.6),transparent 60%),linear-gradient(225deg,var(--lsh-blue) 0%,var(--lsh-night) 100%)}\\n.lsh[dir=rtl] .lsh-sparo-card::before{mask-image:linear-gradient(270deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(270deg,transparent,#000 70%)}\\n.lsh[dir=rtl] .lsh-community{background:radial-gradient(90% 140% at 100% 0%,rgba(185,231,220,.95),rgba(185,231,220,.35) 55%,rgba(66,101,144,.12))}\\n.lsh[dir=rtl] .lsh-tip.is-done{background:linear-gradient(200deg,rgba(185,231,220,.38),#fff 60%)}\\n\\n@media(min-width:1600px){.lsh-section{padding-block:88px}.lsh-sparo-section{padding-block-start:0}}\\n@media(max-width:1199px){\\n .lsh-tip{padding:28px}\\n .lsh-sparo-card{padding:48px 40px 52px}.lsh-sparo-body{gap:36px}.lsh-chapter{padding:9px 10px 11px;font-size:13px}\\n .lsh-resource-card{padding:32px;gap:40px}.lsh-community{padding:44px;gap:28px 44px}\\n}\\n@media(max-width:959px){\\n .lsh-container{padding-inline:30px}.lsh-section{padding-block:60px}.lsh-hero{padding-block:72px 60px}\\n .lsh-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\\n .lsh-articles-head{grid-template-columns:1fr;gap:22px}\\n .lsh-resource-card{grid-template-columns:1fr;gap:28px}.lsh-resource-preview{max-width:560px}\\n .lsh-community{grid-template-columns:1fr;padding:40px}.lsh-community-section{padding-block-end:64px}\\n .lsh-sparo-card{padding:44px 36px 48px}.lsh-sparo-head{margin-block-end:28px}\\n .lsh-sparo-body{grid-template-columns:1fr;gap:32px}\\n}\\n@media(max-width:639px){\\n .lsh{font-size:16px}.lsh-container{padding-inline:20px}.lsh-section{padding-block:48px}\\n .lsh-hero{padding-block:48px 48px}.lsh h1{font-size:clamp(36px,10.6vw,46px)}.lsh-highlight{border-radius:9px}\\n .lsh-eyebrow{font-size:15px;margin-block-end:20px}.lsh-eyebrow img{width:38px;height:38px}\\n .lsh-hero-lead{font-size:17px;margin-block:22px 0!important}\\n .lsh-actions-center{flex-direction:column;align-items:stretch;margin-block-start:26px}.lsh-actions-center .lsh-button{width:100%}\\n .lsh-button{font-size:16px;padding-inline:20px;gap:12px}\\n .lsh-media-toggle{inset-block-end:10px;inset-inline-start:10px;width:40px;height:40px}\\n .lsh-section-heading{margin-block-end:32px}.lsh-section-heading>p:not(.lsh-kicker){font-size:16px;margin-block-start:18px}\\n .lsh-kicker{font-size:15px;margin-block-end:14px!important}\\n .lsh-score{bottom:10px;gap:2px 16px;margin-block-start:22px;padding:14px 16px;border-radius:14px}.lsh-score-number strong{font-size:36px}.lsh-score-number span{font-size:15px}.lsh-score-title{font-size:15px;margin-block-end:6px!important}.lsh-score-message{font-size:14px}\\n .lsh-tips-grid{grid-template-columns:1fr;gap:14px}.lsh-tip{padding:24px;border-radius:16px}.lsh-tip-top{margin-block-end:18px}.lsh-tip-icon{width:52px;height:52px}.lsh-tip-number{font-size:32px}.lsh h3{font-size:20px}.lsh-tip p{font-size:15px}\\n .lsh-section-intro{font-size:16px}.lsh-articles-head{margin-block-end:30px}\\n .lsh-articles-grid,.lsh-articles-grid:has(> :nth-child(3)){grid-template-columns:1fr;gap:20px}.lsh-article-body{padding:22px}.lsh-article-meta{font-size:14px}\\n .lsh-resource-card{border-radius:18px}\\n .lsh-resource-cover{padding:20px;aspect-ratio:auto;min-height:220px}.lsh-resource-cover strong{margin-block:30px 14px;max-width:210px;font-size:22px}\\n .lsh-resource-card{padding:20px;gap:22px}.lsh-resource-copy h3{font-size:26px}.lsh-resource-copy>p:not(.lsh-kicker):not(.lsh-deck-meta):not(.lsh-status):not(.lsh-soon){font-size:15px}.lsh-resource-copy .lsh-actions .lsh-button{width:100%}.lsh-deck-meta{font-size:14px}\\n .lsh-sparo-card{padding:28px 20px 32px;border-radius:20px}.lsh-sparo-head{margin-block-end:22px}.lsh-sparo-head h2{font-size:32px}.lsh-sparo-sub{font-size:16px}\\n .lsh-sparo-screen{border-radius:14px}\\n .lsh-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;margin-inline:0;padding-inline:0;scroll-snap-type:none}\\n .lsh-chapters li{min-width:0}.lsh-chapters li:last-child{grid-column:1 \/ -1}\\n .lsh-chapter{min-width:0;width:100%;min-height:64px;white-space:normal;overflow-wrap:anywhere}\\n .lsh-sparo-copy>p:not(.lsh-soon):not(.lsh-status){font-size:16px}.lsh-sparo-copy .lsh-button{width:100%}\\n .lsh-family-note{align-items:flex-start;font-size:15px}\\n .lsh-closing-line span{font-size:15px;padding:5px 13px}\\n .lsh-community-section{padding-block-end:52px}.lsh-community{padding:28px 20px;border-radius:18px}.lsh-community-copy h2{font-size:30px}.lsh-community-copy>p:not(.lsh-closing-line){font-size:16px}\\n .lsh-form-row{flex-direction:column}.lsh-form-row .lsh-button{width:100%}\\n .lsh-csr-link{align-items:flex-start;flex-direction:column}\\n}\\n@media(prefers-reduced-motion:reduce){.lsh *,.lsh *::before,.lsh *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.lsh-tip:hover,.lsh-article:hover{transform:none}}\\n@media print{.lsh [data-reveal]{opacity:1!important;transform:none!important}}\\n\\n\\n\/* Standalone preview shell only. Production uses the existing WordPress theme. *\/\\n.lsh-preview{margin:0;background:#fff;color:#000;font-family:inherit;font-weight:500;font-size:17px;line-height:1.5;}\\n.lsh-preview:lang(ar){font-family:inherit}\\n.lsh-preview *{box-sizing:border-box}\\n.lsh-preview a{color:inherit;text-decoration:none}\\n.lsh-preview svg{width:22px;height:22px;vertical-align:middle}\\n.preview-skip{position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-160%);background:#fff;border:1px solid #000;padding:12px;z-index:30;border-radius:8px}\\n.preview-skip:focus{transform:none}\\n@media(min-width:960px){#preview-mobile-nav{display:none!important}}\\n\\n\\n\/* Native checkbox state remains visible even before JavaScript initializes. *\/\\n#lsg-inline-page .lsh-habit-toggle{position:relative;isolation:isolate;cursor:pointer}\\n#lsg-inline-page .lsh-habit-checkbox{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;padding:0!important;clip:auto!important;clip-path:none!important;display:block!important;cursor:pointer;z-index:2}\\n#lsg-inline-page .lsh-habit-toggle:has(.lsh-habit-checkbox:checked){background:var(--lsh-teal);border-color:var(--lsh-teal);color:#fff}\\n#lsg-inline-page .lsh-habit-toggle:has(.lsh-habit-checkbox:checked) .lsh-habit-box{background:#fff;border-color:#fff;color:var(--lsh-teal)}\\n#lsg-inline-page .lsh-tip:has(.lsh-habit-checkbox:checked){background:linear-gradient(160deg,rgba(185,231,220,.38),#fff 60%);border-color:var(--lsh-mint-line)}\\n.lsh .lsh-score{position:relative!important;bottom:auto!important}\\n.lsh-score-portal{position:fixed!important;top:auto!important;z-index:10000!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;isolation:isolate}\\n.lsh-score-portal[hidden]{display:none!important}\\n.lsh-score-portal .lsh-score{position:relative!important;bottom:auto!important;width:100%;margin:0!important;box-sizing:border-box}\\n.lsh-score-slot{display:flow-root}\\n\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=email]),\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]){max-width:none!important;box-sizing:border-box!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_form_field:has(input[type=checkbox]) .frm_required{display:none!important}\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_checkbox label::before,\\n#lsg-inline-page .lsh-newsletter-wp .frm_forms .frm_checkbox label::after{content:none!important}\\n\\n\/* Give the Sparo description a clear heading and align it with the video. *\/\\n.lsh[lang=en] .lsh-sparo-copy{align-self:start;padding-block-start:12px}\\n.lsh[lang=en] .lsh-sparo-copy .lsh-sparo-copy-title{font-size:clamp(24px,2.4vw,32px);line-height:1.4;font-weight:700;margin:0 0 16px;color:#fff}\\n@media(max-width:959px){.lsh[lang=en] .lsh-sparo-copy{padding-block-start:0}}\\n<\/style>\n<p>\\n<\/p>\n<div id=\\\"lsg-inline-page\\\" class=\\\"lsh-preview\\\" lang=\\\"en\\\" dir=\\\"ltr\\\">\\n\\n  <a class=\\\"preview-skip\\\" href=\\\"#lsg-inline-main\\\">Skip to main content<\/a>\\n  <main id=\\\"lsg-inline-main\\\" tabindex=\\\"-1\\\"><\/p>\n<div class=\\\"lsh\\\" id=\\\"digital-safety-hub\\\" lang=\\\"en\\\" dir=\\\"ltr\\\" data-lsh-text=\\\"{&quot;pause&quot;: &quot;Pause the game preview&quot;, &quot;play&quot;: &quot;Play the game preview&quot;, &quot;scoreSpoken&quot;: &quot;Your score is {score} out of 100.&quot;, &quot;scoreMessages&quot;: [&quot;Tick the habits you already practise.&quot;, &quot;A good start. Try one more habit this week.&quot;, &quot;Nice work. You already have solid habits.&quot;, &quot;Almost there! One more habit to go.&quot;, &quot;Excellent! Share these habits with someone you care about.&quot;], &quot;previewSent&quot;: &quot;Preview only: this form isn\u2019t connected yet. Nothing was sent.&quot;}\\\">\\n  <\/p>\n<section class=\\\"lsh-hero\\\" aria-labelledby=\\\"hub-title\\\">\\n    <\/p>\n<div class=\\\"lsh-container lsh-hero-inner\\\">\\n      <\/p>\n<div class=\\\"lsh-eyebrow\\\" data-reveal><img src=\\\"\/wp-content\/uploads\/2026\/10\/digital-page-icon.svg\\\" width=\\\"48\\\" height=\\\"48\\\" alt=\\\"\\\"><span>Digital Safety Hub<\/span><\/div>\n<p>\\n      <\/p>\n<h1 id=\\\"hub-title\\\" data-reveal>A Safer Internet<br \/>Starts <span class=\\\"lsh-highlight\\\">With Us<\/span><\/h1>\n<p>\\n      <\/p>\n<p class=\\\"lsh-hero-lead\\\" data-reveal>Practical tips, learning resources and a game with Sparo, so individuals, families and young learners can stay safe online.<\/p>\n<p>\\n      <\/p>\n<div class=\\\"lsh-actions lsh-actions-center\\\" data-reveal>\\n        <a class=\\\"lsh-button lsh-button-dark\\\" href=\\\"#safety-tips\\\">Explore Safety Tips <svg class=\\\"lsh-i-arrow\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"M4 12h16m-6-6 6 6-6 6\\\"\/><\/svg><\/a>\\n        <a class=\\\"lsh-button\\\" href=\\\"#sparo\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"m9 5 11 7-11 7Z\\\"\/><\/svg> Play with Sparo<\/a>\\n      <\/div>\n<p>\\n    <\/p><\/div>\n<p>\\n  <\/section>\n<p>\\n\\n  <\/p>\n<div class=\\\"lsh-container\\\" aria-hidden=\\\"true\\\">\n<div class=\\\"lsh-divider\\\"><\/div>\n<\/div>\n<p>\\n\\n  <\/p>\n<section id=\\\"safety-tips\\\" class=\\\"lsh-section lsh-tips-section\\\" aria-labelledby=\\\"tips-title\\\" tabindex=\\\"-1\\\">\\n    <\/p>\n<div class=\\\"lsh-container\\\">\\n      <\/p>\n<div class=\\\"lsh-section-heading\\\" data-reveal>\\n        <\/p>\n<p class=\\\"lsh-kicker\\\">Cybersecurity tips<\/p>\n<p>\\n        <\/p>\n<h2 id=\\\"tips-title\\\">Small Habits.<br \/>Safer Online Experiences.<\/h2>\n<p>\\n        <\/p>\n<p>No tech expertise needed. A few simple habits make a real difference.<\/p>\n<p>\\n        <\/p>\n<p class=\\\"lsh-score-hint\\\" data-score-hint>Tick the habits you already practise to see your score. Nothing is saved.<\/p>\n<p>\\n      <\/p><\/div>\n<p>\\n      <\/p>\n<div class=\\\"lsh-tips-grid\\\">\n<article class=\\\"lsh-tip\\\" data-reveal>\n<div class=\\\"lsh-tip-top\\\"><span class=\\\"lsh-tip-icon\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"m8 7 5 15 2-6 6-2L8 7ZM4 2l1 3M1 8h3m8-7-2 3\\\"\/><\/svg><\/span><span class=\\\"lsh-tip-number\\\" aria-hidden=\\\"true\\\">01<\/span><\/div>\n<h3>Think Before You Click<\/h3>\n<p>Verify the sender before opening unexpected links or attachments.<\/p>\n<p><label class=\\\"lsh-habit-toggle\\\"><input class=\\\"lsh-habit-checkbox\\\" type=\\\"checkbox\\\" name=\\\"safety-habit\\\"><span class=\\\"lsh-habit-box\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"m5 12 4 4L19 6\\\"\/><\/svg><\/span>I do this<span class=\\\"lsh-visually-hidden\\\">: Think Before You Click<\/span><\/label><\/article>\n<article class=\\\"lsh-tip\\\" data-reveal>\n<div class=\\\"lsh-tip-top\\\"><span class=\\\"lsh-tip-icon\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"8\\\" cy=\\\"9\\\" r=\\\"5\\\"\/><path d=\\\"m12 13 8 8m-4-4 3-3m-6 0 3-3\\\"\/><path d=\\\"M6.5 7.5h.01\\\"\/><\/svg><\/span><span class=\\\"lsh-tip-number\\\" aria-hidden=\\\"true\\\">02<\/span><\/div>\n<h3>Protect Your Accounts<\/h3>\n<p>Use strong, unique passwords or passkeys, and turn on multi-factor authentication.<\/p>\n<p><label class=\\\"lsh-habit-toggle\\\"><input class=\\\"lsh-habit-checkbox\\\" type=\\\"checkbox\\\" name=\\\"safety-habit\\\"><span class=\\\"lsh-habit-box\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"m5 12 4 4L19 6\\\"\/><\/svg><\/span>I do this<span class=\\\"lsh-visually-hidden\\\">: Protect Your Accounts<\/span><\/label><\/article>\n<article class=\\\"lsh-tip\\\" data-reveal>\n<div class=\\\"lsh-tip-top\\\"><span class=\\\"lsh-tip-icon\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><rect x=\\\"4\\\" y=\\\"3\\\" width=\\\"16\\\" height=\\\"18\\\" rx=\\\"3\\\"\/><circle cx=\\\"12\\\" cy=\\\"9\\\" r=\\\"2.5\\\"\/><path d=\\\"M8 17c0-4 8-4 8 0\\\"\/><\/svg><\/span><span class=\\\"lsh-tip-number\\\" aria-hidden=\\\"true\\\">03<\/span><\/div>\n<h3>Keep Personal Info Private<\/h3>\n<p>Think twice before sharing your location, contact details, photos or family information.<\/p>\n<p><label class=\\\"lsh-habit-toggle\\\"><input class=\\\"lsh-habit-checkbox\\\" type=\\\"checkbox\\\" name=\\\"safety-habit\\\"><span class=\\\"lsh-habit-box\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"m5 12 4 4L19 6\\\"\/><\/svg><\/span>I do this<span class=\\\"lsh-visually-hidden\\\">: Keep Personal Info Private<\/span><\/label><\/article>\n<article class=\\\"lsh-tip\\\" data-reveal>\n<div class=\\\"lsh-tip-top\\\"><span class=\\\"lsh-tip-icon\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"M20 7V2m0 5h-5M4 17v5m0-5h5M5 7a8 8 0 0 1 13-2l2 2M4 17l2 2a8 8 0 0 0 13-2\\\"\/><\/svg><\/span><span class=\\\"lsh-tip-number\\\" aria-hidden=\\\"true\\\">04<\/span><\/div>\n<h3>Keep Devices Updated<\/h3>\n<p>Install updates promptly. They close security gaps.<\/p>\n<p><label class=\\\"lsh-habit-toggle\\\"><input class=\\\"lsh-habit-checkbox\\\" type=\\\"checkbox\\\" name=\\\"safety-habit\\\"><span class=\\\"lsh-habit-box\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"m5 12 4 4L19 6\\\"\/><\/svg><\/span>I do this<span class=\\\"lsh-visually-hidden\\\">: Keep Devices Updated<\/span><\/label><\/article>\n<article class=\\\"lsh-tip\\\" data-reveal>\n<div class=\\\"lsh-tip-top\\\"><span class=\\\"lsh-tip-icon\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><rect x=\\\"2\\\" y=\\\"5\\\" width=\\\"20\\\" height=\\\"15\\\" rx=\\\"3\\\"\/><path d=\\\"m3 7 9 6 9-6M12 15v1m0 2h.01\\\"\/><\/svg><\/span><span class=\\\"lsh-tip-number\\\" aria-hidden=\\\"true\\\">05<\/span><\/div>\n<h3>Spot Suspicious Messages<\/h3>\n<p>Be wary of urgent requests for passwords or payments. Check through official channels.<\/p>\n<p><label class=\\\"lsh-habit-toggle\\\"><input class=\\\"lsh-habit-checkbox\\\" type=\\\"checkbox\\\" name=\\\"safety-habit\\\"><span class=\\\"lsh-habit-box\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"m5 12 4 4L19 6\\\"\/><\/svg><\/span>I do this<span class=\\\"lsh-visually-hidden\\\">: Spot Suspicious Messages<\/span><\/label><\/article>\n<article class=\\\"lsh-tip\\\" data-reveal>\n<div class=\\\"lsh-tip-top\\\"><span class=\\\"lsh-tip-icon\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"M21 11a8 8 0 0 1-8 8H8l-5 3 1-6a8 8 0 1 1 17-5Z\\\"\/><path d=\\\"M9 8a3 3 0 0 1 5 2c0 2-2 2-2 4m0 2h.01\\\"\/><\/svg><\/span><span class=\\\"lsh-tip-number\\\" aria-hidden=\\\"true\\\">06<\/span><\/div>\n<h3>Speak Up<\/h3>\n<p>Report cyberbullying or suspicious activity, or tell someone you trust.<\/p>\n<p><label class=\\\"lsh-habit-toggle\\\"><input class=\\\"lsh-habit-checkbox\\\" type=\\\"checkbox\\\" name=\\\"safety-habit\\\"><span class=\\\"lsh-habit-box\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"m5 12 4 4L19 6\\\"\/><\/svg><\/span>I do this<span class=\\\"lsh-visually-hidden\\\">: Speak Up<\/span><\/label><\/article>\n<\/div>\n<p>\\n      <\/p>\n<div class=\\\"lsh-score\\\" data-habit-meter>\\n        <\/p>\n<div class=\\\"lsh-score-number\\\" dir=\\\"ltr\\\" aria-hidden=\\\"true\\\"><strong data-habit-score>0<\/strong><span>\/100<\/span><\/div>\n<p>\\n        <\/p>\n<div class=\\\"lsh-score-body\\\">\\n          <\/p>\n<p class=\\\"lsh-score-title\\\">Your digital safety score<\/p>\n<p>\\n          <\/p>\n<div class=\\\"lsh-meter\\\" aria-hidden=\\\"true\\\"><i data-habit-bar><\/i><\/div>\n<p>\\n          <\/p>\n<p class=\\\"lsh-score-message\\\" aria-live=\\\"polite\\\" data-habit-status>Tick the habits you already practise.<\/p>\n<p>\\n        <\/p><\/div>\n<p>\\n      <\/p><\/div>\n<p>\\n    <\/p><\/div>\n<p>\\n  <\/section>\n<p>\\n\\n  <\/p>\n<section id=\\\"resources\\\" class=\\\"lsh-section lsh-resources-section\\\" aria-labelledby=\\\"resources-title\\\" tabindex=\\\"-1\\\">\\n    <\/p>\n<div class=\\\"lsh-container\\\">\\n      <\/p>\n<div class=\\\"lsh-section-heading\\\" data-reveal>\n<p class=\\\"lsh-kicker\\\">Learn It. Share It. Teach It.<\/p>\n<h2 id=\\\"resources-title\\\">Digital Safety Resources for Everyone<\/h2>\n<p>Knowledge is most valuable when it\u2019s shared.<\/p>\n<\/div>\n<p>\\n      <\/p>\n<div class=\\\"lsh-resource-card\\\" data-reveal>\\n        <\/p>\n<div class=\\\"lsh-resource-preview\\\"><img class=\\\"lsh-resource-image\\\" src=\\\"\/wp-content\/uploads\/2026\/10\/deck-privacy.webp\\\" alt=\\\"A slide from the presentation titled \u00ab\u0645\u0627\u0630\u0627 \u064a\u0639\u0631\u0641 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0639\u0646\u0643\u061f\u00bb (What does AI know about you?), with a profile card of personal details to protect\\\" width=\\\"762\\\" height=\\\"429\\\" loading=\\\"lazy\\\" decoding=\\\"async\\\"><\/div>\n<p>\\n        <\/p>\n<div class=\\\"lsh-resource-copy\\\">\\n          <\/p>\n<p class=\\\"lsh-kicker\\\">For homes, classrooms &amp; communities<\/p>\n<p>\\n          <\/p>\n<h3>Digital Safety Awareness Presentation<\/h3>\n<p>\\n          <\/p>\n<p class=\\\"lsh-deck-meta\\\"><span>In Arabic &#038; English<\/span><span aria-hidden=\\\"true\\\"> \u00b7 <\/span><span>24 slides<\/span><span aria-hidden=\\\"true\\\"> \u00b7 <\/span><span>30\u201345 minutes<\/span><span aria-hidden=\\\"true\\\"> \u00b7 <\/span><span>Works offline<\/span><\/p>\n<p>\\n          <\/p>\n<p>Clear explanations and practical examples, ready for a classroom or a family conversation.<\/p>\n<p>\\n          <\/p>\n<div class=\\\"lsh-actions\\\"><a class=\\\"lsh-button lsh-button-dark\\\" href=\\\"https:\/\/ls.gives\/wp-content\/uploads\/presentation\/index.html\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">View Presentation <svg class=\\\"lsh-i-arrow\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"M4 12h16m-6-6 6 6-6 6\\\"\/><\/svg><span class=\\\"lsh-visually-hidden\\\"> (opens in a new tab)<\/span><\/a><\/div>\n<p class=\\\"lsh-status\\\">Opens in a new tab.<\/p>\n<p>\\n        <\/p><\/div>\n<p>\\n      <\/p><\/div>\n<p>\\n    <\/p><\/div>\n<p>\\n  <\/section>\n<p>\\n\\n  <\/p>\n<section id=\\\"sparo\\\" class=\\\"lsh-section lsh-sparo-section\\\" aria-labelledby=\\\"sparo-title\\\" tabindex=\\\"-1\\\">\\n    <\/p>\n<div class=\\\"lsh-container\\\">\\n      <\/p>\n<div class=\\\"lsh-sparo-card\\\" data-reveal>\\n        <\/p>\n<div class=\\\"lsh-sparo-head\\\">\\n          <\/p>\n<p class=\\\"lsh-kicker\\\">For young learners<\/p>\n<p>\\n          <\/p>\n<h2 id=\\\"sparo-title\\\">Meet Sparo \u2014 Your Digital Safety Buddy!<\/h2>\n<p>\\n          <\/p>\n<p class=\\\"lsh-sparo-sub\\\">Let\u2019s Make Internet Safety Fun!<\/p>\n<p>\\n        <\/p><\/div>\n<p>\\n        <\/p>\n<div class=\\\"lsh-sparo-body\\\">\\n          <\/p>\n<div class=\\\"lsh-sparo-media\\\">\n<div class=\\\"lsh-sparo-screen\\\"><video class=\\\"lsh-sparo-video\\\" controls muted playsinline loop preload=\\\"metadata\\\" poster=\\\"\/wp-content\/uploads\/2026\/10\/sparo-game-poster.jpg\\\" aria-label=\\\"Game preview: Sparo waves in the school hallway, explores the lockers, opens a glowing treasure chest, follows clues in the library and takes the challenge in the space lab.\\\" width=\\\"1280\\\" height=\\\"720\\\"><source src=\\\"\/wp-content\/uploads\/2026\/10\/sparo-game-trailer.mp4\\\" type=\\\"video\/mp4\\\"><\/video><button class=\\\"lsh-media-toggle\\\" type=\\\"button\\\" data-media-toggle aria-pressed=\\\"false\\\" hidden><span class=\\\"lsh-when-playing\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"M9 5v14M15 5v14\\\"\/><\/svg><\/span><span class=\\\"lsh-when-paused\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"m9 5 11 7-11 7Z\\\"\/><\/svg><\/span><span class=\\\"lsh-visually-hidden\\\">Pause the game preview<\/span><\/button><span class=\\\"lsh-progress\\\" aria-hidden=\\\"true\\\"><i data-progress><\/i><\/span><\/div>\n<ul class=\\\"lsh-chapters\\\" aria-label=\\\"Jump to a scene\\\" hidden>\n<li><button class=\\\"lsh-chapter\\\" type=\\\"button\\\" data-start=\\\"0\\\"><span class=\\\"lsh-chapter-n\\\" aria-hidden=\\\"true\\\">01<\/span>Meet Sparo<\/button><\/li>\n<li><button class=\\\"lsh-chapter\\\" type=\\\"button\\\" data-start=\\\"3.1\\\"><span class=\\\"lsh-chapter-n\\\" aria-hidden=\\\"true\\\">02<\/span>Explore the school<\/button><\/li>\n<li><button class=\\\"lsh-chapter\\\" type=\\\"button\\\" data-start=\\\"5.7\\\"><span class=\\\"lsh-chapter-n\\\" aria-hidden=\\\"true\\\">03<\/span>Find hidden treasures<\/button><\/li>\n<li><button class=\\\"lsh-chapter\\\" type=\\\"button\\\" data-start=\\\"8.1\\\"><span class=\\\"lsh-chapter-n\\\" aria-hidden=\\\"true\\\">04<\/span>Follow the clues<\/button><\/li>\n<li><button class=\\\"lsh-chapter\\\" type=\\\"button\\\" data-start=\\\"9.8\\\"><span class=\\\"lsh-chapter-n\\\" aria-hidden=\\\"true\\\">05<\/span>Take the challenge<\/button><\/li>\n<\/ul>\n<\/div>\n<p>\\n          <\/p>\n<div class=\\\"lsh-sparo-copy\\\">\\n            <\/p>\n<h3 class=\\\"lsh-sparo-copy-title\\\">A Fun Adventure in Digital Safety<\/h3>\n<p>\\n            <\/p>\n<p>An interactive game where children learn to protect personal information, spot suspicious situations and ask a trusted adult for help.<\/p>\n<p>\\n            <\/p>\n<div class=\\\"lsh-actions\\\"><a class=\\\"lsh-button lsh-button-yellow lsh-button-large\\\" href=\\\"https:\/\/play.ls.gives\/sparo-school\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\" data-play-game aria-describedby=\\\"sparo-status\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"m9 5 11 7-11 7Z\\\"\/><\/svg> Play Now<span class=\\\"lsh-visually-hidden\\\"> (opens in a new tab)<\/span><\/a><\/div>\n<p class=\\\"lsh-soon\\\" id=\\\"sparo-status\\\"><span class=\\\"lsh-soon-icon\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"9\\\"\/><path d=\\\"M12 11v6m0-10h.01\\\"\/><\/svg><\/span><span>Suitable for students and adults<\/span><\/p>\n<p>\\n          <\/p><\/div>\n<p>\\n        <\/p><\/div>\n<p>\\n      <\/p><\/div>\n<p>\\n      <\/p>\n<p class=\\\"lsh-family-note\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"9\\\" cy=\\\"7\\\" r=\\\"3\\\"\/><path d=\\\"M3 21v-3a6 6 0 0 1 12 0v3m1-17a3 3 0 0 1 0 6m2 4a5 5 0 0 1 3 4v3\\\"\/><\/svg> <span>Parents and educators: explore digital safety together with children.<\/span><\/p>\n<p>\\n    <\/p><\/div>\n<p>\\n  <\/section>\n<p>\\n\\n  <\/p>\n<section id=\\\"articles\\\" class=\\\"lsh-section lsh-articles-section\\\" aria-labelledby=\\\"articles-title\\\" tabindex=\\\"-1\\\">\\n    <\/p>\n<div class=\\\"lsh-container\\\">\\n      <\/p>\n<div class=\\\"lsh-articles-head\\\" data-reveal>\\n        <\/p>\n<div>\n<p class=\\\"lsh-kicker\\\">Knowledge That Helps You Stay Protected<\/p>\n<h2 id=\\\"articles-title\\\">Learn More About Digital Safety<\/h2>\n<\/div>\n<p>\\n        <\/p>\n<div class=\\\"lsh-section-intro\\\">\n<p>Guides on online privacy, account security, digital scams and safer internet use.<\/p>\n<p><a class=\\\"lsh-button\\\" href=\\\"https:\/\/ls.gives\/blog\/\\\">Explore Articles <svg class=\\\"lsh-i-arrow\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"M4 12h16m-6-6 6 6-6 6\\\"\/><\/svg><\/a><\/div>\n<p>\\n      <\/p><\/div>\n<p>\\n      <\/p>\n<div class=\\\"lsh-articles-grid\\\" data-reveal>\n<article class=\\\"lsh-article\\\"><img class=\\\"lsh-article-image\\\" src=\\\"\/wp-content\/uploads\/2026\/10\/article-ai.webp\\\" alt=\\\"LS Gives editorial artwork for Smart Technology and Safer Choices\\\" width=\\\"1200\\\" height=\\\"600\\\" loading=\\\"lazy\\\" decoding=\\\"async\\\"><\/p>\n<div class=\\\"lsh-article-body\\\">\n<div class=\\\"lsh-article-meta\\\"><span><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><rect x=\\\"3\\\" y=\\\"5\\\" width=\\\"18\\\" height=\\\"16\\\" rx=\\\"2\\\"\/><path d=\\\"M3 10h18M8 3v4m8-4v4\\\"\/><\/svg>10 Feb, 2026<\/span><span class=\\\"lsh-article-category\\\">Digital awareness<\/span><\/div>\n<h3><a href=\\\"https:\/\/ls.gives\/smart-technology-digital-safety-and-ethical-ai-use\/\\\">Smart Technology and Safer Choices: Defining Human Responsibility in the Age of AI<\/a><\/h3>\n<p>Privacy, critical thinking, and how families and educators can help children use AI responsibly.<\/p>\n<p><span class=\\\"lsh-article-more\\\" aria-hidden=\\\"true\\\">Read article <span class=\\\"lsh-round-arrow\\\"><svg class=\\\"lsh-i-arrow\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"M4 12h16m-6-6 6 6-6 6\\\"\/><\/svg><\/span><\/span><\/div>\n<\/article>\n<article class=\\\"lsh-article\\\"><img class=\\\"lsh-article-image\\\" src=\\\"\/wp-content\/uploads\/2026\/10\/article-safer.webp\\\" alt=\\\"A young participant holding a certificate at an LS Gives digital safety activity\\\" width=\\\"1200\\\" height=\\\"600\\\" loading=\\\"lazy\\\" decoding=\\\"async\\\"><\/p>\n<div class=\\\"lsh-article-body\\\">\n<div class=\\\"lsh-article-meta\\\"><span><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><rect x=\\\"3\\\" y=\\\"5\\\" width=\\\"18\\\" height=\\\"16\\\" rx=\\\"2\\\"\/><path d=\\\"M3 10h18M8 3v4m8-4v4\\\"\/><\/svg>7 Mar, 2025<\/span><span class=\\\"lsh-article-category\\\">Community &amp; education<\/span><\/div>\n<h3><a href=\\\"https:\/\/ls.gives\/cybersecurity-awareness-month\/\\\">Safer Internet Day \u2013 Promoting Safe and Responsible Use of Technology<\/a><\/h3>\n<p>How conversations at home, in classrooms and in our communities encourage safer online habits.<\/p>\n<p><span class=\\\"lsh-article-more\\\" aria-hidden=\\\"true\\\">Read article <span class=\\\"lsh-round-arrow\\\"><svg class=\\\"lsh-i-arrow\\\" viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"1.5\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" aria-hidden=\\\"true\\\"><path d=\\\"M4 12h16m-6-6 6 6-6 6\\\"\/><\/svg><\/span><\/span><\/div>\n<\/article>\n<\/div>\n<p>\\n    <\/p><\/div>\n<p>\\n  <\/section>\n<p>\\n\\n  <\/p>\n<section id=\\\"newsletter\\\" class=\\\"lsh-section lsh-community-section\\\" aria-labelledby=\\\"community-title\\\" tabindex=\\\"-1\\\">\\n    <\/p>\n<div class=\\\"lsh-container\\\">\\n      <\/p>\n<div class=\\\"lsh-community\\\" data-reveal>\\n        <\/p>\n<div class=\\\"lsh-community-copy\\\">\\n          <img src=\\\"\/wp-content\/uploads\/2026\/10\/newsletter-icon-new.svg\\\" alt=\\\"\\\" width=\\\"56\\\" height=\\\"56\\\" loading=\\\"lazy\\\">\\n          <\/p>\n<h2 id=\\\"community-title\\\">Join a Safer Digital Community<\/h2>\n<p>\\n          <\/p>\n<p>Get digital safety tips, new resources and community news by email.<\/p>\n<p>\\n          <\/p>\n<p class=\\\"lsh-closing-line\\\"><span>Explore.<\/span><span>Learn.<\/span><span class=\\\"lsh-closing-mark\\\">Share.<\/span><\/p>\n<p>\\n        <\/p><\/div>\n<p>\\n        <\/p>\n<div class=\\\"lsh-newsletter-form lsh-newsletter-wp\\\">\\n          <div class=\"frm_forms  with_frm_style frm_inline_form frm_inline_top frm_style_formidable-style\" id=\"frm_form_3_container\" data-token=\"0492e795bfc0f53a13ed9c8f03719ab1\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form  frm_js_validate  frm_ajax_submit  frm_pro_form \" id=\"form_newsletter-signup\" data-frm-error-config=\"{&quot;includeAlertRole&quot;:false,&quot;focusFirstError&quot;:false,&quot;focusErrorSummary&quot;:true}\" data-token=\"0492e795bfc0f53a13ed9c8f03719ab1\">\n<div class=\"frm_form_fields \">\n<fieldset>\n<legend class=\"frm_screen_reader\">Newsletter Signup<\/legend>\r\n\r\n<div class=\"frm_fields_container\">\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\n<input type=\"hidden\" name=\"form_id\" value=\"3\" \/>\n<input type=\"hidden\" name=\"frm_hide_fields_3\" id=\"frm_hide_fields_3\" value=\"\" \/>\n<input type=\"hidden\" name=\"form_key\" value=\"newsletter-signup\" \/>\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\n<input type=\"hidden\" id=\"frm_submit_entry_3\" name=\"frm_submit_entry_3\" value=\"54b5fb7b0c\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/pilupef\/wp\/v2\/pages\/1685\" \/><div id=\"frm_field_28_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container frm12 frm_first vertical_radio\">\r\n\t<div  id=\"field_jwulv_label\" class=\"frm_primary_label\">\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/div>\r\n\t<div class=\"frm_opt_container\" aria-labelledby=\"field_jwulv_label\" role=\"group\">\t\t<div class=\"frm_checkbox\" id=\"frm_checkbox_28-0\">\t\t\t<label >\n\t\t\t<input type=\"checkbox\" name=\"item_meta[28][]\" id=\"field_jwulv-0\" value=\"I\u2019m 18 or over and agree to receive the LS Gives newsletter. I can unsubscribe at any time.\"  data-reqmsg=\"Please check this box if you want ot proceed.\" data-invmsg=\"This field is invalid\"   aria-required=\"true\"  \/> I\u2019m 18 or over and agree to receive the LS Gives newsletter. I can unsubscribe at any time.<\/label><\/div>\n<\/div>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_27_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container frm6 frm_first\">\r\n\t<label for=\"field_6rzcf\" id=\"field_6rzcf_label\" class=\"frm_primary_label\">Email Address\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t<input type=\"email\" id=\"field_6rzcf\" name=\"item_meta[27]\" value=\"\"  autocomplete=\"email\"  placeholder=\"name@example.com\" data-reqmsg=\"Email Address is required.\" aria-required=\"true\" data-invmsg=\"Enter a valid email address, like name@example.com\" aria-invalid=\"false\"  \/>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_26_container\" class=\"frm_form_field form-field  frm6\">\r\n\t<div class=\"frm_submit frm_flex\">\r\n<button class=\"frm_button_submit frm_final_submit\" type=\"submit\"   formnovalidate=\"formnovalidate\">Subscribe<\/button>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\n\t<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\n\t\t\t<div id=\"frm_field_30_container\">\n\t\t\t<label for=\"field_ciobc\" >\n\t\t\t\tIf you are human, leave this field blank.\t\t\t<\/label>\n\t\t\t<input  id=\"field_ciobc\" type=\"text\" class=\"frm_form_field form-field frm_verify\" name=\"item_meta[30]\" value=\"\"  \/>\n\t\t<\/div>\n\t\t<input name=\"frm_state\" type=\"hidden\" value=\"bQvC\/84EdxABpV3Y\/VevJW0LT8ffoI6f7kXSlBncDpmLj0g5ah0AdXkaUvohcUu8\" \/><\/div>\n<\/fieldset>\n<\/div>\n\n<p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_2\" name=\"ak_js\" value=\"197\"\/><script>\ndocument.getElementById( \"ak_js_2\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><\/form>\n<\/div>\n\\n        <\/div>\n<p>\\n      <\/p><\/div>\n<p>\\n    <\/p><\/div>\n<p>\\n  <\/section>\n<p>\\n<\/p><\/div>\n<p>\\n<\/main>\\n\\n<\/div>\n<p>&#8220;,&#8221;css&#8221;:&#8221;.frm_submit:before{display: none}\\n\\n#field_6rzcf::placeholder{\\n   font-size: 16px; \\n}&#8221;}},{&#8220;type&#8221;:&#8221;page_assets&#8221;,&#8221;children&#8221;:[{&#8220;type&#8221;:&#8221;page_assets_item&#8221;,&#8221;props&#8221;:{&#8220;inline_script&#8221;:&#8221;\/* Checklist events are delegated so builder re-renders do not detach them. *\/\\n(() => {\\n  const key = &#8216;__lsgChecklistController&#8217;;\\n  if (document[key]) { document[key].refresh(); return; }\\n  let frame = 0;\\n  const mounted = new Map();\\n  const defaults = [&#8216;Tick the habits you already practise.&#8217;, &#8216;A good start. Try one more habit this week.&#8217;, &#8216;Nice work. You already have solid habits.&#8217;, &#8216;Almost there! One more habit to go.&#8217;, &#8216;Excellent! Share these habits with someone you care about.&#8217;];\\n  function mount(hub) {\\n    const existing = [&#8230;mounted.values()].find(state => state.hub === hub);\\n    if (existing) return existing;\\n    const meter = hub.querySelector(&#8216;[data-habit-meter]&#8217;);\\n    if (!meter) return null;\\n    if (mounted.has(meter)) return mounted.get(meter);\\n    const slot = document.createElement(&#8216;div&#8217;);\\n    slot.className = &#8216;lsh-score-slot&#8217;;\\n    meter.before(slot);\\n    slot.append(meter);\\n    const portal = document.createElement(&#8216;div&#8217;);\\n    portal.className = &#8216;lsh lsh-score-portal&#8217;;\\n    portal.lang = hub.lang || &#8216;en&#8217;;\\n    portal.dir = hub.dir || &#8216;ltr&#8217;;\\n    portal.hidden = true;\\n    const state = {hub, meter, slot, portal};\\n    mounted.set(meter, state);\\n    return state;\\n  }\\n  function update(hub) {\\n    const inputs = [&#8230;hub.querySelectorAll(&#8216;.lsh-habit-checkbox&#8217;)];\\n    const state = mount(hub);\\n    if (!inputs.length || !state) return;\\n    const {meter} = state;\\n    let text = {};\\n    try { text = JSON.parse(hub.dataset.lshText || &#8216;{}&#8217;); } catch (_) {}\\n    const done = inputs.filter(input => input.checked).length;\\n    const score = Math.round(done \/ inputs.length * 100);\\n    meter.querySelector(&#8216;[data-habit-score]&#8217;).textContent = score;\\n    meter.querySelector(&#8216;[data-habit-bar]&#8217;).style.width = score + &#8216;%&#8217;;\\n    meter.classList.toggle(&#8216;is-full&#8217;, score === 100);\\n    const messages = text.scoreMessages || defaults;\\n    const level = score === 100 ? 4 : score >= 80 ? 3 : score >= 50 ? 2 : score > 0 ? 1 : 0;\\n    const status = meter.querySelector(&#8216;[data-habit-status]&#8217;);\\n    const spoken = document.createElement(&#8216;span&#8217;);\\n    spoken.className = &#8216;lsh-visually-hidden&#8217;;\\n    spoken.textContent = (text.scoreSpoken || &#8216;Your score is {score} out of 100.&#8217;).replace(&#8216;{score}&#8217;, score) + &#8216; &#8216;;\\n    status.replaceChildren(spoken, document.createTextNode(messages[level]));\\n    inputs.forEach(input => {\\n      input.closest(&#8216;.lsh-habit-toggle&#8217;).classList.toggle(&#8216;is-checked&#8217;, input.checked);\\n      input.closest(&#8216;.lsh-tip&#8217;).classList.toggle(&#8216;is-done&#8217;, input.checked);\\n    });\\n    meter.hidden = false;\\n    const hint = hub.querySelector(&#8216;[data-score-hint]&#8217;);\\n    if (hint) hint.hidden = false;\\n    schedule();\\n  }\\n  function position() {\\n    frame = 0;\\n    mounted.forEach((state, meter) => {\\n      const {hub, slot, portal} = state;\\n      if (!hub.isConnected || !slot.isConnected) {\\n        portal.remove();\\n        mounted.delete(meter);\\n        return;\\n      }\\n      const section = hub.querySelector(&#8216;#safety-tips&#8217;);\\n      const grid = section &#038;&#038; section.querySelector(&#8216;.lsh-tips-grid&#8217;);\\n      if (!grid) return;\\n      const bounds = section.getBoundingClientRect();\\n      const cards = grid.getBoundingClientRect();\\n      const view = window.innerHeight;\\n      const gap = window.innerWidth < 640 ? 10 : 16;\\n      const height = meter.getBoundingClientRect().height;\\n      \/\/ Pin to the viewport while reading cards; return to flow at the section end.\\n      const floating = cards.top < view - height - gap &#038;&#038; bounds.bottom > view;\\n      if (floating) {\\n        if (!portal.isConnected) document.body.append(portal);\\n        const font = getComputedStyle(hub).fontFamily;\\n        portal.style.fontFamily = font;\\n        portal.style.left = Math.max(12, cards.left + (cards.width &#8211; Math.min(860, cards.width)) \/ 2) + &#8216;px&#8217;;\\n        portal.style.width = Math.min(860, cards.width, window.innerWidth &#8211; 24) + &#8216;px&#8217;;\\n        portal.style.bottom = gap + &#8216;px&#8217;;\\n        slot.style.height = (height + 32) + &#8216;px&#8217;;\\n        portal.hidden = false;\\n        if (meter.parentElement !== portal) portal.append(meter);\\n      } else {\\n        if (meter.parentElement !== slot) slot.append(meter);\\n        slot.style.height = &#8221;;\\n        portal.hidden = true;\\n      }\\n    });\\n  }\\n  function schedule() { if (!frame) frame = requestAnimationFrame(position); }\\n  function refresh() { document.querySelectorAll(&#8216;#lsg-inline-page #digital-safety-hub&#8217;).forEach(update); }\\n  document.addEventListener(&#8216;change&#8217;, event => {\\n    if (!event.target.matches(&#8216;.lsh-habit-checkbox&#8217;)) return;\\n    const hub = event.target.closest(&#8216;#digital-safety-hub&#8217;);\\n    if (hub) update(hub);\\n  });\\n  window.addEventListener(&#8216;scroll&#8217;, schedule, {passive: true});\\n  document.addEventListener(&#8216;scroll&#8217;, schedule, {passive: true, capture: true});\\n  window.addEventListener(&#8216;resize&#8217;, schedule, {passive: true});\\n  window.addEventListener(&#8216;pageshow&#8217;, refresh);\\n  document.addEventListener(&#8216;DOMContentLoaded&#8217;, refresh, {once: true});\\n  const observer = new MutationObserver(records => {\\n    const insertedChecklist = records.some(record => [&#8230;record.addedNodes].some(node => node.nodeType === 1 &#038;&#038; (node.matches(&#8216;.lsh-habit-checkbox&#8217;) || node.querySelector(&#8216;.lsh-habit-checkbox&#8217;))));\\n    if (insertedChecklist) refresh();\\n  });\\n  observer.observe(document.documentElement, {childList: true, subtree: true});\\n  document[key] = {refresh};\\n  refresh();\\n})();&#8221;,&#8221;style_location&#8221;:&#8221;echo&#8221;,&#8221;type&#8221;:&#8221;inline_script&#8221;}},{&#8220;type&#8221;:&#8221;page_assets_item&#8221;,&#8221;props&#8221;:{&#8220;inline_script&#8221;:&#8221;(() => {\\n  const run = () => {\\n\\n(() => {\\n  const scope = document.getElementById(&#8216;lsg-inline-page&#8217;);\\n  if (!scope || scope.__lsgInitialized) return;\\n  scope.__lsgInitialized = true;\\n\/* Progressive enhancement for the Digital Safety Hub. Everything works without it: anchors scroll natively,\\n   films show their posters, and content is visible. Nothing is stored or sent anywhere. *\/\\n(() => {\\n  const hub = scope.querySelector(&#8216;#digital-safety-hub&#8217;);\\n  if (!hub) return;\\n  \/\/ Messages in the page&#8217;s language (content-en.json \/ content-ar.json \u2192 js), with English as the fallback.\\n  const text = Object.assign({\\n    pause: &#8216;Pause the game preview&#8217;,\\n    play: &#8216;Play the game preview&#8217;,\\n    scoreSpoken: &#8216;Your score is {score} out of 100.&#8217;,\\n    scoreMessages: [&#8216;Tick the habits you already practise.&#8217;, &#8216;A good start. Try one more habit this week.&#8217;, &#8216;Nice work. You already have solid habits.&#8217;, &#8216;Almost there! One more habit to go.&#8217;, &#8216;Excellent! Share these habits with someone you care about.&#8217;],\\n  }, (() => { try { return JSON.parse(hub.dataset.lshText || &#8216;{}&#8217;); } catch { return {}; } })());\\n  const reduceMotion = matchMedia(&#8216;(prefers-reduced-motion: reduce)&#8217;);\\n  const motionOK = () => !reduceMotion.matches;\\n\\n  \/\/ Section links: smooth scroll and move keyboard focus to the section.\\n  hub.addEventListener(&#8216;click&#8217;, (event) => {\\n    const link = event.target.closest(&#8216;a[href^=\\&#8221;#\\&#8221;]&#8217;);\\n    if (!link || event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\\n    const target = document.getElementById(link.hash.slice(1));\\n    if (!target || !hub.contains(target)) return;\\n    event.preventDefault();\\n    history.pushState(null, &#8221;, link.hash);\\n    target.focus({ preventScroll: true });\\n    target.scrollIntoView({ behavior: motionOK() ? &#8216;smooth&#8217; : &#8216;instant&#8217;, block: &#8216;start&#8217; });\\n  });\\n\\n  const observe = (callback, options) => (&#8216;IntersectionObserver&#8217; in window ? new IntersectionObserver(callback, options) : null);\\n\\n  \/\/ Gentle reveal on scroll.\\n  const revealer = motionOK() &#038;&#038; observe((entries) => {\\n    for (const entry of entries) {\\n      if (!entry.isIntersecting) continue;\\n      entry.target.classList.add(&#8216;is-in&#8217;);\\n      revealer.unobserve(entry.target);\\n    }\\n  }, { rootMargin: &#8216;0px 0px -8% 0px&#8217;, threshold: 0.08 });\\n  if (revealer) {\\n    hub.classList.add(&#8216;lsh-motion&#8217;);\\n    hub.querySelectorAll(&#8216;[data-reveal]&#8217;).forEach(el => revealer.observe(el));\\n  }\\n\\n  \/\/ Video toggle: a pause\/play button (WCAG 2.2.2).\\n  function wireToggle(video, toggle) {\\n    if (!toggle) return;\\n    toggle.hidden = false;\\n    const label = toggle.querySelector(&#8216;.lsh-visually-hidden&#8217;);\\n    const sync = () => {\\n      toggle.setAttribute(&#8216;aria-pressed&#8217;, String(video.paused));\\n      label.textContent = video.paused ? text.play : text.pause;\\n    };\\n    toggle.addEventListener(&#8216;click&#8217;, () => { if (video.paused) video.play().catch(() => {}); else video.pause(); });\\n    video.addEventListener(&#8216;play&#8217;, sync);\\n    video.addEventListener(&#8216;pause&#8217;, sync);\\n    sync();\\n  }\\n\\n  \/\/ Sparo video preview with a progress line and scene buttons; Play Now opens the full game.\\n  const trailer = hub.querySelector(&#8216;.lsh-sparo-video&#8217;);\\n  if (trailer) {\\n    const screen = trailer.closest(&#8216;.lsh-sparo-screen&#8217;);\\n    const toggle = screen.querySelector(&#8216;[data-media-toggle]&#8217;);\\n    const bar = screen.querySelector(&#8216;[data-progress]&#8217;);\\n    const list = hub.querySelector(&#8216;.lsh-chapters&#8217;);\\n    const chapters = list ? [&#8230;list.querySelectorAll(&#8216;.lsh-chapter&#8217;)] : [];\\n    const starts = chapters.map(button => parseFloat(button.dataset.start));\\n    trailer.controls = false; \/\/ the native controls are only the no-JavaScript fallback\\n    trailer.preload = &#8216;auto&#8217;; \/\/ Prepare the video for its scene controls.\\n    wireToggle(trailer, toggle);\\n    if (list) list.hidden = false;\\n    const play = () => trailer.play().catch(() => {});\\n    const render = () => {\\n      const time = trailer.currentTime;\\n      const duration = trailer.duration || 11.9;\\n      if (bar) bar.style.width = `${Math.min(100, (time \/ duration) * 100)}%`;\\n      chapters.forEach((button, n) => {\\n        const from = starts[n];\\n        const to = n + 1 < starts.length ? starts[n + 1] : duration;\\n        const current = !trailer.paused || time > 0 ? time >= from &#038;&#038; time < to : false;\\n        button.style.setProperty('--p', current ? ((time - from) \/ (to - from)).toFixed(3) : 0);\\n        if (current) button.setAttribute('aria-current', 'true'); else button.removeAttribute('aria-current');\\n      });\\n    };\\n    let frame = 0;\\n    const tick = () => { render(); frame = trailer.paused ? 0 : requestAnimationFrame(tick); };\\n    const syncPlayState = () => {\\n      if (!trailer.paused &#038;&#038; !frame) frame = requestAnimationFrame(tick);\\n      render();\\n    };\\n    trailer.addEventListener(&#8216;play&#8217;, syncPlayState);\\n    trailer.addEventListener(&#8216;pause&#8217;, syncPlayState);\\n    trailer.addEventListener(&#8216;seeked&#8217;, render);\\n    chapters.forEach((button, n) => button.addEventListener(&#8216;click&#8217;, () => {\\n      trailer.currentTime = starts[n] + 0.05;\\n      render();\\n      play();\\n    }));\\n    \/\/ Pause when scrolled away, so nothing keeps moving out of sight.\\n    const away = observe((entries) => { for (const entry of entries) if (!entry.isIntersecting &#038;&#038; !trailer.paused) trailer.pause(); }, { threshold: 0 });\\n    if (away) away.observe(trailer);\\n    syncPlayState();\\n  }\\n\\n})();\\n\\n\\n\\n\\n})();\\n\\n  };\\n  if (document.readyState === \\&#8221;loading\\&#8221;) document.addEventListener(\\&#8221;DOMContentLoaded\\&#8221;, run, {once: true});\\n  else run();\\n})();&#8221;,&#8221;style_location&#8221;:&#8221;echo&#8221;,&#8221;type&#8221;:&#8221;inline_script&#8221;}}]}]}]}]}],&#8221;version&#8221;:&#8221;5.0.42&#8243;} &#8211;><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Skip to main content Digital Safety Hub A Safer InternetStarts With Us Practical tips, learning resources and a game with Sparo, so individuals, families and young learners can stay safe online. Explore Safety Tips Play with Sparo Cybersecurity tips Small Habits.Safer Online Experiences. No tech expertise needed. A few simple habits make a real difference. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":520,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1685","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ls.gives\/pilupef\/wp\/v2\/pages\/1685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ls.gives\/pilupef\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ls.gives\/pilupef\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ls.gives\/pilupef\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ls.gives\/pilupef\/wp\/v2\/comments?post=1685"}],"version-history":[{"count":18,"href":"https:\/\/ls.gives\/pilupef\/wp\/v2\/pages\/1685\/revisions"}],"predecessor-version":[{"id":1725,"href":"https:\/\/ls.gives\/pilupef\/wp\/v2\/pages\/1685\/revisions\/1725"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ls.gives\/pilupef\/wp\/v2\/media\/520"}],"wp:attachment":[{"href":"https:\/\/ls.gives\/pilupef\/wp\/v2\/media?parent=1685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}