{"id":8039,"date":"2026-04-14T12:10:10","date_gmt":"2026-04-14T12:10:10","guid":{"rendered":"https:\/\/mlodepokolenie.pl\/?page_id=8039"},"modified":"2026-05-07T11:57:59","modified_gmt":"2026-05-07T11:57:59","slug":"rekrutacjaslaskie","status":"publish","type":"page","link":"https:\/\/mlodepokolenie.pl\/en\/rekrutacjaslaskie\/","title":{"rendered":"Rekrutacja w woj. \u015bl\u0105skim &#8211; Smart Skills"},"content":{"rendered":"\n<style>\n\/* --- CSS DLA BLOKU HERO --- *\/\n.sms-landing-wrapper {\n    --sms-blue:       #0d1b3e;\n    --sms-blue-mid:   #2563eb;\n    --sms-blue-light: #dbeafe;\n    --sms-blue-pale:  #f0f6ff;\n    --sms-text:       #0d1b3e;\n    --sms-muted:      #5a6a85;\n    font-family: 'Inter', sans-serif;\n    color: var(--sms-text);\n    background: #fff;\n    line-height: 1.65;\n    overflow-x: hidden;\n    width: 100%;\n}\n.sms-landing-wrapper, .sms-landing-wrapper ::before, .sms-landing-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.sms-landing-wrapper h1 { font-family: 'Outfit', sans-serif; color: var(--sms-blue); }\n.sms-container { max-width: 1200px; margin: 0 auto; padding: 100 0px; position: relative; z-index: 2; }\n\n.sms-landing-wrapper .sms-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    min-height: 60px;\n    padding: 18px 44px;\n    font-family: 'Outfit', sans-serif;\n    font-size: 1.15rem;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: -0.01em;\n    text-decoration: none !important;\n    white-space: nowrap;\n    border: none;\n    border-radius: 999px;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n}\n.sms-landing-wrapper .sms-btn svg {\n    flex-shrink: 0;\n    transition: transform 0.3s ease;\n}\n.sms-landing-wrapper .sms-btn-primary {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 55%, #1d4ed8 100%);\n    color: #fff !important;\n    box-shadow: 0 18px 44px rgba(37, 99, 235, 0.32), inset 0 1px 0 rgba(255,255,255,0.22);\n    border: 1px solid rgba(255,255,255,0.18);\n}\n.sms-landing-wrapper .sms-btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 24px 52px rgba(37, 99, 235, 0.4), inset 0 1px 0 rgba(255,255,255,0.28);\n}\n.sms-landing-wrapper .sms-btn-primary:hover svg {\n    transform: translateX(4px);\n}\n.sms-landing-wrapper .sms-btn-primary:focus-visible {\n    outline: none;\n    transform: translateY(-2px);\n    box-shadow: 0 0 0 4px rgba(125, 211, 252, 0.28), 0 22px 48px rgba(37, 99, 235, 0.38);\n}\n.sms-landing-wrapper .sms-btn-primary:active {\n    transform: translateY(0);\n    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);\n}\n\n\/* HERO *\/\n.sms-hero { position: relative; min-height: 100vh; display: flex; align-items: center; overflow: hidden; }\n.sms-hero-photo-wrap { position: absolute; inset: 0; z-index: 0; overflow: hidden; }\n.sms-hero-photo { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; }\n.sms-hero-photo-scrim { position: absolute; inset: 0; background: linear-gradient(to right, rgba(13, 27, 62, 0.92) 0%, rgba(13, 27, 62, 0.7) 50%, rgba(13, 27, 62, 0.3) 100%); }\n.sms-hero-grid { position: relative; z-index: 2; padding-top: 60px; padding-bottom: 60px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; width: 100%; }\n.sms-hero-left { display: flex; flex-direction: column; align-items: flex-start; margin-top: 40px; margin-bottom: 40px; }\n.sms-hero-right { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; margin-top: 40px; margin-bottom: 40px; }\n.sms-hero-logo-wrap { display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.2); border-radius: 32px; padding: 48px 56px; width: 100%; max-width: 420px; }\n.sms-hero-h1 { font-size: clamp(3.8rem, 6vw, 6.5rem); line-height: 0.95; letter-spacing: -0.05em; margin-bottom: 28px; color: #fff; }\n.sms-h1-thin { font-weight: 400; font-style: italic; color: #7dd3fc; font-size: 0.72em; display: block; opacity: 1; }\n.sms-h1-bold { font-weight: 700; color: rgba(255,255,255,0.9); display: block; font-size: 0.85em; }\n.sms-h1-emph { font-weight: 900; color: #fff; display: block; }\n.sms-h1-dot { color: var(--sms-blue-mid); }\n.sms-hero-lead { font-size: 1.2rem; color: rgba(255,255,255,0.75); margin-bottom: 40px; max-width: 540px; line-height: 1.75; }\n.sms-hero-ctas { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }\n.sms-deadline-inline { color: rgba(255,255,255,0.8); font-size: 1rem; font-weight: 500; }\n.sms-deadline-inline strong { color: #fff; }\n.sms-hero-bignum { position: absolute; right: -0.05em; bottom: -0.15em; font-family: 'Outfit', sans-serif; font-weight: 900; font-size: clamp(10rem, 16vw, 20rem); line-height: 1; color: rgba(255,255,255,0.05); pointer-events: none; z-index: 1; letter-spacing: -0.05em; user-select: none; }\n.sms-wave-divider { display: block; line-height: 0; background: #fff; position: relative; z-index: 2; }\n.sms-wave-divider svg { display: block; width: 100%; }\n.sms-wave-divider-hero {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    background: transparent;\n    z-index: 1;\n    pointer-events: none;\n}\n.sms-wave-divider-hero svg {\n    display: block;\n    width: 100%;\n    height: 80px;\n}\n\n\/* ANIMACJE *\/\n.js-hero-title span, .js-hero-lead, .js-hero-cta, .js-bignum { will-change: transform, opacity; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 1024px) {\n    .sms-hero-grid { grid-template-columns: 1fr; gap: 48px; min-height: auto; padding-top: 120px; padding-bottom: 60px; }\n    .sms-hero-right { align-items: flex-start; justify-content: flex-start; }\n    .sms-hero-logo-wrap { max-width: 360px; padding: 36px 40px; }\n}\n@media (max-width: 768px) {\n    .sms-hero-grid { grid-template-columns: 1fr; padding-top: 110px; padding-bottom: 60px; min-height: auto; gap: 40px; }\n    .sms-hero-right { display: flex; align-items: flex-start; justify-content: flex-start; }\n    .sms-hero-logo-wrap { max-width: 320px; padding: 28px 32px; border-radius: 24px; }\n    .sms-hero-h1 { font-size: clamp(2.6rem, 9vw, 3.5rem); }\n    .sms-hero-lead { font-size: 1rem; }\n    .sms-hero-ctas { flex-direction: column; align-items: flex-start; gap: 12px; }\n    .sms-landing-wrapper .sms-btn { min-height: 54px; padding: 14px 32px; font-size: 1rem; }\n    .sms-hero-bignum { display: none; }\n}\n<\/style>\n<div class=\"sms-landing-wrapper\">\n<header class=\"sms-hero\">\n        <div class=\"sms-hero-photo-wrap\">\n            <img decoding=\"async\" src=\"http:\/\/mlodepokolenie.pl\/wp-content\/uploads\/2026\/04\/hero.jpg\" alt=\"Uczniowie na lekcji\" class=\"sms-hero-photo\">\n            <div class=\"sms-hero-photo-scrim\"><\/div>\n            <div class=\"sms-wave-divider sms-wave-divider-hero\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M0,40 C360,80 1080,0 1440,40 L1440,80 L0,80 Z\" fill=\"#ffffff\"\/>\n                <\/svg>\n            <\/div>\n        <\/div>\n\n        <div class=\"sms-container sms-hero-grid\">\n            <!-- Lewa: tekst -->\n            <div class=\"sms-hero-left\">\n                <h1 class=\"sms-hero-h1 js-hero-title\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 30px;\">\n                    <span class=\"sms-h1-thin\" style=\"line-height: 1; margin-bottom: 0; display: block;\">Twoja szko\u0142a<\/span>\n                    <span class=\"sms-h1-bold\" style=\"line-height: 0.95; margin-bottom: 0; display: block;\">mo\u017ce dosta\u0107<\/span>\n                    <span style=\"display: inline-block; font-size: 0.38em; font-weight: 700; font-style: normal; letter-spacing: 0.12em; text-transform: uppercase; color: #7dd3fc; background: transparent; padding: 0; margin: 8px 0; line-height: 1.4;\">PROGRAM REKOMENDOWANY \u2713<\/span>\n                    <span class=\"sms-h1-emph\" style=\"line-height: 0.9; margin-top: 0; display: block;\">bezp\u0142atnie<span class=\"sms-h1-dot\">.<\/span><\/span>\n                <\/h1>\n                <p class=\"sms-hero-lead js-hero-lead\" style=\"margin-bottom: 70px;\">\n                    Szko\u0142y podstawowe w woj. \u015bl\u0105skim z uczniami z Ukrainy. Rekomendowany program Smart&nbsp;Skills dla klas&nbsp;6&#x2011;8 &#x2014; gotowe lekcje, szkolenia i platforma.\n                <\/p>\n                <div class=\"sms-hero-ctas\">\n                    <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScJsi-wzCtx-f4eofiW9WtqKgW_2CPpaLj-gYujW0sdJaH4Pw\/viewform\" target=\"_blank\" rel=\"noopener\" class=\"sms-btn sms-btn-primary js-hero-cta\">\n                        Do\u0142\u0105cz do projektu\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                    <\/a>\n                    <span class=\"sms-deadline-inline\">&#x1F534; Tylko do <strong>31 maja<\/strong><\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Prawa: logo -->\n            <div class=\"sms-hero-right js-hero-logo\">\n                <div class=\"sms-hero-logo-wrap\">\n                    <img decoding=\"async\" src=\"http:\/\/mlodepokolenie.pl\/wp-content\/uploads\/2026\/04\/Projekt-bez-nazwy-7.png\" alt=\"Smart Skills - Program Rekomendowany\" style=\"width: 100%; max-width: 360px; height: auto; display: block; filter: none !important;\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"sms-hero-bignum js-bignum\" aria-hidden=\"true\">125<\/div>\n    <\/header>\n<\/div>\n\n<script>\n\/* --- JS DLA BLOKU HERO --- *\/\n'use strict';\n\nwindow.addEventListener('load', () => {\n    const wrapper = document.querySelector('.sms-landing-wrapper');\n    if (!wrapper) return;\n\n    const gsapLoaded = typeof gsap !== 'undefined';\n    if (gsapLoaded) {\n        const ease = 'power3.out';\n\n        \/\/ Nag\u0142\u00f3wek: ka\u017cda linia z do\u0142u, stagger\n        gsap.from('.sms-hero-h1 span', {\n            y: 60, opacity: 0,\n            duration: 0.9, ease,\n            stagger: 0.12, delay: 0.4\n        });\n\n        \/\/ Lead i CTA\n        gsap.from(['.js-hero-lead', '.sms-hero-ctas'], {\n            y: 30, opacity: 0,\n            duration: 0.8, ease,\n            stagger: 0.15, delay: 0.85\n        });\n\n        \/\/ Wielka liczba \u2014 wje\u017cd\u017ca z prawej\n        gsap.from('.js-bignum', {\n            x: 120, opacity: 0,\n            duration: 1.4, ease: 'expo.out', delay: 0.5\n        });\n    } else {\n        \/\/ Fallback bez GSAP\n        const els = wrapper.querySelectorAll('.js-hero-title, .js-hero-lead, .sms-hero-ctas, .js-bignum');\n        els.forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(30px)';\n            requestAnimationFrame(() => {\n                el.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n                el.style.opacity = '1';\n                el.style.transform = 'none';\n            });\n        });\n    }\n});\n<\/script>\n\n\n\n<style>\n\/* --- CSS DLA BLOKU BENEFITS (Ben v2) --- *\/\n.sms-landing-wrapper {\n    --sms-blue:       #0d1b3e;\n    --sms-blue-mid:   #2563eb;\n    --sms-green:      #16a34a;\n    --sms-text:       #0d1b3e;\n    font-family: 'Inter', sans-serif;\n    color: var(--sms-text);\n    background: #fff;\n    line-height: 1.65;\n    overflow-x: hidden;\n    width: 100%;\n}\n.sms-landing-wrapper, .sms-landing-wrapper ::before, .sms-landing-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.sms-landing-wrapper h2 { font-family: 'Outfit', sans-serif; color: var(--sms-blue); }\n.sms-container { max-width: 1200px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 2; }\n\n\/* Wave divider (benefits -> dark) *\/\n.sms-wave-divider { display: block; line-height: 0; background: #fff; position: relative; z-index: 2; }\n.sms-wave-divider svg { display: block; width: 100%; }\n.sms-wave-dark { background: #fff; }\n\n\/* CO ZYSKUJE SZKO\u0141A (Ben v2) *\/\n.sms-ben-v2 { padding-top: 140px; padding-bottom: 220px; background: #fff; }\n.sms-ben-v2-flex { display: flex; gap: 80px; align-items: stretch; }\n.sms-ben-v2-left { flex: 0 0 350px; position: sticky; top: 120px; align-self: flex-start; }\n.sms-ben-v2-left h2 { font-size: 4rem; font-weight: 900; line-height: 1.1; color: var(--sms-blue); }\n.sms-ben-v2-right { flex: 1; border-top: 2px solid rgba(0,0,0,0.1); }\n.sms-bv2-list { list-style: none; padding: 0; margin: 0; }\n.sms-bv2-list li { padding: 32px 0; border-bottom: 2px solid rgba(0,0,0,0.1); font-size: 1.8rem; font-weight: 500; color: var(--sms-blue); display: flex; align-items: center; gap: 32px; transition: padding-left 0.55s cubic-bezier(0.22, 1, 0.36, 1), color 0.35s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1); }\n.sms-bv2-list li:hover { padding-left: 40px; color: var(--sms-blue-mid); transform: translateX(8px); }\n.sms-bv2-list li span { font-family: 'Outfit'; font-size: 1.2rem; font-weight: 900; color: rgba(0,0,0,0.2); }\n.sms-bv2-accent { font-weight: 900 !important; color: var(--sms-green) !important; border-bottom-width: 4px !important; border-bottom-color: var(--sms-green) !important; }\n\n.js-fade-up { will-change: transform, opacity; }\n\n@media(max-width:900px){\n    .sms-ben-v2-flex { flex-direction: column; gap: 40px; }\n    .sms-ben-v2-left { position: static; flex: auto; }\n    .sms-ben-v2-left h2 { font-size: 3rem; }\n    .sms-bv2-list li { font-size: 1.3rem; padding: 24px 0; }\n    .sms-bv2-list li:hover { padding-left: 16px; transform: none; }\n}\n<\/style>\n<div class=\"sms-landing-wrapper\">\n<section class=\"sms-ben-v2\">\n        <div class=\"sms-container\">\n            <div class=\"sms-ben-v2-flex\">\n                <div class=\"sms-ben-v2-left js-fade-up\">\n                    <h2>Co zyskuje<br>szko\u0142a?<\/h2>\n                <\/div>\n                <div class=\"sms-ben-v2-right\">\n                    <ul class=\"sms-bv2-list\" role=\"list\">\n                        <li class=\"js-fade-up\"><span>01<\/span> Gotowy program profilaktyczny (15 lekcji)<\/li>\n                        <li class=\"js-fade-up\"><span>02<\/span> Wsparcie dla uczni\u00f3w i nauczycieli<\/li>\n                        <li class=\"js-fade-up\"><span>03<\/span> Filmy edukacyjne dla rodzic\u00f3w<\/li>\n                        <li class=\"js-fade-up\"><span>04<\/span> Platforma e-learningowa i wideo<\/li>\n                        <li class=\"js-fade-up\"><span>05<\/span> Scenariusze dla nauczycieli<\/li>\n                        <li class=\"js-fade-up sms-bv2-accent\"><span>06<\/span> Brak koszt\u00f3w (finansowanie w 100%)<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Fala benefits -> dark -->\n    <div class=\"sms-wave-divider sms-wave-dark\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M0,40 C360,0 1080,80 1440,40 L1440,80 L0,80 Z\" fill=\"#0d1b3e\"\/>\n        <\/svg>\n    <\/div>\n<\/div>\n\n<script>\n\/* --- JS DLA BLOKU BENEFITS --- *\/\n'use strict';\n\nwindow.addEventListener('load', () => {\n    const wrapper = document.querySelector('.sms-landing-wrapper');\n    if (!wrapper) return;\n\n    const gsapLoaded = typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined';\n    if (gsapLoaded) {\n        gsap.registerPlugin(ScrollTrigger);\n        document.querySelectorAll('.js-fade-up').forEach(el => {\n            gsap.from(el, {\n                scrollTrigger: { trigger: el, start: 'top 80%' },\n                y: 40, opacity: 0,\n                duration: 0.8, ease: 'power3.out'\n            });\n        });\n    } else {\n        const io = new IntersectionObserver((entries) => {\n            entries.forEach(e => {\n                if (e.isIntersecting) {\n                    e.target.style.transition = 'opacity 0.7s ease, transform 0.7s ease';\n                    e.target.style.opacity = '1';\n                    e.target.style.transform = 'none';\n                    io.unobserve(e.target);\n                }\n            });\n        }, { threshold: 0.1 });\n        wrapper.querySelectorAll('.js-fade-up').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(30px)';\n            io.observe(el);\n        });\n    }\n});\n<\/script>\n\n\n\n<style>\n\/* =========================================\n   SMART SKILLS \u2014 OBSZARY PROGRAMU\n   wersja z mniejsz\u0105 wysoko\u015bci\u0105 CIEMNEJ sekcji\n   bia\u0142a sekcja poza tym blokiem zostaje bez zmian\n========================================= *\/\n\n.sms-landing-wrapper {\n    --sms-blue: #0d1b3e;\n    --sms-blue-mid: #2563eb;\n    --sms-text: #0d1b3e;\n\n    font-family: 'Inter', sans-serif;\n    color: var(--sms-text);\n    background: #fff;\n    line-height: 1.65;\n    overflow-x: hidden;\n    width: 100%;\n}\n\n.sms-landing-wrapper *,\n.sms-landing-wrapper *::before,\n.sms-landing-wrapper *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n.sms-landing-wrapper h2,\n.sms-landing-wrapper h3 {\n    font-family: 'Outfit', sans-serif;\n    color: var(--sms-blue);\n}\n\n.sms-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n    z-index: 2;\n}\n\n\/* =========================================\n   DARK SECTION\n========================================= *\/\n\n.sms-dark-section {\n    background: var(--sms-blue);\n    color: #fff;\n    padding: 24px 0 20px; \/* by\u0142o za du\u017co, skr\u00f3cone g\u00f3ra i d\u00f3\u0142 *\/\n    position: relative;\n    z-index: 2;\n}\n\n.sms-dark-header {\n    margin-bottom: 20px; \/* mniej pustki mi\u0119dzy nag\u0142\u00f3wkiem a sliderem *\/\n}\n\n.sms-dark-logo {\n    width: 250px;\n    height: auto;\n    display: block;\n    margin-bottom: 12px;\n    filter: brightness(0) invert(1);\n}\n\n.sms-dark-h2 {\n    font-size: clamp(2.8rem, 4.5vw, 4.5rem);\n    font-weight: 900;\n    letter-spacing: -0.04em;\n    line-height: 1;\n    color: #fff !important;\n    margin-bottom: 12px;\n}\n\n.sms-dark-sub {\n    font-family: 'Outfit', sans-serif;\n    font-size: clamp(1.25rem, 2vw, 1.6rem);\n    font-weight: 700;\n    color: #fff;\n    max-width: 680px;\n    line-height: 1.5;\n}\n\n\/* =========================================\n   KARUZELA\n========================================= *\/\n\n.sms-carousel {\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    padding: 10px 0 20px; \/* mniej wysoko\u015bci ciemnej sekcji *\/\n}\n\n.sms-carousel-track {\n    display: flex;\n    width: max-content;\n    gap: 32px;\n    align-items: center;\n    transition: transform 0.65s cubic-bezier(0.64, 0.04, 0.26, 1);\n}\n\n.sms-slide {\n    width: 70vw;\n    max-width: 860px;\n    position: relative;\n    height: 540px;\n    overflow: hidden;\n    flex-shrink: 0;\n    border-radius: 20px;\n    opacity: 0.4;\n    transform: scale(0.92);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n}\n\n.sms-slide.is-active {\n    opacity: 1;\n    transform: scale(1);\n    z-index: 2;\n}\n\n.sms-slide-photo {\n    position: absolute;\n    inset: 0;\n}\n\n.sms-slide-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center 30%;\n    display: block;\n    transition: transform 0.8s ease;\n}\n\n.sms-slide:hover .sms-slide-photo img {\n    transform: scale(1.04);\n}\n\n.sms-slide-scrim {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n        to top,\n        rgba(13,27,62,0.92) 0%,\n        rgba(13,27,62,0.4) 50%,\n        rgba(13,27,62,0.1) 100%\n    );\n}\n\n.sms-slide-content {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 48px 56px;\n    z-index: 2;\n}\n\n.sms-slide-num {\n    display: block;\n    font-family: 'Outfit', sans-serif;\n    font-weight: 900;\n    font-size: 5rem;\n    line-height: 1;\n    letter-spacing: -0.05em;\n    color: rgba(255,255,255,0.25);\n    margin-bottom: 8px;\n}\n\n.sms-landing-wrapper .sms-slide-content h3 {\n    font-size: clamp(1.6rem, 2.5vw, 2.2rem);\n    font-weight: 900;\n    color: #fff;\n    letter-spacing: -0.03em;\n    line-height: 1.1;\n    margin-bottom: 12px;\n}\n\n.sms-slide-content p {\n    font-size: 1.05rem;\n    color: rgba(255,255,255,0.7);\n    line-height: 1.65;\n    max-width: 480px;\n}\n\n\/* =========================================\n   BUTTONS\n========================================= *\/\n\n.sms-carousel-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 10;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.15);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    border: 1px solid rgba(255,255,255,0.25);\n    color: #fff;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.2s ease, transform 0.3s cubic-bezier(0.34,1.56,0.64,1);\n}\n\n.sms-carousel-btn svg {\n    width: 22px;\n    height: 22px;\n}\n\n.sms-carousel-btn:hover {\n    background: rgba(255,255,255,0.28);\n    transform: translateY(-50%) scale(1.08);\n}\n\n.sms-carousel-prev {\n    left: 28px;\n}\n\n.sms-carousel-next {\n    right: 28px;\n}\n\n\/* =========================================\n   DOTS\n========================================= *\/\n\n.sms-carousel-dots {\n    position: absolute;\n    bottom: 8px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 10px;\n    z-index: 10;\n}\n\n.sms-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.35);\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    transition: width 0.3s ease, background 0.3s ease;\n}\n\n.sms-dot--active {\n    width: 28px;\n    border-radius: 4px;\n    background: #fff;\n}\n\n.js-fade-up {\n    will-change: transform, opacity;\n}\n\n\/* =========================================\n   RESPONSIVE\n========================================= *\/\n\n@media (max-width: 1024px) {\n    .sms-dark-h2 {\n        font-size: clamp(2.5rem, 5vw, 3.8rem);\n    }\n}\n\n@media (max-width: 768px) {\n    .sms-carousel-track {\n        gap: 16px;\n    }\n\n    .sms-slide {\n        width: 85vw;\n        height: 460px;\n    }\n\n    .sms-slide-content {\n        padding: 32px;\n    }\n\n    .sms-slide-num {\n        font-size: 3.5rem;\n    }\n\n    .sms-carousel-btn {\n        display: none;\n    }\n\n    .sms-dark-section {\n        padding: 20px 0 16px;\n    }\n\n    .sms-dark-header {\n        margin-bottom: 16px;\n    }\n\n    .sms-carousel {\n        padding: 6px 0 16px;\n    }\n\n    .sms-dark-h2 {\n        font-size: 2.5rem;\n    }\n\n    .sms-dark-logo {\n        width: 120px;\n    }\n\n    .sms-carousel-dots {\n        bottom: 4px;\n    }\n}\n<\/style>\n\n<div class=\"sms-landing-wrapper\">\n    <section class=\"sms-dark-section\" id=\"sms-obszary\">\n        <div class=\"sms-container\">\n            <div class=\"sms-dark-header js-fade-up\">\n                <img decoding=\"async\" src=\"http:\/\/mlodepokolenie.pl\/wp-content\/uploads\/2026\/04\/logo.png\" alt=\"Smart Skills\" class=\"sms-dark-logo\">\n\n                <h2 class=\"sms-dark-h2\">Obszary, kt\u00f3re<br>rozwija program.<\/h2>\n\n                <p class=\"sms-dark-sub\">\n                    Kompetencje mi\u0119kkie, kt\u00f3re realnie pomagaj\u0105 M\u0142odzie\u017cy funkcjonowa\u0107 w \u015bwiecie.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"sms-carousel\" id=\"sms-carousel\" role=\"region\" aria-label=\"Obszary programu\">\n            <div class=\"sms-carousel-track\" id=\"sms-carousel-track\">\n\n                <article class=\"sms-slide\">\n                    <div class=\"sms-slide-photo\">\n                        <img decoding=\"async\" src=\"http:\/\/mlodepokolenie.pl\/wp-content\/uploads\/2026\/04\/w4bw45n6n-scaled.png\" loading=\"lazy\" alt=\"Odporno\u015b\u0107 psychiczna\">\n                        <div class=\"sms-slide-scrim\"><\/div>\n                    <\/div>\n                    <div class=\"sms-slide-content\">\n                        <span class=\"sms-slide-num\">01<\/span>\n                        <h3>Odporno\u015b\u0107 psychiczna<\/h3>\n                        <p>Radzenie sobie ze stresem i presj\u0105 codzienno\u015bci szkolnej.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"sms-slide\">\n                    <div class=\"sms-slide-photo\">\n                        <img decoding=\"async\" src=\"http:\/\/mlodepokolenie.pl\/wp-content\/uploads\/2026\/04\/212A9934.03_19_00_07.Still020-scaled.png\" alt=\"Komunikacja\" loading=\"lazy\">\n                        <div class=\"sms-slide-scrim\"><\/div>\n                    <\/div>\n                    <div class=\"sms-slide-content\">\n                        <span class=\"sms-slide-num\">02<\/span>\n                        <h3>Komunikacja &amp; asertywno\u015b\u0107<\/h3>\n                        <p>Komunikacja interpersonalna i stawianie zdrowych granic.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"sms-slide\">\n                    <div class=\"sms-slide-photo\">\n                        <img decoding=\"async\" src=\"http:\/\/mlodepokolenie.pl\/wp-content\/uploads\/2026\/04\/212A9934.00_33_15_07.Still021-scaled.png\" alt=\"Zasoby w\u0142asne\" loading=\"lazy\">\n                        <div class=\"sms-slide-scrim\"><\/div>\n                    <\/div>\n                    <div class=\"sms-slide-content\">\n                        <span class=\"sms-slide-num\">03<\/span>\n                        <h3>Zasoby w\u0142asne<\/h3>\n                        <p>Rozpoznawanie mocnych stron i w\u0142asnych predyspozycji.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"sms-slide\">\n                    <div class=\"sms-slide-photo\">\n                        <img decoding=\"async\" src=\"http:\/\/mlodepokolenie.pl\/wp-content\/uploads\/2026\/04\/212A9934.03_25_48_18.Still025-scaled.png\" alt=\"Bezpieczne relacje\" loading=\"lazy\">\n                        <div class=\"sms-slide-scrim\"><\/div>\n                    <\/div>\n                    <div class=\"sms-slide-content\">\n                        <span class=\"sms-slide-num\">04<\/span>\n                        <h3>Bezpieczne relacje<\/h3>\n                        <p>Budowanie zdrowych relacji w grupie r\u00f3wie\u015bniczej.<\/p>\n                    <\/div>\n                <\/article>\n\n            <\/div>\n\n            <button class=\"sms-carousel-btn sms-carousel-prev\" id=\"sms-prev\" aria-label=\"Poprzedni\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"15 18 9 12 15 6\"\/>\n                <\/svg>\n            <\/button>\n\n            <button class=\"sms-carousel-btn sms-carousel-next\" id=\"sms-next\" aria-label=\"Nast\u0119pny\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"9 18 15 12 9 6\"\/>\n                <\/svg>\n            <\/button>\n\n            <div class=\"sms-carousel-dots\" id=\"sms-dots\">\n                <button class=\"sms-dot sms-dot--active\" data-index=\"0\" aria-label=\"Slajd 1\"><\/button>\n                <button class=\"sms-dot\" data-index=\"1\" aria-label=\"Slajd 2\"><\/button>\n                <button class=\"sms-dot\" data-index=\"2\" aria-label=\"Slajd 3\"><\/button>\n                <button class=\"sms-dot\" data-index=\"3\" aria-label=\"Slajd 4\"><\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n'use strict';\n\nfunction initCarousel() {\n    const carousel = document.getElementById('sms-carousel');\n    const track = document.getElementById('sms-carousel-track');\n    const prev = document.getElementById('sms-prev');\n    const next = document.getElementById('sms-next');\n    const dots = document.querySelectorAll('#sms-dots .sms-dot');\n    const slides = document.querySelectorAll('.sms-slide');\n\n    if (!track || slides.length === 0) return;\n\n    const total = slides.length;\n    let current = 0;\n    let autoTimer = null;\n\n    function goTo(idx) {\n        current = (idx + total) % total;\n\n        slides.forEach((sl, i) => {\n            sl.classList.toggle('is-active', i === current);\n        });\n\n        dots.forEach((d, i) => {\n            d.classList.toggle('sms-dot--active', i === current);\n        });\n\n        const activeSlide = slides[current];\n        const carouselWidth = carousel.offsetWidth;\n        const slideWidth = activeSlide.offsetWidth;\n        const slideOffset = activeSlide.offsetLeft;\n        const centerPos = slideOffset - (carouselWidth \/ 2) + (slideWidth \/ 2);\n\n        track.style.transform = 'translateX(' + (-centerPos) + 'px)';\n    }\n\n    function startAuto() {\n        clearInterval(autoTimer);\n        autoTimer = setInterval(() => goTo(current + 1), 5000);\n    }\n\n    if (prev) {\n        prev.addEventListener('click', () => {\n            goTo(current - 1);\n            startAuto();\n        });\n    }\n\n    if (next) {\n        next.addEventListener('click', () => {\n            goTo(current + 1);\n            startAuto();\n        });\n    }\n\n    dots.forEach((d, index) => {\n        d.addEventListener('click', () => {\n            goTo(index);\n            startAuto();\n        });\n    });\n\n    window.addEventListener('resize', () => goTo(current));\n\n    let touchX = 0;\n\n    if (carousel) {\n        carousel.addEventListener('touchstart', e => {\n            touchX = e.touches[0].clientX;\n        }, { passive: true });\n\n        carousel.addEventListener('touchend', e => {\n            const dx = e.changedTouches[0].clientX - touchX;\n            if (Math.abs(dx) > 40) {\n                goTo(current + (dx < 0 ? 1 : -1));\n                startAuto();\n            }\n        }, { passive: true });\n\n        carousel.setAttribute('tabindex', '0');\n        carousel.addEventListener('keydown', e => {\n            if (e.key === 'ArrowLeft') {\n                goTo(current - 1);\n                startAuto();\n            }\n            if (e.key === 'ArrowRight') {\n                goTo(current + 1);\n                startAuto();\n            }\n        });\n    }\n\n    requestAnimationFrame(() => goTo(0));\n    startAuto();\n}\n\nwindow.addEventListener('load', () => {\n    initCarousel();\n\n    const wrapper = document.querySelector('.sms-landing-wrapper');\n    if (!wrapper) return;\n\n    const gsapLoaded = typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined';\n\n    if (gsapLoaded) {\n        gsap.registerPlugin(ScrollTrigger);\n        gsap.from('.sms-dark-header', {\n            scrollTrigger: {\n                trigger: '.sms-dark-section',\n                start: 'top 70%'\n            },\n            y: 50,\n            opacity: 0,\n            duration: 0.9,\n            ease: 'power3.out'\n        });\n    } else {\n        const io = new IntersectionObserver((entries) => {\n            entries.forEach(e => {\n                if (e.isIntersecting) {\n                    e.target.style.transition = 'opacity 0.7s ease, transform 0.7s ease';\n                    e.target.style.opacity = '1';\n                    e.target.style.transform = 'none';\n                    io.unobserve(e.target);\n                }\n            });\n        }, { threshold: 0.1 });\n\n        wrapper.querySelectorAll('.js-fade-up').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(30px)';\n            io.observe(el);\n        });\n    }\n});\n<\/script>\n\n\n\n<style>\n\/* --- CSS DLA BLOKU DLA KOGO (bento brutal) --- *\/\n.sms-landing-wrapper {\n    --sms-blue:       #0d1b3e;\n    --sms-blue-pale:  #f0f6ff;\n    --sms-green-bg:   #dcfce7;\n    --sms-text:       #0d1b3e;\n    font-family: 'Inter', sans-serif;\n    color: var(--sms-text);\n    background: #fff;\n    line-height: 1.65;\n    overflow-x: hidden;\n    width: 100%;\n}\n.sms-landing-wrapper, .sms-landing-wrapper ::before, .sms-landing-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.sms-landing-wrapper h3, .sms-landing-wrapper h4 { font-family: 'Outfit', sans-serif; color: var(--sms-blue); }\n.sms-container { max-width: 1200px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 2; }\n\n\/* DLA KOGO \u2013 bento brutal *\/\n.sms-aud-b3 { padding: 120px 0; background: #fdfdfd; }\n.sms-b3-title { font-size: clamp(3rem, 7vw, 6rem); color: var(--sms-blue); font-weight: 900; margin-bottom: 40px; text-transform: uppercase; line-height: 1; letter-spacing: -0.05em; }\n.sms-b3-wrapper { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: auto auto; gap: 24px; min-height: 500px; }\n.c-ucz  { grid-column: 1; grid-row: 1 \/ span 2; background: var(--sms-blue-pale) !important; }\n.c-nau  { grid-column: 2; grid-row: 1; }\n.c-dyr  { grid-column: 2; grid-row: 2; }\n.c-rodz { grid-column: 3; grid-row: 1 \/ span 2; background: var(--sms-green-bg) !important; }\n.sms-b3-card { padding: 40px; border: 3px solid var(--sms-blue); border-radius: 12px; display: flex; flex-direction: column; justify-content: space-between; transition: box-shadow 0.2s ease, transform 0.2s ease; background: #fff; box-shadow: 6px 6px 0px var(--sms-blue); }\n.sms-b3-card:hover { transform: translate(-4px, -4px); box-shadow: 12px 12px 0px var(--sms-blue); }\n.b3-num { font-size: 4rem; font-weight: 900; font-family: 'Outfit'; color: var(--sms-blue); opacity: 0.15; line-height: 0.8; }\n.sms-b3-card h4 { font-size: 2.2rem; font-weight: 900; color: var(--sms-blue); text-transform: uppercase; }\n\n.js-fade-up { will-change: transform, opacity; }\n\n@media(max-width: 900px) {\n    .sms-b3-wrapper { display: flex !important; flex-direction: column !important; min-height: auto; }\n    .c-ucz, .c-nau, .c-dyr, .c-rodz { grid-column: auto; grid-row: auto; }\n    .sms-b3-card { padding: 32px 24px; }\n}\n@media(max-width: 700px) {\n    .sms-b3-card h4 { font-size: 1.6rem !important; word-break: break-word; overflow-wrap: anywhere; }\n    .b3-num { font-size: 3rem !important; }\n    .sms-b3-title { font-size: 2.2rem !important; margin-bottom: 24px !important; }\n}\n<\/style>\n<div class=\"sms-landing-wrapper\">\n<section class=\"sms-aud-b3\">\n        <div class=\"sms-container\">\n            <h3 class=\"sms-b3-title\">DLA KOGO?<\/h3>\n            <div class=\"sms-b3-wrapper\">\n                <div class=\"sms-b3-card c-ucz js-fade-up\">\n                    <span class=\"b3-num\">01<\/span>\n                    <h4>UCZNIOWIE<\/h4>\n                <\/div>\n                <div class=\"sms-b3-card c-nau js-fade-up\">\n                    <span class=\"b3-num\">02<\/span>\n                    <h4>NAUCZYCIELE<\/h4>\n                <\/div>\n                <div class=\"sms-b3-card c-dyr js-fade-up\">\n                    <span class=\"b3-num\">03<\/span>\n                    <h4>DYREKTORZY<\/h4>\n                <\/div>\n                <div class=\"sms-b3-card c-rodz js-fade-up\">\n                    <span class=\"b3-num\">04<\/span>\n                    <h4>RODZICE<\/h4>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n\/* --- JS DLA BLOKU DLA KOGO --- *\/\n'use strict';\n\nwindow.addEventListener('load', () => {\n    const wrapper = document.querySelector('.sms-landing-wrapper');\n    if (!wrapper) return;\n\n    const gsapLoaded = typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined';\n    if (gsapLoaded) {\n        gsap.registerPlugin(ScrollTrigger);\n        document.querySelectorAll('.js-fade-up').forEach(el => {\n            gsap.from(el, {\n                scrollTrigger: { trigger: el, start: 'top 80%' },\n                y: 40, opacity: 0,\n                duration: 0.8, ease: 'power3.out'\n            });\n        });\n    } else {\n        const io = new IntersectionObserver((entries) => {\n            entries.forEach(e => {\n                if (e.isIntersecting) {\n                    e.target.style.transition = 'opacity 0.7s ease, transform 0.7s ease';\n                    e.target.style.opacity = '1';\n                    e.target.style.transform = 'none';\n                    io.unobserve(e.target);\n                }\n            });\n        }, { threshold: 0.1 });\n        wrapper.querySelectorAll('.js-fade-up').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(30px)';\n            io.observe(el);\n        });\n    }\n});\n<\/script>\n\n\n\n<style>\n\/* --- CSS DLA BLOKU CTA FINAL --- *\/\n.sms-landing-wrapper {\n    --sms-blue:       #0d1b3e;\n    --sms-blue-mid:   #2563eb;\n    --sms-red:        #dc2626;\n    --sms-text:       #0d1b3e;\n    font-family: 'Inter', sans-serif;\n    color: var(--sms-text);\n    background: #fff;\n    line-height: 1.65;\n    overflow-x: hidden;\n    width: 100%;\n}\n.sms-landing-wrapper, .sms-landing-wrapper ::before, .sms-landing-wrapper *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.sms-landing-wrapper h2 { font-family: 'Outfit', sans-serif; color: var(--sms-blue); }\n\n\/* CTA A \u2013 monolit *\/\n.sms-cta-a { background: var(--sms-blue); color: #fff; padding: 120px 24px; display: flex; justify-content: center; text-align: center; }\n.sms-cta-a-content { max-width: 900px; display: flex; flex-direction: column; align-items: center; width: 100%; }\n.sms-cta-a h2 { font-size: clamp(3rem, 6vw, 5rem); color: #fff; font-weight: 900; line-height: 1; margin: 24px 0 48px; letter-spacing: -0.04em; }\n\n\/* Deadline tag *\/\n.sms-deadline-tag { display: inline-block; background: #fff1f2; color: var(--sms-red); font-weight: 700; font-size: 1rem; padding: 10px 24px; border-radius: 50px; border: 1px solid #fecdd3; margin-bottom: 32px; animation: sms-pulse 2.5s ease-in-out infinite; }\n@keyframes sms-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }\n\n\/* Ticker *\/\n.sms-ticker-wrap { width: 100vw; margin-left: -50vw; margin-right: -50vw; overflow: hidden; padding: 40px 0; margin-top: 28px; margin-bottom: 60px; border-top: 2px solid rgba(255,255,255,0.1); border-bottom: 2px solid rgba(255,255,255,0.1); mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent); position: relative; }\n.sms-ticker-track { display: flex; width: max-content; animation: sms-ticker-scroll 22s linear infinite; will-change: transform; }\n@keyframes sms-ticker-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n.sms-ticker-wrap:hover .sms-ticker-track { animation-play-state: paused; }\n.sms-ticker-item { display: flex; align-items: center; gap: 40px; padding: 0 40px; color: #fff; font-family: 'Outfit', sans-serif; font-weight: 900; font-size: 1.8rem; letter-spacing: -0.03em; line-height: 1.05; white-space: nowrap; text-transform: uppercase; }\n.sms-ticker-item::before { content: '\u2726'; color: var(--sms-blue-mid); font-size: 1.6rem; flex-shrink: 0; animation: sms-spin 6s linear infinite; }\n.sms-ticker-item:nth-child(even) { color: rgba(255,255,255,0.4); -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent; }\n@keyframes sms-spin { to { transform: rotate(360deg); } }\n\n\/* Elegant button *\/\n.sms-cta-a-btn-elegant { display: inline-flex; align-items: center; gap: 16px; font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 1.3rem; padding: 24px 48px; background: #fff; color: var(--sms-blue); border-radius: 100px; text-decoration: none; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 10px 30px rgba(0,0,0,0.2), inset 0 0 0 2px transparent; cursor: pointer; }\n.sms-cta-a-btn-elegant svg { transition: transform 0.3s ease; }\n.sms-cta-a-btn-elegant:hover { box-shadow: 0 20px 40px rgba(0,0,0,0.4), inset 0 0 0 2px var(--sms-blue-mid); transform: translateY(-4px); background: #f8fafc; }\n.sms-cta-a-btn-elegant:hover svg { transform: translateX(6px); }\n\n.js-fade-up { will-change: transform, opacity; }\n\n@media(max-width: 768px) {\n    .sms-deadline-tag { font-size: 0.9rem; padding: 8px 18px; }\n}\n@media(max-width: 700px) {\n    .sms-cta-a h2 { font-size: 2.8rem; }\n    .sms-cta-a-btn-elegant { padding: 20px 32px; font-size: 1.1rem; }\n    .sms-ticker-item { font-size: 1.2rem; gap: 24px; padding: 0 24px; }\n}\n<\/style>\n<div class=\"sms-landing-wrapper\">\n<section class=\"sms-cta-a\" id=\"sms-formularz-a\">\n        <div class=\"sms-cta-a-content js-fade-up\">\n            <div class=\"sms-deadline-tag\">&#x1F5D3; Rekrutacja trwa tylko do 31 maja!<\/div>\n            <h2>Zg\u0142o\u015b swoj\u0105 szko\u0142\u0119.<\/h2>\n\n            <div class=\"sms-ticker-wrap\">\n                <div class=\"sms-ticker-track\">\n                    <div class=\"sms-ticker-item\"><span>Tylko dla szk\u00f3\u0142<br>w woj. \u015bl\u0105skim<\/span><\/div>\n                    <div class=\"sms-ticker-item\"><span>Uczniowie<br>z Ukrainy<\/span><\/div>\n                    <div class=\"sms-ticker-item\"><span>Decyduje<br>kolejno\u015b\u0107 zg\u0142osze\u0144<\/span><\/div>\n                    <div class=\"sms-ticker-item\"><span>Niepowtarzalna okazja do otrzymania<br>bezp\u0142atnie programu rekomendowanego<\/span><\/div>\n                    <div class=\"sms-ticker-item\"><span>Tylko dla szk\u00f3\u0142<br>w woj. \u015bl\u0105skim<\/span><\/div>\n                    <div class=\"sms-ticker-item\"><span>Uczniowie<br>z Ukrainy<\/span><\/div>\n                    <div class=\"sms-ticker-item\"><span>Decyduje<br>kolejno\u015b\u0107 zg\u0142osze\u0144<\/span><\/div>\n                    <div class=\"sms-ticker-item\"><span>Niepowtarzalna okazja do otrzymania<br>bezp\u0142atnie programu rekomendowanego<\/span><\/div>\n                <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScJsi-wzCtx-f4eofiW9WtqKgW_2CPpaLj-gYujW0sdJaH4Pw\/viewform\" target=\"_blank\" rel=\"noopener\" class=\"sms-cta-a-btn-elegant\">\n                Wype\u0142nij formularz rekrutacyjny\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n            <\/a>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n\/* --- JS DLA BLOKU CTA --- *\/\n'use strict';\n\nwindow.addEventListener('load', () => {\n    const wrapper = document.querySelector('.sms-landing-wrapper');\n    if (!wrapper) return;\n\n    const gsapLoaded = typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined';\n    if (gsapLoaded) {\n        gsap.registerPlugin(ScrollTrigger);\n        document.querySelectorAll('.js-fade-up').forEach(el => {\n            gsap.from(el, {\n                scrollTrigger: { trigger: el, start: 'top 80%' },\n                y: 40, opacity: 0,\n                duration: 0.8, ease: 'power3.out'\n            });\n        });\n    } else {\n        const io = new IntersectionObserver((entries) => {\n            entries.forEach(e => {\n                if (e.isIntersecting) {\n                    e.target.style.transition = 'opacity 0.7s ease, transform 0.7s ease';\n                    e.target.style.opacity = '1';\n                    e.target.style.transform = 'none';\n                    io.unobserve(e.target);\n                }\n            });\n        }, { threshold: 0.1 });\n        wrapper.querySelectorAll('.js-fade-up').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(30px)';\n            io.observe(el);\n        });\n    }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Twoja szko\u0142a mo\u017ce dosta\u0107 PROGRAM REKOMENDOWANY \u2713 bezp\u0142atnie. Szko\u0142y podstawowe w woj. \u015bl\u0105skim z uczniami z Ukrainy. Rekomendowany program Smart&nbsp;Skills dla klas&nbsp;6&#x2011;8 &#x2014; gotowe lekcje, szkolenia i platforma. Do\u0142\u0105cz do projektu &#x1F534; Tylko do 31 maja 125 Co zyskujeszko\u0142a? 01 Gotowy program profilaktyczny (15 lekcji) 02 Wsparcie dla uczni\u00f3w i nauczycieli 03 Filmy edukacyjne dla rodzic\u00f3w 04 Platforma e-learningowa i wideo 05 Scenariusze dla nauczycieli 06 Brak koszt\u00f3w (finansowanie w 100%) Obszary, kt\u00f3rerozwija program. Kompetencje mi\u0119kkie, kt\u00f3re realnie pomagaj\u0105 M\u0142odzie\u017cy funkcjonowa\u0107 w \u015bwiecie. 01 Odporno\u015b\u0107 psychiczna Radzenie sobie ze stresem i presj\u0105 codzienno\u015bci szkolnej. 02 Komunikacja &amp; asertywno\u015b\u0107 Komunikacja interpersonalna i stawianie zdrowych granic. 03 Zasoby w\u0142asne Rozpoznawanie mocnych stron i w\u0142asnych predyspozycji. 04 Bezpieczne relacje Budowanie zdrowych relacji w grupie r\u00f3wie\u015bniczej. DLA KOGO? 01 UCZNIOWIE 02 NAUCZYCIELE 03 DYREKTORZY 04 RODZICE &#x1F5D3; Rekrutacja trwa tylko do 31 maja! Zg\u0142o\u015b swoj\u0105 szko\u0142\u0119. Tylko dla szk\u00f3\u0142w woj. \u015bl\u0105skim Uczniowiez Ukrainy Decydujekolejno\u015b\u0107 zg\u0142osze\u0144 Niepowtarzalna okazja do otrzymaniabezp\u0142atnie programu rekomendowanego Tylko dla szk\u00f3\u0142w woj. \u015bl\u0105skim Uczniowiez Ukrainy Decydujekolejno\u015b\u0107 zg\u0142osze\u0144 Niepowtarzalna okazja do otrzymaniabezp\u0142atnie programu rekomendowanego Wype\u0142nij formularz rekrutacyjny<\/p>","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8039","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mlodepokolenie.pl\/en\/wp-json\/wp\/v2\/pages\/8039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mlodepokolenie.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mlodepokolenie.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mlodepokolenie.pl\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/mlodepokolenie.pl\/en\/wp-json\/wp\/v2\/comments?post=8039"}],"version-history":[{"count":85,"href":"https:\/\/mlodepokolenie.pl\/en\/wp-json\/wp\/v2\/pages\/8039\/revisions"}],"predecessor-version":[{"id":8169,"href":"https:\/\/mlodepokolenie.pl\/en\/wp-json\/wp\/v2\/pages\/8039\/revisions\/8169"}],"wp:attachment":[{"href":"https:\/\/mlodepokolenie.pl\/en\/wp-json\/wp\/v2\/media?parent=8039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}