{"id":59,"date":"2025-07-02T10:44:57","date_gmt":"2025-07-02T08:44:57","guid":{"rendered":"https:\/\/polski360.com\/?page_id=59"},"modified":"2026-03-26T07:46:59","modified_gmt":"2026-03-26T06:46:59","slug":"o-szkole","status":"publish","type":"page","link":"https:\/\/www.polski360.com\/pl\/o-szkole\/","title":{"rendered":"O szkole"},"content":{"rendered":"\n<section class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<!-- Linki do font\u00f3w i ikon -->\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n<!-- Zostawiamy tylko DM Sans dla ujednolicenia -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* --- G\u0141\u00d3WNE STYLE LANDING PAGE --- *\/\n    \n    \/* KONTENER G\u0141\u00d3WNY - Izolacja i Fonty *\/\n    .polski360-landing {\n        font-family: 'DM Sans', sans-serif; \/* Ujednolicony font dla ca\u0142o\u015bci *\/\n        color: #1f2937; \/* gray-800 *\/\n        line-height: 1.6;\n        background-color: #fff;\n        width: 100%;\n        overflow-x: hidden;\n        box-sizing: border-box;\n    }\n    \n    \/* Reset styl\u00f3w wewn\u0105trz kontenera *\/\n    .polski360-landing *, \n    .polski360-landing ::before, \n    .polski360-landing ::after {\n        box-sizing: border-box;\n    }\n    \n    .polski360-landing h1, \n    .polski360-landing h2, \n    .polski360-landing h3, \n    .polski360-landing h4 {\n        margin-top: 0;\n        font-weight: 700;\n        color: #213A6E; \/* brand-main *\/\n        line-height: 1.2;\n        font-family: 'DM Sans', sans-serif; \/* Wymuszenie DM Sans *\/\n    }\n    \n    .polski360-landing p {\n        margin-bottom: 1rem;\n        color: #4b5563; \/* gray-600 *\/\n        font-family: 'DM Sans', sans-serif;\n    }\n    \n    .polski360-landing a {\n        text-decoration: none;\n        transition: all 0.3s ease;\n    }\n    \n    .polski360-landing img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n    }\n    \n    .polski360-landing ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    \/* UK\u0141AD I GRID *\/\n    .p360-container {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 0 24px;\n        position: relative;\n        z-index: 10;\n    }\n    \n    .p360-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 2rem;\n    }\n    \n    @media (min-width: 768px) {\n        .p360-grid-2 { grid-template-columns: repeat(2, 1fr); }\n    }\n    \n    @media (min-width: 1024px) {\n        .p360-grid-3 { grid-template-columns: repeat(3, 1fr); }\n        .p360-grid-4 { grid-template-columns: repeat(4, 1fr); }\n        .p360-flex-row { display: flex; flex-direction: row; align-items: center; gap: 4rem; }\n        .p360-w-half { width: 50%; }\n        .p360-w-1-3 { width: 33.333%; }\n        .p360-w-2-3 { width: 66.666%; }\n    }\n\n    \/* STYLE POMOCNICZE *\/\n    \/* Nadpisujemy klas\u0119 serif, aby u\u017cywa\u0142a DM Sans zgodnie z \u017cyczeniem ujednolicenia *\/\n    .p360-font-serif { font-family: 'DM Sans', sans-serif !important; }\n    \n    .p360-text-brand { color: #213A6E; }\n    .p360-text-accent { color: #990028; }\n    .p360-text-white { color: #fff; }\n    \n    \/* PRZYCISKI *\/\n    .p360-btn {\n        display: inline-block;\n        padding: 1rem 2rem;\n        border-radius: 6px;\n        font-weight: 700;\n        cursor: pointer;\n        text-align: center;\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\n    }\n    \n    .p360-btn-primary {\n        background-color: #213A6E;\n        color: #fff;\n    }\n    .p360-btn-primary:hover { background-color: #990028; }\n    \n    .p360-btn-outline {\n        background-color: #fff;\n        color: #213A6E;\n        border: 1px solid #e5e7eb;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 0.8rem 1.5rem;\n    }\n\n    \/* KARTY USP (Cienie i Hover) *\/\n    .p360-card {\n        background: #fff;\n        border-radius: 12px;\n        padding: 2rem;\n        border: 1px solid #f3f4f6;\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        position: relative;\n    }\n    .p360-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);\n    }\n\n    \/* --- SEKCJA HERO --- *\/\n    .p360-hero {\n        padding: 4rem 0;\n        background: linear-gradient(135deg, #F3F5F9 0%, #ffffff 100%);\n        position: relative;\n        overflow: hidden; \/* Wa\u017cne, \u017ceby blob nie wystawa\u0142 *\/\n    }\n    @media (min-width: 1024px) { .p360-hero { padding: 6rem 0; } }\n\n    .p360-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 4px 12px;\n        border: 1px solid rgba(33,58,110,0.2);\n        border-radius: 50px;\n        background: #fff;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: #213A6E;\n        margin-bottom: 1.5rem;\n    }\n    .p360-dot { width: 8px; height: 8px; background: #990028; border-radius: 50%; }\n\n    .p360-hero h2 {\n        font-size: 2.25rem;\n        margin-bottom: 1.5rem;\n    }\n    @media (min-width: 1024px) { .p360-hero h2 { font-size: 3.75rem; } }\n\n    .p360-underline {\n        position: relative;\n        display: inline-block;\n        color: #990028;\n    }\n    .p360-underline svg {\n        position: absolute;\n        bottom: -5px;\n        left: 0;\n        width: 100%;\n        opacity: 0.2;\n    }\n\n    .p360-lead {\n        font-size: 1.125rem;\n        border-left: 4px solid #990028;\n        padding-left: 1rem;\n        margin-bottom: 2rem;\n        max-width: 600px;\n    }\n\n    .p360-hero-actions {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n    }\n    @media (min-width: 768px) { .p360-hero-actions { flex-direction: row; align-items: center; } }\n\n    \/* --- NOWE STYLE DLA GALERII LEKTOR\u00d3W (Wdro\u017cone) --- *\/\n    \n    \/* Kontener g\u0142\u00f3wny kart *\/\n    .p360-stack-container {\n        position: relative;\n        width: 100%;\n        \/* Szeroko\u015b\u0107 dostosowana do mobile *\/\n        width: calc(100% - 20px); \n        max-width: 450px;\n        margin: 0 auto;\n        aspect-ratio: 3.5\/4.5;\n    }\n\n    \/* Dekoracyjne t\u0142o pod kartami (blob) *\/\n    .p360-hero-blob {\n        position: absolute;\n        inset: 0;\n        background: #990028; \/* brand-accent *\/\n        border-radius: 12px;\n        opacity: 0.05;\n        z-index: 0;\n        transform: translate(6px, 6px);\n    }\n\n    @media (min-width: 768px) {\n        .p360-hero-blob {\n            transform: translate(24px, 24px);\n        }\n    }\n\n    \/* Pojedyncza karta lektora *\/\n    .p360-l-card {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border-radius: 12px;\n        background: #fff;\n        box-shadow: 0 10px 30px -5px rgba(0,0,0,0.15);\n        overflow: hidden;\n        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n        cursor: pointer;\n        border: 1px solid #f3f4f6;\n        z-index: 10;\n    }\n\n    @media (min-width: 768px) {\n        .p360-l-card { \n            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); \n        }\n    }\n\n    \/* Stan aktywny (karta na wierzchu) *\/\n    .p360-l-card.active {\n        z-index: 20;\n        transform: translateX(0) translateY(0) scale(1);\n        opacity: 1;\n    }\n\n    \/* Efekt hover na aktywnej karcie *\/\n    .p360-l-card.active:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 30px 60px -15px rgba(0,0,0,0.3);\n    }\n\n    \/* Stan nast\u0119pny (karta pod spodem) *\/\n    .p360-l-card.next {\n        z-index: 10;\n        transform: translateX(10px) translateY(10px) scale(0.96); \n        opacity: 1;\n    }\n\n    @media (min-width: 768px) {\n        .p360-l-card.next { \n            transform: translateX(12px) translateY(12px) scale(0.96); \n        }\n    }\n\n    \/* Karty schowane (wszystkie poza active i next) *\/\n    .p360-l-card.hidden {\n        z-index: 5;\n        transform: translateX(20px) translateY(20px) scale(0.92);\n        opacity: 0;\n        pointer-events: none;\n    }\n\n    \/* Zdj\u0119cie w karcie *\/\n    .p360-l-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* Tre\u015b\u0107 na dole karty *\/\n    .p360-l-content {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: rgba(255,255,255,0.96);\n        padding: 1.25rem;\n        border-top: 1px solid #f3f4f6;\n        transform: translateY(0);\n        transition: transform 0.3s ease;\n    }\n\n    @media (min-width: 768px) { \n        .p360-l-content { padding: 1.5rem; } \n    }\n\n    \/* Typografia wewn\u0105trz karty *\/\n    .p360-l-badge {\n        font-size: 0.75rem;\n        color: #990028;\n        font-weight: 700;\n        text-transform: uppercase;\n        margin: 0 0 4px 0;\n        letter-spacing: 0.05em;\n        font-family: 'DM Sans', sans-serif;\n    }\n\n    .p360-l-name {\n        margin: 0 0 0.5rem 0;\n        font-weight: 700;\n        font-size: 1.25rem;\n        color: #213A6E;\n        font-family: 'DM Sans', sans-serif; \/* Ujednolicenie fontu *\/\n    }\n\n    .p360-l-desc {\n        margin: 0;\n        font-size: 0.85rem;\n        color: #4b5563;\n        line-height: 1.5;\n        font-family: 'DM Sans', sans-serif;\n    }\n\n    @media (min-width: 768px) { \n        .p360-l-desc { font-size: 0.9rem; } \n    }\n\n    \/* Przycisk \"Nast\u0119pny\" *\/\n    .p360-tap-hint {\n        position: absolute;\n        top: 15px;\n        right: 15px;\n        width: auto; \n        height: auto;\n        padding: 8px 16px;\n        background: #fff;\n        border-radius: 50px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        font-weight: 700;\n        font-size: 0.8rem;\n        font-family: 'DM Sans', sans-serif;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n        color: #213A6E;\n        transition: all 0.3s ease;\n        z-index: 30;\n        cursor: pointer;\n        animation: pulse-border 2s infinite;\n    }\n\n    @media (min-width: 768px) {\n        .p360-tap-hint { \n            top: 20px; right: 20px; \n            padding: 10px 20px; \n            font-size: 0.9rem; \n        }\n    }\n\n    .p360-l-card.active:hover .p360-tap-hint {\n        transform: scale(1.05);\n        background: #213A6E;\n        color: #fff;\n        box-shadow: 0 8px 20px rgba(33, 58, 110, 0.3);\n    }\n\n    \/* Licznik kart *\/\n    .p360-card-counter {\n        position: absolute;\n        bottom: 15px;\n        right: 15px;\n        font-size: 0.75rem;\n        font-weight: 700;\n        color: #9ca3af;\n        font-family: 'DM Sans', sans-serif;\n        z-index: 30;\n        background: rgba(255,255,255,0.8);\n        padding: 4px 10px;\n        border-radius: 50px;\n    }\n\n    @keyframes pulse-border {\n        0% { box-shadow: 0 0 0 0 rgba(33, 58, 110, 0.4); }\n        70% { box-shadow: 0 0 0 10px rgba(33, 58, 110, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(33, 58, 110, 0); }\n    }\n\n    \/* --- SEKCJA USP (WARTO\u015aCI) --- *\/\n    .p360-usp {\n        background-color: #213A6E;\n        color: #fff;\n        padding: 5rem 0;\n    }\n    .p360-usp-card {\n        background: #fff;\n        color: #213A6E;\n        border-radius: 12px;\n        padding: 2rem;\n        position: relative;\n    }\n    \/* Karta \u015brodkowa *\/\n    .p360-usp-card.highlight {\n        border-top: 4px solid #990028;\n        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\n        z-index: 2;\n    }\n    @media (min-width: 768px) {\n        .p360-usp-card.highlight { transform: translateY(-20px); }\n        .p360-usp-card.highlight:hover { transform: translateY(-25px); }\n    }\n\n    .p360-usp-badge {\n        position: absolute;\n        top: -12px; right: 24px;\n        background: #990028;\n        color: #fff;\n        font-size: 0.75rem;\n        font-weight: 700;\n        padding: 4px 12px;\n        border-radius: 4px;\n        text-transform: uppercase;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n    }\n\n    .p360-icon-box {\n        width: 56px; height: 56px;\n        background: #F3F5F9;\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.5rem;\n        color: #990028;\n        margin-bottom: 1.5rem;\n    }\n\n    \/* --- SEKCJA METODYKA \/ POZIOMY (NOWA) --- *\/\n    .p360-method-section {\n        padding: 5rem 0;\n        background: #fff;\n    }\n    \n    .p360-section-label {\n        color: #990028;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.1em;\n        font-size: 0.875rem;\n        display: block;\n        margin-bottom: 0.5rem;\n    }\n\n    .p360-levels-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 1.5rem;\n        margin-top: 3rem;\n    }\n    @media (min-width: 640px) {\n        .p360-levels-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (min-width: 1024px) {\n        .p360-levels-grid { grid-template-columns: repeat(4, 1fr); align-items: start; }\n    }\n\n    .p360-level-card {\n        background: #F9FAFB;\n        border: 1px solid #e5e7eb;\n        border-radius: 12px;\n        padding: 2rem 1.5rem;\n        text-align: center;\n        transition: all 0.3s ease;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n    \n    .p360-level-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n    }\n\n    \/* Wyr\u00f3\u017cniona karta B1 *\/\n    .p360-level-card.featured {\n        background: #fff;\n        border: 2px solid #213A6E;\n        box-shadow: 0 15px 30px rgba(33, 58, 110, 0.1);\n        position: relative;\n        z-index: 2;\n    }\n    @media (min-width: 1024px) {\n        .p360-level-card.featured {\n            transform: scale(1.1);\n        }\n        .p360-level-card.featured:hover {\n            transform: scale(1.1) translateY(-5px);\n        }\n    }\n\n    .p360-level-tag {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 60px;\n        height: 60px;\n        background: #213A6E;\n        color: #fff;\n        font-weight: 700;\n        border-radius: 50%;\n        margin-bottom: 1rem;\n        font-size: 1rem;\n        box-shadow: 0 4px 10px rgba(33, 58, 110, 0.2);\n    }\n    \n    .p360-level-card.featured .p360-level-tag {\n        background: #990028;\n        box-shadow: 0 4px 10px rgba(153, 0, 40, 0.3);\n    }\n\n    \/* --- SEKCJA MOCKUP --- *\/\n    .p360-mockup {\n        padding: 5rem 0;\n        background: #fff;\n        overflow: hidden;\n    }\n    .p360-check-list li {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 1rem;\n    }\n    .p360-check-icon {\n        width: 32px; height: 32px;\n        background: #F3F5F9;\n        border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        color: #990028;\n        font-size: 0.875rem;\n    }\n    .p360-mockup-bg {\n        position: relative;\n        background: #f9fafb;\n        padding: 10px;\n        border-radius: 12px;\n        border: 1px solid #e5e7eb;\n        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\n    }\n    .p360-mockup-logo {\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%, -50%);\n        background: #fff;\n        padding: 1rem;\n        border-radius: 50px;\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\n        font-weight: 700;\n        font-size: 1.5rem;\n        color: #213A6E;\n    }\n\n    \/* --- SEKCJA OFERTA --- *\/\n    .p360-offer {\n        padding: 6rem 0;\n        background: #F3F5F9;\n    }\n    .p360-offer-header {\n        margin-bottom: 4rem;\n    }\n    @media (min-width: 768px) {\n        .p360-offer-header { display: flex; align-items: flex-end; justify-content: space-between; }\n    }\n    .p360-label {\n        color: #990028;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.1em;\n        font-size: 0.875rem;\n        display: block;\n        margin-bottom: 0.5rem;\n    }\n    .p360-line {\n        height: 1px;\n        background: #d1d5db;\n        flex-grow: 1;\n        margin-left: 3rem;\n        margin-bottom: 1.5rem;\n        display: none;\n    }\n    @media (min-width: 768px) { .p360-line { display: block; } }\n\n    .p360-offer-icon {\n        width: 48px; height: 48px;\n        border-radius: 8px;\n        display: flex; align-items: center; justify-content: center;\n        font-size: 1.25rem;\n        margin-bottom: 1.5rem;\n    }\n    .icon-blue { background: #dbeafe; color: #2563eb; }\n    .icon-brand { background: rgba(33,58,110,0.1); color: #213A6E; }\n    .icon-accent { background: rgba(153,0,40,0.1); color: #990028; }\n\n    .p360-card-blue {\n        background: #213A6E;\n        color: #fff;\n    }\n    .p360-card-blue h4 { color: #fff; }\n    .p360-card-blue li {\n        display: flex; align-items: center; gap: 10px;\n        margin-bottom: 1rem;\n    }\n    .p360-card-blue i { color: #990028; }\n\n    \/* --- SEKCJA CTA --- *\/\n    .p360-cta {\n        padding: 4rem 0;\n        background: #fff;\n        border-top: 1px solid #f3f4f6;\n    }\n    .p360-cta-box {\n        background: #213A6E;\n        border-radius: 16px;\n        padding: 3rem 2rem;\n        color: #fff;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n    }\n    @media (min-width: 768px) {\n        .p360-cta-box { text-align: left; display: flex; align-items: center; justify-content: space-between; }\n        .p360-cta-text { width: 60%; }\n    }\n    .p360-cta-blob {\n        position: absolute;\n        top: 0; right: 0;\n        width: 250px; height: 250px;\n        background: #990028;\n        border-radius: 50%;\n        opacity: 0.1;\n        filter: blur(40px);\n        transform: translate(50%, -50%);\n    }\n    \/* FIX: Wymuszenie koloru bia\u0142ego (!important) *\/\n    .p360-cta-h3 { \n        color: #ffffff !important; \n        font-size: 1.75rem; \n        font-family: 'DM Sans', sans-serif !important; \/* Ujednolicenie fontu *\/\n        margin-bottom: 0.5rem; \n    }\n    .p360-cta-p { \n        color: #ffffff !important; \n        margin: 0; \n        font-size: 1.125rem; \n        opacity: 0.95;\n        font-family: 'DM Sans', sans-serif !important;\n    }\n    \n    .p360-btn-white {\n        background: #fff;\n        color: #213A6E;\n        margin-top: 1.5rem;\n    }\n    @media (min-width: 768px) { .p360-btn-white { margin-top: 0; } }\n<\/style>\n\n<div class=\"polski360-landing\">\n\n    <section class=\"p360-hero\">\n        <div class=\"p360-container\">\n            <div class=\"p360-flex-row\" style=\"display: flex; flex-direction: column;\">\n                \n                <!-- KOLUMNA LEWA: TEKST -->\n                <div style=\"width: 100%;\" class=\"p360-lg-w-half\">\n                    <div class=\"p360-badge\">\n                        <span class=\"p360-dot\"><\/span>\n                        Szko\u0142a J\u0119zyka Polskiego Online\n                    <\/div>\n                    \n                    <h2>\n                        M\u00f3w po polsku swobodnie. <br>\n                        <span class=\"p360-underline\">\n                            Ucz si\u0119 na w\u0142asnych zasadach.\n                            <svg viewBox=\"0 0 200 9\" fill=\"none\"><path d=\"M2.00025 6.99997C2.00025 6.99997 127.653 -6.3768 198.001 4.5\" stroke=\"currentColor\" stroke-width=\"3\"><\/path><\/svg>\n                        <\/span>\n                    <\/h2>\n                    \n                    <p class=\"p360-lead\">\n                        Jeste\u015bmy butikow\u0105 szko\u0142\u0105 j\u0119zykow\u0105, kt\u00f3ra \u0142\u0105czy akademick\u0105 wiedz\u0119 z najnowsz\u0105 technologi\u0105. Nie &#8222;udzielamy korepetycji&#8221; \u2013 wdra\u017camy kompletny system opanowania j\u0119zyka polskiego.\n                        Wykorzystujemy potencja\u0142 technologii <strong>Miro<\/strong> oraz autorskie materia\u0142y, tworz\u0105c interaktywn\u0105 przestrze\u0144, w kt\u00f3rej bariera j\u0119zykowa przestaje istnie\u0107.\n                    <\/p>\n                    \n                    <div class=\"p360-hero-actions\">\n                        <a href=\"#form\" class=\"p360-btn p360-btn-primary\">\n                            Odbierz darmow\u0105 lekcj\u0119\n                        <\/a>\n                        <div class=\"p360-btn-outline\">\n                            <i class=\"fas fa-shield-alt p360-text-accent\"><\/i>\n                            <span>Brak d\u0142ugoterminowych um\u00f3w<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- KOLUMNA PRAWA: GALERIA LEKTOR\u00d3W -->\n                <div style=\"width: 100%; position: relative;\" class=\"p360-lg-w-half\">\n                    <div class=\"p360-stack-container\" id=\"cardStack\">\n                        <!-- T\u0142o dekoracyjne wewn\u0105trz kontenera -->\n                        <div class=\"p360-hero-blob\"><\/div>\n                \n                        <!-- KARTA 1: GABRIELA -->\n                        <div class=\"p360-l-card active\" onclick=\"rotateCards()\">\n                            <img decoding=\"async\" src=\"https:\/\/www.polski360.com\/wp-content\/uploads\/2026\/01\/gpasek1.webp\" alt=\"Gabriela\">\n                            <div class=\"p360-tap-hint\">\n                                <span>Nast\u0119pny<\/span>\n                                <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/div>\n                            <div class=\"p360-l-content\">\n                                <p class=\"p360-l-badge\">G\u0142\u00f3wny metodolog<\/p>\n                                <h3 class=\"p360-l-name\">Gabriela<\/h3>\n                                <p class=\"p360-l-desc\">Dyrektor i za\u0142o\u017cycielka szko\u0142y, magister filologii wschodnios\u0142owia\u0144skiej i z wykszta\u0142ceniem zwi\u0105zanym z nauczaniem polskiego jako obcego. Tw\u00f3rca materia\u0142\u00f3w szko\u0142y.<\/p>\n                            <\/div>\n                        <\/div>\n                \n                        <!-- KARTA 2: WIKTOR -->\n                        <div class=\"p360-l-card next\" onclick=\"rotateCards()\">\n                            <img decoding=\"async\" src=\"https:\/\/www.polski360.com\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_km8772km8772km87.png\" alt=\"Wiktor\">\n                            <div class=\"p360-tap-hint\">\n                                <span>Nast\u0119pny<\/span>\n                                <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/div>\n                            <div class=\"p360-l-content\">\n                                <p class=\"p360-l-badge\">Nasi Lektorzy<\/p>\n                                <h3 class=\"p360-l-name\">Wiktor<\/h3>\n                                <p class=\"p360-l-desc\">Filolog i lektor JPJO specjalizuj\u0105cy si\u0119 w nauczaniu doros\u0142ych. Ciekawostka: zna chi\u0144ski.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- KARTA 3: WIKTORIA -->\n                        <div class=\"p360-l-card hidden\" onclick=\"rotateCards()\">\n                            <img decoding=\"async\" src=\"https:\/\/www.polski360.com\/wp-content\/uploads\/2026\/03\/viktoria-large.webp\" alt=\"Wiktoria\">\n                            <div class=\"p360-tap-hint\">\n                                <span>Nast\u0119pny<\/span>\n                                <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/div>\n                            <div class=\"p360-l-content\">\n                                <p class=\"p360-l-badge\">Nasi Lektorzy<\/p>\n                                <h3 class=\"p360-l-name\">Wiktoria<\/h3>\n                                <p class=\"p360-l-desc\">Przygotowuje do egzamin\u00f3w certyfikatowych. Do\u015bwiadczenie w t\u0142umaczeniu polskich delegacji za granic\u0105. Stawia na poprawn\u0105 wymow\u0119 i eliminowanie blokad j\u0119zykowych.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Licznik kart -->\n                        <div class=\"p360-card-counter\" id=\"cardCounter\">1 \/ 3<\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            \n            <style>\n                @media (min-width: 1024px) {\n                    .p360-flex-row[style] {\n                        flex-direction: row !important;\n                    }\n                }\n            <\/style>\n        <\/div>\n    <\/section>\n\n    <section class=\"p360-usp\">\n        <div class=\"p360-container\">\n            <div class=\"p360-grid p360-grid-3\">\n                \n                <div class=\"p360-usp-card p360-card\">\n                    <div class=\"p360-icon-box\"><i class=\"fas fa-laptop-code\"><\/i><\/div>\n                    <h3 class=\"p360-font-serif\" style=\"font-size: 1.25rem; margin-bottom: 1rem;\">Interaktywne Miro<\/h3>\n                    <p style=\"font-size: 0.9rem;\">\n                        Koniec z nudnymi kser\u00f3wkami. Nasze lekcje odbywaj\u0105 si\u0119 na wirtualnych tablicach <strong>Miro<\/strong>, gdzie wsp\u00f3lnie tworzymy notatki, mapy my\u015bli i rozwi\u0105zujemy zadania w czasie rzeczywistym.\n                    <\/p>\n                <\/div>\n\n                <div class=\"p360-usp-card p360-card highlight\">\n                    <div class=\"p360-usp-badge\">Unikalne podej\u015bcie<\/div>\n                    <div class=\"p360-icon-box\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\n                    <h3 class=\"p360-font-serif\" style=\"font-size: 1.25rem; margin-bottom: 1rem;\">Dobro ucznia = Wolno\u015b\u0107<\/h3>\n                    <p style=\"font-size: 0.9rem;\">\n                        Jeste\u015bmy pewni jako\u015bci naszych zaj\u0119\u0107. Dlatego <strong>umo\u017cliwiamy rezygnacj\u0119 w dowolnym momencie<\/strong>. \u017badnych sztywnych kontrakt\u00f3w. Uczysz si\u0119 z nami, bo chcesz, a nie bo musisz.\n                    <\/p>\n                <\/div>\n\n                <div class=\"p360-usp-card p360-card\">\n                    <div class=\"p360-icon-box\"><i class=\"fas fa-comments\"><\/i><\/div>\n                    <h3 class=\"p360-font-serif\" style=\"font-size: 1.25rem; margin-bottom: 1rem;\">M\u00f3wimy w Twoim j\u0119zyku<\/h3>\n                    <p style=\"font-size: 0.9rem;\">\n                        Nasi lektorzy to eksperci z do\u015bwiadczeniem w pracy z uczniami rosyjsko-, ukrai\u0144sko-, bia\u0142orusko-, niemiecko- i angloj\u0119zycznymi. Rozumiemy Twoje trudno\u015bci.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SEKCJA 2: STANDARDY NAUCZANIA (CEFR) - NOWO WDRO\u017bONA -->\n    <section class=\"p360-method-section\" id=\"levels\">\n        <div class=\"p360-container\">\n            <div style=\"text-align: center; max-width: 800px; margin: 0 auto;\">\n                <span class=\"p360-section-label\">Systematyka<\/span>\n                <h3 style=\"font-size: 2rem; margin-bottom: 1.5rem;\">Realizujemy program zgodny ze standardami europejskimi<\/h3>\n                <p>Nasz program jest w pe\u0142ni zsynchronizowany z poziomami bieg\u0142o\u015bci j\u0119zykowej CEFR oraz wymogami Pa\u0144stwowej Komisji Po\u015bwiadczania Znajomo\u015bci J\u0119zyka Polskiego.<\/p>\n            <\/div>\n            \n            <div class=\"p360-levels-grid\">\n                \n                <div class=\"p360-level-card\">\n                    <span class=\"p360-level-tag\">A1-A2<\/span>\n                    <h4 style=\"font-size: 1rem; margin-bottom: 0.5rem;\">Podstawy i komunikacja<\/h4>\n                    <p style=\"font-size: 0.85rem; margin: 0; color: #4b5563;\">Prze\u0142amanie bariery, codzienne sytuacje, podstawowa gramatyka.<\/p>\n                <\/div>\n                \n                <div class=\"p360-level-card featured\">\n                    <span class=\"p360-level-tag\">B1<\/span>\n                    <h4 style=\"font-size: 1rem; margin-bottom: 0.5rem;\">Karta rezydenta<\/h4>\n                    <p style=\"font-size: 0.85rem; margin: 0; color: #4b5563;\">Intensywne przygotowanie do egzaminu na obywatelstwo\/kart\u0119 rezydenta.<\/p>\n                <\/div>\n                \n                <div class=\"p360-level-card\">\n                    <span class=\"p360-level-tag\">B2<\/span>\n                    <h4 style=\"font-size: 1rem; margin-bottom: 0.5rem;\">Studiuj po polsku<\/h4>\n                    <p style=\"font-size: 0.85rem; margin: 0; color: #4b5563;\">P\u0142ynna argumentacja, praca w j\u0119zyku polskim, teksty z\u0142o\u017cone.<\/p>\n                <\/div>\n                \n                <div class=\"p360-level-card\">\n                    <span class=\"p360-level-tag\">C1<\/span>\n                    <h4 style=\"font-size: 1rem; margin-bottom: 0.5rem;\">Studiuj za darmo<\/h4>\n                    <p style=\"font-size: 0.85rem; margin: 0; color: #4b5563;\">J\u0119zyk akademicki, biznesowy i specjalistyczne s\u0142ownictwo.<\/p>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"p360-mockup\">\n        <div class=\"p360-container\">\n            <div class=\"p360-flex-row\" style=\"display: flex; flex-direction: column; gap: 3rem;\">\n                \n                <div style=\"width: 100%;\" class=\"p360-lg-w-1-3\">\n                    <h3 class=\"p360-font-serif\" style=\"font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; color: #213A6E;\">Zobacz, jak uczymy<\/h3>\n                    <p style=\"margin-bottom: 1.5rem;\">\n                        Nasze wirtualne klasy na platformie <strong>Miro<\/strong> to centrum dowodzenia Twoj\u0105 nauk\u0105. Widzisz post\u0119py, masz dost\u0119p do autorskich materia\u0142\u00f3w 24\/7 i pracujesz z lektorem &#8222;rami\u0119 w rami\u0119&#8221;, cho\u0107 zdalnie.\n                    <\/p>\n                    <ul class=\"p360-check-list\">\n                        <li>\n                            <div class=\"p360-check-icon\"><i class=\"fas fa-pen\"><\/i><\/div>\n                            <span class=\"p360-text-brand\" style=\"font-weight: 600; font-size: 0.9rem;\">Wsp\u00f3lne notatki na \u017cywo<\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"p360-check-icon\"><i class=\"fas fa-book-open\"><\/i><\/div>\n                            <span class=\"p360-text-brand\" style=\"font-weight: 600; font-size: 0.9rem;\">Prawdziwe materia\u0142y egzaminacyjne<\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"p360-check-icon\"><i class=\"fas fa-video\"><\/i><\/div>\n                            <span class=\"p360-text-brand\" style=\"font-weight: 600; font-size: 0.9rem;\">Pe\u0142na interakcja audio-wideo<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <div style=\"width: 100%; position: relative;\" class=\"p360-lg-w-2-3\">\n                    <div style=\"position: absolute; inset: 0; background: #213A6E; transform: rotate(1deg); border-radius: 16px; opacity: 0.05; z-index: 0;\"><\/div>\n                    <div class=\"p360-mockup-bg\" style=\"position: relative; z-index: 1;\">\n                        <img decoding=\"async\" src=\"https:\/\/www.polski360.com\/wp-content\/uploads\/2026\/01\/jak-rozpoczac-nauke.webp\" alt=\"Platforma Miro\" style=\"border-radius: 8px;\">\n                        <div class=\"p360-mockup-logo\">miro<\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"p360-offer\">\n        <div class=\"p360-container\">\n            \n            <div class=\"p360-offer-header\">\n                <div style=\"max-width: 600px;\">\n                    <span class=\"p360-label\">Oferta<\/span>\n                    <h2 class=\"p360-font-serif\" style=\"font-size: 2.5rem; margin-bottom: 1rem;\">Elastyczno\u015b\u0107, kt\u00f3rej potrzebujesz<\/h2>\n                    <p style=\"margin: 0;\">Pracujemy od 8:00 do 20:00, r\u00f3wnie\u017c w weekendy. Wybierz format idealny dla siebie.<\/p>\n                <\/div>\n                <div class=\"p360-line\"><\/div>\n            <\/div>\n\n            <div class=\"p360-grid p360-grid-2 p360-grid-4\">\n                \n                <div class=\"p360-card\">\n                    <div class=\"p360-offer-icon icon-blue\"><i class=\"fas fa-child\"><\/i><\/div>\n                    <h4 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\">Dzieci i m\u0142odzie\u017c<\/h4>\n                    <p style=\"font-size: 0.75rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; margin-bottom: 1rem;\">Od 10 roku \u017cycia<\/p>\n                    <p style=\"font-size: 0.9rem; margin: 0;\">Anga\u017cuj\u0105ce zaj\u0119cia dopasowane do wieku. Nauka przez zabaw\u0119 i praktyk\u0119.<\/p>\n                <\/div>\n\n                <div class=\"p360-card\">\n                    <div class=\"p360-offer-icon icon-brand\"><i class=\"fas fa-briefcase\"><\/i><\/div>\n                    <h4 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\">Doro\u015bli i biznes<\/h4>\n                    <p style=\"font-size: 0.75rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; margin-bottom: 1rem;\">\u017bycie i Praca<\/p>\n                    <p style=\"font-size: 0.9rem; margin: 0;\">Praktyczny j\u0119zyk potrzebny w biurze, urz\u0119dzie i codziennym \u017cyciu.<\/p>\n                <\/div>\n\n                <div class=\"p360-card\">\n                    <div class=\"p360-offer-icon icon-accent\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n                    <h4 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\">Certyfikaty<\/h4>\n                    <p style=\"font-size: 0.75rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; margin-bottom: 1rem;\">B1, B2, C1<\/p>\n                    <p style=\"font-size: 0.9rem; margin: 0;\">Intensywne przygotowanie do egzamin\u00f3w pa\u0144stwowych i na studia.<\/p>\n                <\/div>\n\n                <div class=\"p360-card p360-card-blue\">\n                    <h4 style=\"font-family: 'DM Sans', sans-serif; font-size: 1.25rem; margin-bottom: 1.5rem;\">Dost\u0119pne tryby:<\/h4>\n                    <ul>\n                        <li><i class=\"fas fa-check-circle\"><\/i> Zaj\u0119cia Indywidualne<\/li>\n                        <li><i class=\"fas fa-check-circle\"><\/i> W parach (Duo)<\/li>\n                        <li><i class=\"fas fa-check-circle\"><\/i> Ma\u0142e Grupy<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"p360-cta\">\n        <div class=\"p360-container\">\n            <div class=\"p360-cta-box\">\n                <div class=\"p360-cta-blob\"><\/div>\n                <div class=\"p360-cta-text\" style=\"position: relative; z-index: 2;\">\n                    <h3 class=\"p360-cta-h3\">Nie kupuj kota w worku.<\/h3>\n                    <p class=\"p360-cta-p\">Zapisz si\u0119 na pierwsz\u0105 lekcj\u0119 pr\u00f3bn\u0105. To nic nie kosztuje.<\/p>\n                <\/div>\n                <div style=\"position: relative; z-index: 2;\">\n                    <a href=\"#form\" class=\"p360-btn p360-btn-white\">\n                        Um\u00f3w darmow\u0105 lekcj\u0119\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- JAVASCRIPT DO OBS\u0141UGI KART (Zaktualizowany na 3 karty) -->\n<script>\n    function rotateCards() {\n        const container = document.getElementById('cardStack');\n        const cards = Array.from(container.querySelectorAll('.p360-l-card'));\n        const total = cards.length;\n\n        if (total < 2) return;\n\n        const first  = cards[0]; \/\/ aktywna\n        const second = cards[1]; \/\/ nast\u0119pna\n        const rest   = cards.slice(2); \/\/ schowane\n\n        \/\/ Przenie\u015b klasy: second staje si\u0119 active, pierwsza z rest staje si\u0119 next\n        first.classList.remove('active');\n        first.classList.add('hidden');\n\n        second.classList.remove('next');\n        second.classList.add('active');\n\n        if (rest.length > 0) {\n            rest[0].classList.remove('hidden');\n            rest[0].classList.add('next');\n        }\n\n        \/\/ Po animacji przesu\u0144 pierwsz\u0105 kart\u0119 na koniec DOM (przed licznikiem)\n        setTimeout(() => {\n            const counter = document.getElementById('cardCounter');\n            container.insertBefore(first, counter);\n            \/\/ Aktualizuj licznik\n            const allCards = Array.from(container.querySelectorAll('.p360-l-card'));\n            const activeIdx = allCards.findIndex(c => c.classList.contains('active'));\n            if (counter) counter.textContent = (activeIdx + 1) + ' \/ ' + total;\n        }, 300);\n    }\n<\/script>\n<\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Szko\u0142a J\u0119zyka Polskiego Online M\u00f3w po polsku swobodnie. Ucz si\u0119 na w\u0142asnych zasadach. Jeste\u015bmy butikow\u0105 szko\u0142\u0105 j\u0119zykow\u0105, kt\u00f3ra \u0142\u0105czy akademick\u0105 wiedz\u0119 z najnowsz\u0105 technologi\u0105. Nie &#8222;udzielamy korepetycji&#8221; \u2013 wdra\u017camy kompletny system opanowania j\u0119zyka polskiego. Wykorzystujemy potencja\u0142 technologii Miro oraz autorskie materia\u0142y, tworz\u0105c interaktywn\u0105 przestrze\u0144, w kt\u00f3rej bariera j\u0119zykowa przestaje istnie\u0107. Odbierz darmow\u0105 lekcj\u0119 Brak d\u0142ugoterminowych [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.polski360.com\/pl\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.polski360.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.polski360.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.polski360.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.polski360.com\/pl\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":23,"href":"https:\/\/www.polski360.com\/pl\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":1943,"href":"https:\/\/www.polski360.com\/pl\/wp-json\/wp\/v2\/pages\/59\/revisions\/1943"}],"wp:attachment":[{"href":"https:\/\/www.polski360.com\/pl\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}