{"id":13,"date":"2026-04-15T12:55:52","date_gmt":"2026-04-15T10:55:52","guid":{"rendered":"https:\/\/mgnienie.pl\/?page_id=13"},"modified":"2026-04-17T10:35:04","modified_gmt":"2026-04-17T08:35:04","slug":"home","status":"publish","type":"page","link":"https:\/\/mgnienie.pl\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"oxy-php-code-13-118 oxy-php-code\">\n<style>\n#page-loader{position:fixed;inset:0;z-index:9999;pointer-events:all}\n.pl-left,.pl-right{\n  position:absolute;top:0;bottom:0;width:50%;\n  transition:transform 1s cubic-bezier(.77,0,.18,1);\n  will-change:transform;\n}\n.pl-left{left:0;background:#1B2B5E}\n.pl-right{right:0;background:#F8F7F4}\n.pl-left::after{content:'';position:absolute;right:0;top:15%;bottom:15%;width:1px;background:linear-gradient(to bottom,transparent,rgba(200,16,46,.5),transparent)}\n.pl-center{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .3s ease}\n.pl-crest{width:72px;animation:pl-in .8s ease .1s both}\n.pl-lw{position:relative;text-align:center;animation:pl-in .7s ease .55s both}\n.pl-label{display:flex;flex-direction:column;align-items:center;gap:3px}\n.pl-label-w{color:#fff;clip-path:inset(0 50% 0 0)}\n.pl-label-n{color:#1B2B5E;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:inset(0 0 0 50%)}\n.pl-l1{font-family:Georgia,serif;font-size:13px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}\n.pl-l2{font-family:Georgia,serif;font-size:10.5px;font-weight:400;letter-spacing:.04em;white-space:nowrap;opacity:.78}\n.pl-l3{font-family:Georgia,serif;font-size:11.5px;font-weight:400;font-style:italic;letter-spacing:.01em;white-space:nowrap;margin-top:2px}\n@keyframes pl-in{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}\n#page-loader.done .pl-left{transform:translateX(-100%)}\n#page-loader.done .pl-right{transform:translateX(100%)}\n#page-loader.done .pl-center{opacity:0}\n#page-loader.done{pointer-events:none}\n.pl-frame{\n  position:absolute;top:50%;left:50%;\n  width:54%;\n  box-shadow:0 18px 52px rgba(0,0,0,.55),0 6px 16px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.06);\n}\n.pl-frame img{\n  display:block;width:100%;height:auto;object-fit:contain;\n  border:8px solid #fff;border-bottom:0;\n}\n.pl-frame-caption{\n  background:#fff;\n  padding:5px 8px 9px;\n  font-family:Georgia,serif;font-size:10px;font-style:italic;\n  color:#1B2B5E;text-align:center;letter-spacing:.03em;\n  border:8px solid #fff;border-top:0;\n}\n.pl-frame-l{\n  opacity:0;\n  animation:pl-photo-l .85s cubic-bezier(.22,1,.36,1) .18s forwards;\n}\n.pl-frame-r{\n  opacity:0;\n  animation:pl-photo-r .85s cubic-bezier(.22,1,.36,1) .34s forwards;\n}\n@keyframes pl-photo-l{\n  from{opacity:0;transform:translateX(-50%) translateY(calc(-50% + 44px)) rotate(-7deg)}\n  to{opacity:1;transform:translateX(-50%) translateY(-52%) rotate(-4deg)}\n}\n@keyframes pl-photo-r{\n  from{opacity:0;transform:translateX(-50%) translateY(calc(-50% + 44px)) rotate(7deg)}\n  to{opacity:1;transform:translateX(-50%) translateY(-52%) rotate(3.5deg)}\n}\n@media(max-width:640px){\n  .pl-frame{top:36%;width:72%}\n  .pl-center{justify-content:flex-end;padding-bottom:22%;gap:10px}\n  .pl-crest{width:52px}\n  .pl-l1,.pl-l2,.pl-l3{white-space:normal;max-width:200px}\n  .pl-l1{font-size:11px}\n  .pl-l2{font-size:9px}\n  .pl-l3{font-size:10px}\n  .pl-frame-caption{font-size:8px;padding:4px 6px 7px}\n}\n<\/style>\n\n<div id=\"page-loader\" aria-hidden=\"true\">\n  <div class=\"pl-left\">\n    <div class=\"pl-frame pl-frame-l\">\n      <img decoding=\"async\" src=\"https:\/\/mgnienie.pl\/wp-content\/uploads\/2026\/04\/Andrzej.png\" alt=\"Andrzej Niegolewski\">\n      <div class=\"pl-frame-caption\">Andrzej Niegolewski<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"pl-right\">\n    <div class=\"pl-frame pl-frame-r\">\n      <img decoding=\"async\" src=\"https:\/\/mgnienie.pl\/wp-content\/uploads\/2026\/04\/Wladyslaw.png\" alt=\"W\u0142adys\u0142aw Niegolewski\">\n      <div class=\"pl-frame-caption\">W\u0142adys\u0142aw Niegolewski<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"pl-center\">\n    <img decoding=\"async\" src=\"https:\/\/mgnienie.pl\/wp-content\/uploads\/2026\/04\/herbSP.svg\" class=\"pl-crest\" alt=\"\">\n    <div class=\"pl-lw\">\n      <div class=\"pl-label pl-label-w\">\n        <span class=\"pl-l1\">Szko\u0142a Podstawowa<\/span>\n        <span class=\"pl-l2\">z Oddzia\u0142ami Dwuj\u0119zycznymi<\/span>\n        <span class=\"pl-l3\">im. A. i W\u0142. Niegolewskich<\/span>\n      <\/div>\n      <div class=\"pl-label pl-label-n\" aria-hidden=\"true\">\n        <span class=\"pl-l1\">Szko\u0142a Podstawowa<\/span>\n        <span class=\"pl-l2\">z Oddzia\u0142ami Dwuj\u0119zycznymi<\/span>\n        <span class=\"pl-l3\">im. A. i W\u0142. Niegolewskich<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var fired = false;\n  function dismiss(){\n    if(fired) return;\n    fired = true;\n    var l = document.getElementById('page-loader');\n    if(!l) return;\n    requestAnimationFrame(function(){\n      requestAnimationFrame(function(){\n        l.classList.add('done');\n        setTimeout(function(){ l.style.display = 'none'; }, 1200);\n      });\n    });\n  }\n  var startTime = Date.now();\n  var minShow = 2200;\n  window.addEventListener('load', function(){\n    var elapsed = Date.now() - startTime;\n    setTimeout(dismiss, Math.max(0, minShow - elapsed));\n  });\n  setTimeout(dismiss, 6000);\n})();\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-100 oxy-php-code\">\n<style>\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}\n@keyframes kb1{from{transform:scale(1.03) translate(.8%,.4%)}to{transform:scale(1) translate(-.6%,-.3%)}}\n@keyframes kb2{from{transform:scale(1.03) translate(-.8%,0)}to{transform:scale(1) translate(.7%,.3%)}}\n@keyframes dot-pulse{0%{transform:translate(-50%,-50%) scale(.3);opacity:.8}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}\n@keyframes hpFloat{0%,100%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:1}50%{opacity:.8;transform:translateY(-24px) scale(1.1)}80%{opacity:.4;transform:translateY(-10px) scale(0.9)}}\n@keyframes hpRise{0%{opacity:0;transform:translateY(40px) scale(.7)}15%{opacity:.7}60%{opacity:.3;transform:translateY(-70px) scale(1.2)}100%{opacity:0;transform:translateY(-100px) scale(.8)}}\n@keyframes tickerIn{to{opacity:1;transform:translateY(0)}}\n\n.hero{position:relative;height:100vh;height:100svh;min-height:680px;overflow:hidden;display:flex;align-items:flex-end}\n.hero-slides{position:absolute;top:-50%;right:0;bottom:-50%;left:0;will-change:transform}\n.hs{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease}\n.hs.on{opacity:1}\n.hs img{width:100%;height:100%;object-fit:cover;transform-origin:center}\n.hs:nth-child(1) img{animation:kb1 20s ease-out both infinite alternate}\n.hs:nth-child(2) img{animation:kb2 20s ease-out both infinite alternate}\n.hero-grain{position:absolute;inset:0;z-index:2;opacity:.035;background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");pointer-events:none}\n.hero-grad{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.42) 0%,rgba(0,0,0,.08) 30%,transparent 52%),linear-gradient(to right,rgba(10,18,52,.55) 0%,rgba(10,18,52,.18) 45%,transparent 68%),linear-gradient(to top,rgba(5,10,30,.48) 0%,transparent 40%)}\n.hero-content{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 52px 80px;display:grid;grid-template-columns:1fr;align-items:end}\n\n.hero-deco{display:flex;align-items:center;gap:14px;margin-bottom:28px;opacity:0;animation:up .9s ease .15s forwards}\n.hero-dot-wrap{position:relative;width:14px;height:14px;flex-shrink:0}\n.hero-dot-core{position:absolute;inset:0;border-radius:50%;background:var(--red);box-shadow:0 0 8px rgba(200,16,46,.6)}\n.hero-dot-ring{position:absolute;border-radius:50%;border:1.5px solid var(--red);top:50%;left:50%;transform:translate(-50%,-50%) scale(1);opacity:0}\n.r1{width:28px;height:28px;animation:dot-pulse 2.2s ease-out infinite}\n.r2{width:44px;height:44px;animation:dot-pulse 2.2s ease-out .5s infinite}\n.hero-est{font-family:var(--fb);font-size:12px;font-weight:300;letter-spacing:.08em;color:rgba(255,255,255,.6)}\n\nh1.hero-title{font-family:var(--fh);font-size:clamp(42px,5.2vw,76px);font-weight:400;color:#fff;line-height:.98;letter-spacing:-.04em;margin-bottom:22px;opacity:0;animation:up 1s ease .28s forwards;text-shadow:0 2px 32px rgba(5,10,30,.55),0 0 80px rgba(5,10,30,.25)}\nh1.hero-title em{font-style:italic;color:rgba(255,255,255,.68);display:block;font-size:.78em}\n.hwc-current{font-style:italic;color:rgba(255,255,255,.78);transition:opacity .4s ease}\n.hwc-current.fading{opacity:0}\n\n.hero-quote{font-family:var(--fh);font-style:italic;font-size:15px;font-weight:400;color:rgba(255,255,255,.68);max-width:400px;line-height:1.7;margin-bottom:38px;padding-left:14px;border-left:2px solid rgba(200,16,46,.45);opacity:0;animation:up 1s ease .44s forwards}\n.hero-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center;opacity:0;animation:up 1s ease .58s forwards}\n.btn-solid{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;background:#fff;color:var(--navy);border-radius:100px;font-size:14px;font-weight:500;text-decoration:none;letter-spacing:-.01em;transition:all .25s;white-space:nowrap}\n.btn-solid .arrow-circle{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .2s;flex-shrink:0}\n.btn-solid:hover{background:var(--yellow);color:var(--navy);transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,216,77,.38)}\n.btn-solid:hover .arrow-circle{background:rgba(255,255,255,.2)}\n.btn-glass{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);border-radius:100px;color:rgba(255,255,255,.85);text-decoration:none;font-size:14px;font-weight:400;letter-spacing:-.01em;transition:all .25s ease;white-space:nowrap}\n.btn-glass:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45);color:#fff;transform:translateY(-1px)}\n.btn-glass-arrow{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s;flex-shrink:0}\n.btn-glass:hover .btn-glass-arrow{background:rgba(255,255,255,.25);transform:translateX(2px)}\n\n.hero-ticker{position:absolute;right:6%;bottom:160px;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(10,15,25,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;opacity:0;transform:translateY(10px);animation:tickerIn .8s ease .6s forwards}\n.hero-ticker__dot{width:6px;height:6px;flex-shrink:0;background:var(--red);border-radius:50%}\n.hero-ticker__label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.55;font-weight:400;white-space:nowrap}\n.hero-ticker__text{font-size:14px;font-weight:500;color:rgba(255,255,255,.9);text-decoration:none;transition:opacity .3s;width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n.hero-ticker__text:hover{text-decoration:underline;text-underline-offset:3px}\n.hero-ticker__arrow{opacity:.45;font-size:13px;flex-shrink:0}\n\n.hero-controls{position:absolute;bottom:30px;left:52px;z-index:3;display:flex;align-items:center;gap:14px;opacity:0;animation:fadeIn .8s ease 1s forwards}\n.hc-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);backdrop-filter:blur(6px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-size:15px;transition:all .2s}\n.hc-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);color:#fff}\n.hc-dots{display:flex;gap:6px;align-items:center}\n.hc-dot{height:2px;border-radius:1px;cursor:pointer;background:rgba(73,182,255,.35);transition:all .4s;width:20px}\n.hc-dot.on{background:#fff;width:36px}\n.hc-cap{font-size:11px;font-weight:300;color:rgba(255,255,255,.35);letter-spacing:.1em;text-transform:uppercase;transition:opacity .4s}\n\n.hero-char{position:absolute;font-family:Georgia,'Times New Roman',serif;font-weight:300;color:rgba(255,255,255,.13);pointer-events:none;line-height:1;user-select:none}\n.hc1{top:14%;left:7%;font-size:52px;animation:hpFloat 13s ease-in-out infinite}\n.hc2{top:26%;right:15%;font-size:40px;animation:hpFloat 10s ease-in-out 2.5s infinite}\n.hc3{top:64%;left:14%;font-size:34px;animation:hpFloat 15s ease-in-out 4s infinite}\n.hc4{top:48%;right:30%;font-size:44px;animation:hpFloat 12s ease-in-out 1s infinite}\n.hc5{top:10%;left:50%;font-size:28px;animation:hpFloat 9s ease-in-out 3s infinite}\n.hc6{top:72%;left:42%;font-size:38px;animation:hpFloat 17s ease-in-out 5s infinite}\n.hc7{top:35%;left:32%;font-size:22px;animation:hpFloat 11s ease-in-out 6s infinite}\n.hc8{top:80%;right:12%;font-size:46px;animation:hpFloat 14s ease-in-out 1.5s infinite}\n.hc9{top:8%;right:40%;font-size:28px;animation:hpFloat 15s ease-in-out 7.5s infinite}\n.hc10{top:76%;left:6%;font-size:33px;animation:hpFloat 12s ease-in-out 8.5s infinite}\n.hc11{top:29%;right:5%;font-size:26px;animation:hpFloat 11s ease-in-out 9.5s infinite}\n.hc12{top:54%;left:63%;font-size:36px;animation:hpFloat 16s ease-in-out 10s infinite}\n.hero-particle{position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity}\n.hp1{width:7px;height:7px;background:rgba(200,16,46,.6);box-shadow:0 0 10px rgba(200,16,46,.35);top:32%;left:12%;animation:hpFloat 6.5s ease-in-out infinite}\n.hp2{width:4px;height:4px;background:rgba(255,255,255,.55);top:58%;left:20%;animation:hpFloat 8s ease-in-out 1.5s infinite}\n.hp3{width:9px;height:9px;background:rgba(200,16,46,.3);top:22%;right:28%;animation:hpFloat 7.5s ease-in-out 2.5s infinite}\n.hp4{width:5px;height:5px;background:rgba(255,255,255,.4);top:70%;right:18%;animation:hpFloat 5.5s ease-in-out .8s infinite}\n.hp5{width:18px;height:18px;background:rgba(255,255,255,.06);top:42%;right:38%;animation:hpFloat 11s ease-in-out 3.5s infinite}\n.hp6{width:3px;height:3px;background:rgba(255,255,255,.7);top:18%;left:34%;animation:hpFloat 4.2s ease-in-out 1s infinite}\n.hp7{width:22px;height:22px;background:rgba(200,16,46,.06);top:62%;left:55%;animation:hpRise 14s ease-in-out 2s infinite}\n.hp8{width:6px;height:6px;background:rgba(255,255,255,.35);top:40%;right:42%;animation:hpFloat 7s ease-in-out 4s infinite}\n.hp9{width:4px;height:4px;background:rgba(200,16,46,.5);top:76%;left:30%;animation:hpFloat 5.8s ease-in-out 5.5s infinite}\n.hp10{width:28px;height:28px;background:rgba(255,255,255,.04);top:35%;right:12%;animation:hpRise 18s ease-in-out 1s infinite}\n.hp11{width:5px;height:5px;background:rgba(255,255,255,.5);top:52%;right:36%;animation:hpFloat 5s ease-in-out 3s infinite}\n.hp12{width:8px;height:8px;background:rgba(200,16,46,.22);top:15%;left:60%;animation:hpFloat 8.5s ease-in-out 6s infinite}\n\n@media(max-width:900px){\n  .hero-content{grid-template-columns:1fr;padding:0 24px 100px;gap:32px}\n  h1.hero-title{font-size:clamp(44px,11vw,72px)}\n  .hero-controls{left:24px}\n  .hero-btns{flex-wrap:wrap;gap:10px}\n  .hero-ticker{right:auto;left:24px;bottom:auto;top:22%}\n  .hero-ticker__text{width:200px}\n}\n@media(max-width:420px){\n  .hero-btns{flex-direction:column;align-items:flex-start;gap:10px}\n}\n<\/style>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-slides\">\n    <div class=\"hs on\">\n      <img decoding=\"async\" src=\"https:\/\/mgnienie.pl\/wp-content\/uploads\/2026\/04\/poznanskaC.jpg\" alt=\"Szko\u0142a - ul. Pozna\u0144ska\" loading=\"eager\">\n    <\/div>\n    <div class=\"hs\">\n      <img decoding=\"async\" src=\"https:\/\/mgnienie.pl\/wp-content\/uploads\/2026\/04\/farnaC.jpg\" alt=\"Szko\u0142a - ul. Farna\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n  <div class=\"hero-grad\"><\/div>\n  <div class=\"hero-grain\"><\/div>\n  <div class=\"hero-content\">\n    <div class=\"hero-left\">\n      <div class=\"hero-deco\">\n        <span class=\"hero-dot-wrap\">\n          <span class=\"hero-dot-core\"><\/span>\n          <span class=\"hero-dot-ring r1\"><\/span>\n          <span class=\"hero-dot-ring r2\"><\/span>\n        <\/span>\n        <span class=\"hero-est\">za\u0142o\u017cona w 1933 r.<\/span>\n      <\/div>\n      <h1 class=\"hero-title\">\n        Jedna szko\u0142a<em>dwa skrzyd\u0142a <span class=\"hwc-current\">rozwoju<\/span><\/em>\n      <\/h1>\n      <p class=\"hero-quote\">\u201eNie takie wa\u017cne, \u017ceby du\u017co wiedzia\u0142 \u2014 ale \u017ceby dobrze wiedzia\u0142.\" \u2014 Korczak<\/p>\n      <div class=\"hero-btns\">\n        <a href=\"#\" class=\"btn-solid\">Zapisz dziecko <span class=\"arrow-circle\">\u2192<\/span><\/a>\n        <a href=\"#\" class=\"btn-glass\">Poznaj szko\u0142\u0119 <span class=\"btn-glass-arrow\">\u2192<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-ticker\" id=\"hero-ticker\">\n    <span class=\"hero-ticker__dot\"><\/span>\n    <span class=\"hero-ticker__label\">Co nowego<\/span>\n    <a href=\"#\" class=\"hero-ticker__text\" id=\"hero-ticker-text\">Lista dzieci zakwalifikowanych do kl. I<\/a>\n    <span class=\"hero-ticker__arrow\">\u2192<\/span>\n  <\/div>\n\n  <div class=\"hero-particle hp1\"><\/div><div class=\"hero-particle hp2\"><\/div>\n  <div class=\"hero-particle hp3\"><\/div><div class=\"hero-particle hp4\"><\/div>\n  <div class=\"hero-particle hp5\"><\/div><div class=\"hero-particle hp6\"><\/div>\n  <div class=\"hero-particle hp7\"><\/div><div class=\"hero-particle hp8\"><\/div>\n  <div class=\"hero-particle hp9\"><\/div><div class=\"hero-particle hp10\"><\/div>\n  <div class=\"hero-particle hp11\"><\/div><div class=\"hero-particle hp12\"><\/div>\n  <div class=\"hero-char hc1\">A<\/div><div class=\"hero-char hc2\">\u2211<\/div>\n  <div class=\"hero-char hc3\">\u270e<\/div><div class=\"hero-char hc4\">B<\/div>\n  <div class=\"hero-char hc5\">\u03c0<\/div><div class=\"hero-char hc6\">\u25ef<\/div>\n  <div class=\"hero-char hc7\">+<\/div><div class=\"hero-char hc8\">C<\/div>\n  <div class=\"hero-char hc9\">\u266a<\/div><div class=\"hero-char hc10\">\u221a<\/div>\n  <div class=\"hero-char hc11\">\u221e<\/div><div class=\"hero-char hc12\">\u25b3<\/div>\n\n  <div class=\"hero-controls\">\n    <button class=\"hc-btn\" onclick=\"prevSlide()\">\u2190<\/button>\n    <button class=\"hc-btn\" onclick=\"nextSlide()\">\u2192<\/button>\n    <div class=\"hc-dots\">\n      <div class=\"hc-dot on\" onclick=\"goTo(0)\"><\/div>\n      <div class=\"hc-dot\" onclick=\"goTo(1)\"><\/div>\n    <\/div>\n    <span class=\"hc-cap\" id=\"hcap\">ul. Pozna\u0144ska<\/span>\n  <\/div>\n<\/section>\n\n<script>\n\/* HERO SLIDER *\/\nvar _hsEls, _hdEls, _hcap, _hcur = 0, _htim;\nvar _hcaps = ['ul. Pozna\u0144ska','ul. Farna'];\nfunction _hsInit(){\n  _hsEls = document.querySelectorAll('.hs');\n  _hdEls = document.querySelectorAll('.hc-dot');\n  _hcap  = document.getElementById('hcap');\n  _htim  = setInterval(function(){ _hsShow(_hcur+1); }, 5000);\n}\nfunction _hsShow(n){\n  if(!_hsEls||!_hsEls.length) return;\n  _hsEls[_hcur].classList.remove('on');\n  if(_hdEls[_hcur]) _hdEls[_hcur].classList.remove('on');\n  _hcur = ((n % _hsEls.length) + _hsEls.length) % _hsEls.length;\n  _hsEls[_hcur].classList.add('on');\n  if(_hdEls[_hcur]) _hdEls[_hcur].classList.add('on');\n  if(_hcap){_hcap.style.opacity='0';setTimeout(function(){_hcap.textContent=_hcaps[_hcur]||'';_hcap.style.opacity='1';},300);}\n  clearInterval(_htim);\n  _htim = setInterval(function(){ _hsShow(_hcur+1); }, 5000);\n}\nfunction goTo(n){ _hsShow(n); }\nfunction nextSlide(){ _hsShow(_hcur+1); }\nfunction prevSlide(){ _hsShow(_hcur-1); }\n_hsInit();\n\n\/* PARALLAX *\/\n(function(){\n  var sl = document.querySelector('.hero-slides');\n  if(!sl) return;\n  var max = window.innerHeight * 0.48;\n  function update(){ sl.style.transform='translate3d(0,'+Math.min(window.scrollY*.92,max).toFixed(1)+'px,0)'; }\n  window.addEventListener('scroll', update, {passive:true});\n  requestAnimationFrame(update);\n})();\n\n\/* CYCLING WORDS *\/\n(function(){\n  var words = ['rozwoju','pasji','przysz\u0142o\u015bci','marze\u0144'];\n  var el = document.querySelector('.hwc-current');\n  if(!el) return;\n  var idx = 0;\n  setInterval(function(){\n    idx = (idx+1) % words.length;\n    el.classList.add('fading');\n    setTimeout(function(){\n      el.textContent = words[idx];\n      el.classList.remove('fading');\n    }, 450);\n  }, 3500);\n})();\n\n\/* TICKER ROTATION *\/\n(function(){\n  var items = [\n    'Lista dzieci zakwalifikowanych do kl. I',\n    'Nab\u00f3r do oddzia\u0142\u00f3w przedszkolnych',\n    'Reforma 2026 \u2014 Kompas jutra'\n  ];\n  var el = document.getElementById('hero-ticker-text');\n  if(!el) return;\n  var idx = 0;\n  setInterval(function(){\n    idx = (idx+1) % items.length;\n    el.style.opacity = '0';\n    setTimeout(function(){ el.textContent = items[idx]; el.style.opacity = '1'; }, 300);\n  }, 4500);\n})();\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-101 oxy-php-code\">\n<style>\n\/* \u2500\u2500\u2500 QUICKBAR \u2500\u2500\u2500 *\/\n.quickbar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 16px rgba(27,43,94,.06);position:relative;z-index:9}\n.qb-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}\n.qitem{\n  display:flex;align-items:center;gap:14px;padding:18px 28px;\n  text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);\n  position:relative;overflow:hidden;transition:background .2s;\n}\n.qitem:nth-child(4n){border-right:none}\n.qitem:nth-child(n+5){border-bottom:none}\n.qitem::after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}\n.qitem:hover{background:rgba(200,16,46,.025)}\n.qitem:hover::after{transform:scaleX(1)}\n.qitem:hover .qi-icon{border-color:var(--red)}\n.qitem:hover .qi-label{color:var(--red)}\n.qitem:hover .qi-arr{opacity:1;transform:translateX(0)}\n.qi-icon{\n  width:42px;height:42px;flex-shrink:0;border-radius:11px;\n  border:1.5px solid transparent;\n  display:flex;align-items:center;justify-content:center;\n  transition:border-color .2s;\n}\n.qi-icon svg{width:19px;height:19px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\n.qi-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}\n.qi-label{font-size:13.5px;font-weight:500;color:var(--navy);letter-spacing:-.01em;transition:color .2s;white-space:nowrap}\n.qi-sub{font-size:11px;font-weight:300;color:var(--muted);white-space:nowrap}\n.qi-arr{font-size:14px;color:var(--red);opacity:0;transform:translateX(-5px);transition:all .2s;flex-shrink:0}\n\n@media(max-width:900px){\n  .qb-inner{grid-template-columns:repeat(2,1fr)}\n  .qitem:nth-child(4n){border-right:1px solid var(--line)}\n  .qitem:nth-child(2n){border-right:none}\n  .qitem:nth-child(n+7){border-bottom:none}\n  .qitem{padding:14px 18px}\n  .qi-label{font-size:12.5px}\n}\n@media(max-width:480px){\n  .qi-sub{display:none}\n}\n<\/style>\n\n<div class=\"quickbar\">\n  <div class=\"qb-inner\">\n\n    <a href=\"#\" class=\"qitem\">\n      <div class=\"qi-icon\" style=\"background:rgba(99,102,241,.1)\">\n        <svg viewBox=\"0 0 24 24\" stroke=\"rgba(99,102,241,.9)\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n      <\/div>\n      <div class=\"qi-text\">\n        <span class=\"qi-label\">Plan lekcji<\/span>\n        <span class=\"qi-sub\">Aktualny rozk\u0142ad<\/span>\n      <\/div>\n      <span class=\"qi-arr\">\u2192<\/span>\n    <\/a>\n\n    <a href=\"https:\/\/synergia.librus.pl\" target=\"_blank\" class=\"qitem\">\n      <div class=\"qi-icon\" style=\"background:rgba(59,130,246,.1)\">\n        <svg viewBox=\"0 0 24 24\" stroke=\"rgba(59,130,246,.9)\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n      <\/div>\n      <div class=\"qi-text\">\n        <span class=\"qi-label\">Dziennik<\/span>\n        <span class=\"qi-sub\">Librus \/ e-dziennik<\/span>\n      <\/div>\n      <span class=\"qi-arr\">\u2192<\/span>\n    <\/a>\n\n    <a href=\"#\" class=\"qitem\">\n      <div class=\"qi-icon\" style=\"background:rgba(16,185,129,.1)\">\n        <svg viewBox=\"0 0 24 24\" stroke=\"rgba(16,185,129,.9)\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg>\n      <\/div>\n      <div class=\"qi-text\">\n        <span class=\"qi-label\">Sto\u0142\u00f3wka<\/span>\n        <span class=\"qi-sub\">Zam\u00f3w posi\u0142ek<\/span>\n      <\/div>\n      <span class=\"qi-arr\">\u2192<\/span>\n    <\/a>\n\n    <a href=\"#\" class=\"qitem\">\n      <div class=\"qi-icon\" style=\"background:rgba(245,158,11,.1)\">\n        <svg viewBox=\"0 0 24 24\" stroke=\"rgba(245,158,11,.9)\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n      <\/div>\n      <div class=\"qi-text\">\n        <span class=\"qi-label\">Rekrutacja<\/span>\n        <span class=\"qi-sub\">Zapisy 2026\/27<\/span>\n      <\/div>\n      <span class=\"qi-arr\">\u2192<\/span>\n    <\/a>\n\n    <a href=\"#\" class=\"qitem\">\n      <div class=\"qi-icon\" style=\"background:rgba(139,92,246,.1)\">\n        <svg viewBox=\"0 0 24 24\" stroke=\"rgba(139,92,246,.9)\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><line x1=\"8\" y1=\"14\" x2=\"8\" y2=\"18\"\/><line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"18\"\/><line x1=\"16\" y1=\"14\" x2=\"16\" y2=\"18\"\/><\/svg>\n      <\/div>\n      <div class=\"qi-text\">\n        <span class=\"qi-label\">Kalendarz<\/span>\n        <span class=\"qi-sub\">Rok szkolny<\/span>\n      <\/div>\n      <span class=\"qi-arr\">\u2192<\/span>\n    <\/a>\n\n    <a href=\"#\" class=\"qitem\">\n      <div class=\"qi-icon\" style=\"background:rgba(20,184,166,.1)\">\n        <svg viewBox=\"0 0 24 24\" stroke=\"rgba(20,184,166,.9)\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\n      <\/div>\n      <div class=\"qi-text\">\n        <span class=\"qi-label\">Dokumenty<\/span>\n        <span class=\"qi-sub\">Regulaminy, wnioski<\/span>\n      <\/div>\n      <span class=\"qi-arr\">\u2192<\/span>\n    <\/a>\n\n    <a href=\"#\" class=\"qitem\">\n      <div class=\"qi-icon\" style=\"background:rgba(59,130,246,.1)\">\n        <svg viewBox=\"0 0 24 24\" stroke=\"rgba(59,130,246,.9)\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n      <\/div>\n      <div class=\"qi-text\">\n        <span class=\"qi-label\">\u015awietlica<\/span>\n        <span class=\"qi-sub\">Opieka 7:00\u201317:00<\/span>\n      <\/div>\n      <span class=\"qi-arr\">\u2192<\/span>\n    <\/a>\n\n    <a href=\"#\" class=\"qitem\">\n      <div class=\"qi-icon\" style=\"background:rgba(249,115,22,.1)\">\n        <svg viewBox=\"0 0 24 24\" stroke=\"rgba(249,115,22,.9)\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\n      <\/div>\n      <div class=\"qi-text\">\n        <span class=\"qi-label\">Biblioteka<\/span>\n        <span class=\"qi-sub\">Katalog online<\/span>\n      <\/div>\n      <span class=\"qi-arr\">\u2192<\/span>\n    <\/a>\n\n  <\/div>\n<\/div>\n\n<\/div><div class=\"oxy-php-code-13-102 oxy-php-code\">\n<style>\n\/* \u2500\u2500\u2500 FEATURES \u2500\u2500\u2500 *\/\n@keyframes fdFloat{\n  0%  {transform:translateY(0) rotate(0deg) scale(1)}\n  40% {transform:translateY(-20px) rotate(4deg) scale(1.04)}\n  70% {transform:translateY(-7px) rotate(-2deg) scale(.97)}\n  100%{transform:translateY(0) rotate(0deg) scale(1)}\n}\n.features{background:var(--navy);position:relative;overflow:hidden}\n.feat-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}\n.fd{position:absolute;animation:fdFloat ease-in-out infinite}\n.feat-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;position:relative;z-index:1}\n.feat{padding:44px 46px;transition:background .3s;position:relative;cursor:default}\n.feat:not(:last-child)::after{content:'';position:absolute;top:15%;right:0;bottom:15%;width:1px;background:rgba(255,255,255,.1)}\n.feat:hover{background:rgba(255,255,255,.055)}\n.feat-icon{\n  width:52px;height:52px;border-radius:15px;\n  background:linear-gradient(135deg,#8B0020,#C8102E);\n  border:1px solid rgba(255,255,255,.14);\n  box-shadow:0 4px 18px rgba(200,16,46,.3);\n  display:flex;align-items:center;justify-content:center;\n  margin-bottom:22px;\n  transition:all .3s;\n}\n.feat:hover .feat-icon{\n  background:linear-gradient(135deg,#C8102E,#e8553a);\n  box-shadow:0 0 30px rgba(200,16,46,.55);\n  transform:scale(1.12) rotate(-5deg);\n}\n.feat-title{font-family:var(--fh);font-size:20px;font-weight:400;color:rgba(255,255,255,.88);letter-spacing:-.02em;margin-bottom:8px;transition:color .3s}\n.feat:hover .feat-title{color:#fff}\n.feat-desc{font-size:13px;color:rgba(255,255,255,.38);font-weight:300;line-height:1.65}\n\n@media(max-width:900px){\n  .feat-inner{grid-template-columns:1fr}\n  .feat{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);padding:32px 24px}\n  .feat:last-child{border-bottom:none}\n  .feat::after{display:none!important}\n}\n<\/style>\n\n<div class=\"features\">\n  <div class=\"feat-deco\" aria-hidden=\"true\">\n    <svg class=\"fd\" style=\"width:80px;top:12%;left:4%;animation-duration:14s;animation-delay:0s;opacity:0.15\" viewBox=\"0 0 80 20\" fill=\"none\" stroke=\"rgba(255,255,255,.28)\" stroke-width=\"1\"><rect x=\"1\" y=\"1\" width=\"78\" height=\"18\" rx=\"2\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"8\"\/><line x1=\"20\" y1=\"1\" x2=\"20\" y2=\"6\"\/><line x1=\"30\" y1=\"1\" x2=\"30\" y2=\"8\"\/><line x1=\"40\" y1=\"1\" x2=\"40\" y2=\"6\"\/><line x1=\"50\" y1=\"1\" x2=\"50\" y2=\"8\"\/><line x1=\"60\" y1=\"1\" x2=\"60\" y2=\"6\"\/><line x1=\"70\" y1=\"1\" x2=\"70\" y2=\"8\"\/><\/svg>\n    <svg class=\"fd\" style=\"width:56px;top:55%;left:8%;animation-duration:18s;animation-delay:3s;opacity:0.15\" viewBox=\"0 0 56 56\" fill=\"none\" stroke=\"rgba(255,255,255,.28)\" stroke-width=\"1.2\"><path d=\"M4 52 L4 4 L52 52 Z\"\/><line x1=\"4\" y1=\"22\" x2=\"22\" y2=\"40\"\/><line x1=\"4\" y1=\"34\" x2=\"10\" y2=\"34\"\/><line x1=\"4\" y1=\"40\" x2=\"16\" y2=\"40\"\/><\/svg>\n    <svg class=\"fd\" style=\"width:46px;top:20%;left:72%;animation-duration:22s;animation-delay:4s;opacity:0.15\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"rgba(255,255,255,.28)\" stroke-width=\"1\"><circle cx=\"23\" cy=\"23\" r=\"3\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\" transform=\"rotate(60 23 23)\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\" transform=\"rotate(120 23 23)\"\/><\/svg>\n    <svg class=\"fd\" style=\"width:42px;top:60%;left:64%;animation-duration:17s;animation-delay:7s;opacity:0.15\" viewBox=\"0 0 42 42\" fill=\"none\" stroke=\"rgba(255,255,255,.28)\" stroke-width=\"1.2\"><circle cx=\"21\" cy=\"21\" r=\"18\"\/><path d=\"M17 10 L12 20 L18 28 L24 28 L30 20 L25 10 Z\"\/><\/svg>\n    <svg class=\"fd\" style=\"width:50px;top:35%;left:86%;animation-duration:15s;animation-delay:1s;opacity:0.15\" viewBox=\"0 0 50 60\" fill=\"none\" stroke=\"rgba(255,255,255,.28)\" stroke-width=\"1.2\"><path d=\"M5 4 Q5 3 6 3 L30 4 L30 56 L6 56 Q5 56 5 55 Z\"\/><path d=\"M45 4 Q45 3 44 3 L30 4 L30 56 L44 56 Q45 56 45 55 Z\"\/><line x1=\"5\" y1=\"10\" x2=\"30\" y2=\"10\"\/><line x1=\"5\" y1=\"17\" x2=\"30\" y2=\"17\"\/><line x1=\"5\" y1=\"24\" x2=\"30\" y2=\"24\"\/><\/svg>\n    <svg class=\"fd\" style=\"width:38px;top:70%;left:32%;animation-duration:19s;animation-delay:9s;opacity:0.15\" viewBox=\"0 0 38 50\" fill=\"none\" stroke=\"rgba(255,255,255,.28)\" stroke-width=\"1.2\"><line x1=\"19\" y1=\"2\" x2=\"8\" y2=\"42\"\/><line x1=\"19\" y1=\"2\" x2=\"30\" y2=\"42\"\/><line x1=\"11\" y1=\"22\" x2=\"27\" y2=\"22\"\/><circle cx=\"19\" cy=\"5\" r=\"3\"\/><\/svg>\n  <\/div>\n\n  <div class=\"feat-inner\">\n    <div class=\"feat\">\n      <div class=\"feat-icon\">\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M6 20v-1a6 6 0 0 1 12 0v1\"\/><\/svg>\n      <\/div>\n      <h3 class=\"feat-title\">Pomoc Psychologiczna<\/h3>\n      <p class=\"feat-desc\">Szkolny psycholog wspiera uczni\u00f3w, rodzic\u00f3w i nauczycieli. Dy\u017cury cotygodniowe, konsultacje indywidualne, interwencja kryzysowa.<\/p>\n    <\/div>\n    <div class=\"feat\">\n      <div class=\"feat-icon\">\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v15H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><polyline points=\"9 9.5 11 11.5 15 7.5\"\/><\/svg>\n      <\/div>\n      <h3 class=\"feat-title\">Pomoc Pedagogiczna<\/h3>\n      <p class=\"feat-desc\">Pedagog szkolny diagnozuje trudno\u015bci edukacyjne, wyr\u00f3wnuje szanse i wspiera uczni\u00f3w ze specjalnymi potrzebami.<\/p>\n    <\/div>\n    <div class=\"feat\">\n      <div class=\"feat-icon\">\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n      <\/div>\n      <h3 class=\"feat-title\">Logopedia<\/h3>\n      <p class=\"feat-desc\">Logopeda prowadzi diagnoz\u0119 i terapi\u0119 wad wymowy. Zaj\u0119cia indywidualne i grupowe logorytmiczne dla uczni\u00f3w ka\u017cdego etapu.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/div><div class=\"oxy-php-code-13-103 oxy-php-code\">\n<style>\n\/* \u2500\u2500\u2500 SUKCESY \u2500\u2500\u2500 *\/\n.sukcesy-bar{background:var(--navy);padding:18px 0;overflow:hidden;display:flex;gap:0;position:relative}\n.sukcesy-track{display:flex;align-items:center;gap:28px;white-space:nowrap;animation:sukcesy-scroll 32s linear infinite;flex-shrink:0}\n.sukcesy-bar:hover .sukcesy-track{animation-play-state:paused}\n.sb-item{font-size:13px;font-weight:400;color:rgba(255,255,255,.75);letter-spacing:.01em;text-decoration:none;transition:color .2s;white-space:nowrap}\n.sb-item:hover{color:#fff}\n.sb-sep{color:var(--red)!important;font-size:18px!important;opacity:.7}\n@keyframes sukcesy-scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}\n<\/style>\n\n<div class=\"sukcesy-bar\">\n  <svg aria-hidden=\"true\" style=\"position:absolute;left:5%;top:50%;transform:translateY(-50%);width:20px;opacity:.12;animation:fdFloat 12s ease-in-out infinite\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.8)\" stroke-width=\"1.2\"><polygon points=\"12,2 15,9 22,9 16,14 18,21 12,17 6,21 8,14 2,9 9,9\"\/><\/svg>\n  <svg aria-hidden=\"true\" style=\"position:absolute;right:5%;top:50%;transform:translateY(-50%);width:18px;opacity:.10;animation:fdFloat 15s ease-in-out 4s infinite\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.8)\" stroke-width=\"1.2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 12 C8 8 16 8 16 12 C16 16 8 16 8 12\"\/><\/svg>\n\n  <div class=\"sukcesy-track\">\n    <a href=\"#\" class=\"sb-item\">\ud83c\udfc6 Olimpiada matematyczna \u2014 3. miejsce, etap okr\u0119gowy<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\u26bd Mistrzostwo powiatu w pi\u0142ce no\u017cnej dziewcz\u0105t<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\ud83c\udfa8 Konkurs plastyczny \u201eMoje miasto\" \u2014 I miejsce wojew\u00f3dztwo<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\ud83d\udcda Fina\u0142 og\u00f3lnopolskiego konkursu czytelniczego<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\ud83c\udfad Z\u0142ota maska na Przegl\u0105dzie Teatr\u00f3w Szkolnych<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\ud83d\udd2c Wyr\u00f3\u017cnienie na Olimpiadzie Przyrodniczej<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\ud83c\udfd0 II miejsce \u2014 powiatowe zawody w siatk\u00f3wce<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n  <\/div>\n  <div class=\"sukcesy-track\" aria-hidden=\"true\">\n    <a href=\"#\" class=\"sb-item\">\ud83c\udfc6 Olimpiada matematyczna \u2014 3. miejsce, etap okr\u0119gowy<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\u26bd Mistrzostwo powiatu w pi\u0142ce no\u017cnej dziewcz\u0105t<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\ud83c\udfa8 Konkurs plastyczny \u201eMoje miasto\" \u2014 I miejsce wojew\u00f3dztwo<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\ud83d\udcda Fina\u0142 og\u00f3lnopolskiego konkursu czytelniczego<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\ud83c\udfad Z\u0142ota maska na Przegl\u0105dzie Teatr\u00f3w Szkolnych<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\ud83d\udd2c Wyr\u00f3\u017cnienie na Olimpiadzie Przyrodniczej<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n    <a href=\"#\" class=\"sb-item\">\ud83c\udfd0 II miejsce \u2014 powiatowe zawody w siatk\u00f3wce<\/a>\n    <span class=\"sb-sep\">\u00b7<\/span>\n  <\/div>\n<\/div>\n\n<\/div><div class=\"oxy-php-code-13-104 oxy-php-code\">\n<style>\n\/* \u2500\u2500\u2500 GLOBAL SECTION STYLES (u\u017cywane przez wszystkie sekcje) \u2500\u2500\u2500 *\/\n.section{padding:96px 0;position:relative}\n.wrap{max-width:1280px;margin:0 auto;padding:0 52px;position:relative;z-index:1}\n.s-eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:14px;display:block;padding-left:11px;border-left:2px solid var(--red)}\n.s-title{font-family:var(--fh);font-size:clamp(30px,3.2vw,46px);font-weight:400;color:var(--navy);line-height:1.05;letter-spacing:-.035em}\n.s-title em{font-style:italic;color:var(--muted)}\n.s-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}\n.see-all{font-size:13px;font-weight:400;color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:2px;transition:all .2s;flex-shrink:0;margin-left:40px}\n.see-all:hover{color:var(--red);border-color:var(--red)}\n\n\/* \u2500\u2500\u2500 WA\u017bNE INFORMACJE \u2500\u2500\u2500 *\/\n.wazne-section{background:var(--white);padding:40px 0 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}\n.wazne-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;padding-bottom:40px}\n.wi-card{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;border-radius:16px;border:1.5px solid var(--line);text-decoration:none;transition:all .25s;position:relative;overflow:hidden}\n.wi-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .28s ease}\n.wi-card:hover::before{transform:scaleY(1)}\n.wi-card:hover{border-color:rgba(73,182,255,.35);background:rgba(73,182,255,.05);transform:translateX(3px)}\n.wi-card.urgent{border-color:rgba(200,16,46,.3);background:rgba(200,16,46,.03)}\n.wi-card.urgent::before{transform:scaleY(1)}\n.wi-icon{width:36px;height:36px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;background:rgba(200,16,46,.08)}\n.wi-card.urgent .wi-icon{background:rgba(200,16,46,.12)}\n.wi-body{flex:1;min-width:0}\n.wi-label{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:4px;display:block}\n.wi-title{font-size:14px;font-weight:500;color:var(--navy);line-height:1.4;letter-spacing:-.01em}\n.wi-date{font-size:11px;font-weight:300;color:var(--muted);margin-top:4px;display:block}\n.wi-arr{font-size:13px;color:var(--muted);padding-top:3px;flex-shrink:0;transition:transform .2s,color .2s}\n.wi-card:hover .wi-arr{transform:translateX(4px);color:var(--red)}\n\n@media(max-width:900px){\n  .wazne-grid{grid-template-columns:1fr}\n  .wrap{padding:0 24px}\n  .s-header{flex-direction:column;align-items:flex-start;gap:12px}\n  .see-all{margin-left:0}\n}\n<\/style>\n\n<section class=\"wazne-section\">\n  <div aria-hidden=\"true\" style=\"position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0\">\n    <svg style=\"position:absolute;top:8%;left:1.5%;width:44px;opacity:.10;animation:fdFloat 14s ease-in-out infinite\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><circle cx=\"22\" cy=\"22\" r=\"18\"\/><circle cx=\"22\" cy=\"22\" r=\"10\"\/><line x1=\"22\" y1=\"4\" x2=\"22\" y2=\"40\"\/><line x1=\"4\" y1=\"22\" x2=\"40\" y2=\"22\"\/><\/svg>\n    <svg style=\"position:absolute;top:15%;right:2%;width:48px;opacity:.09;animation:fdFloat 19s ease-in-out 3s infinite\" viewBox=\"0 0 48 40\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><rect x=\"2\" y=\"10\" width=\"44\" height=\"28\" rx=\"3\"\/><path d=\"M16 10V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4\"\/><line x1=\"2\" y1=\"22\" x2=\"46\" y2=\"22\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:10%;left:4%;width:38px;opacity:.10;animation:fdFloat 22s ease-in-out 6s infinite\" viewBox=\"0 0 38 50\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"32\" height=\"44\" rx=\"2\"\/><line x1=\"10\" y1=\"14\" x2=\"28\" y2=\"14\"\/><line x1=\"10\" y1=\"21\" x2=\"28\" y2=\"21\"\/><line x1=\"10\" y1=\"28\" x2=\"20\" y2=\"28\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:20%;right:3%;width:36px;opacity:.09;animation:fdFloat 17s ease-in-out 9s infinite\" viewBox=\"0 0 36 44\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><path d=\"M18 4 C10 4 6 12 6 20 L4 34 L32 34 L30 20 C30 12 26 4 18 4Z\"\/><line x1=\"14\" y1=\"38\" x2=\"22\" y2=\"38\"\/><circle cx=\"18\" cy=\"2\" r=\"2\"\/><\/svg>\n    <svg style=\"position:absolute;top:45%;left:47%;width:30px;opacity:.09;animation:fdFloat 25s ease-in-out 4s infinite\" viewBox=\"0 0 30 30\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1\"><polygon points=\"15,2 18,11 28,11 20,17 23,27 15,21 7,27 10,17 2,11 12,11\"\/><\/svg>\n  <\/div>\n\n  <div class=\"wrap\" style=\"position:relative;z-index:1\">\n    <div class=\"s-header\">\n      <div>\n        <span class=\"s-eyebrow\" style=\"display:inline-flex;align-items:center;gap:8px\">\n          Wa\u017cne informacje\n          <span style=\"width:6px;height:6px;border-radius:50%;background:var(--sky);display:inline-block;animation:blink 2s ease infinite;flex-shrink:0\"><\/span>\n        <\/span>\n        <h2 class=\"s-title\">Og\u0142oszenia <em>&amp; komunikaty<\/em><\/h2>\n      <\/div>\n      <a href=\"#\" class=\"see-all\">Wszystkie og\u0142oszenia \u2192<\/a>\n    <\/div>\n    <div class=\"wazne-grid\">\n\n      <a href=\"#\" class=\"wi-card urgent\">\n        <div class=\"wi-icon\">\ud83d\udccb<\/div>\n        <div class=\"wi-body\">\n          <span class=\"wi-label\">Rekrutacja 2026\/27<\/span>\n          <div class=\"wi-title\">Lista dzieci zakwalifikowanych do klas pierwszych<\/div>\n          <span class=\"wi-date\">3 marca 2026 \u00b7 termin odwo\u0142a\u0144: 10 marca<\/span>\n        <\/div>\n        <span class=\"wi-arr\">\u2192<\/span>\n      <\/a>\n\n      <a href=\"#\" class=\"wi-card\">\n        <div class=\"wi-icon\">\ud83d\uddd3\ufe0f<\/div>\n        <div class=\"wi-body\">\n          <span class=\"wi-label\">Organizacja roku<\/span>\n          <div class=\"wi-title\">Rekolekcje wielkopostne \u2014 18\u201320 marca 2026<\/div>\n          <span class=\"wi-date\">Zaj\u0119cia w tym czasie zawieszone<\/span>\n        <\/div>\n        <span class=\"wi-arr\">\u2192<\/span>\n      <\/a>\n\n      <a href=\"#\" class=\"wi-card\">\n        <div class=\"wi-icon\">\ud83d\udc8a<\/div>\n        <div class=\"wi-body\">\n          <span class=\"wi-label\">Zdrowie<\/span>\n          <div class=\"wi-title\">Badania przesiewowe wzroku i s\u0142uchu \u2014 kl. I i IV<\/div>\n          <span class=\"wi-date\">25 marca 2026 \u00b7 zgody do 20 marca<\/span>\n        <\/div>\n        <span class=\"wi-arr\">\u2192<\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div><div class=\"oxy-php-code-13-105 oxy-php-code\">\n<style>\n\/* --- News grid --- *\/\n.news-section { background: #f5f3ee; padding: 72px 0 80px; position: relative; overflow: hidden; }\n\n.news-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto auto;\n  gap: 20px;\n  margin-bottom: 20px;\n}\n.news-card {\n  background: #fff;\n  border-radius: 14px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  text-decoration: none;\n  color: inherit;\n  transition: transform .22s ease, box-shadow .22s ease;\n  box-shadow: 0 2px 10px rgba(0,0,0,.06);\n}\n.news-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0,0,0,.12); }\n\n.news-card.big { grid-row: 1 \/ 3; }\n\n.nc-img { width: 100%; aspect-ratio: 16\/9; object-fit: cover; display: block; }\n.news-card.big .nc-img { aspect-ratio: 4\/3; }\n\n.nc-body { padding: 18px 20px 22px; flex: 1; display: flex; flex-direction: column; }\n.nc-date { font-size: 11px; color: #9a9082; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px; }\n.nc-title { font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 700; line-height: 1.35; color: #1a2340; margin-bottom: 8px; }\n.news-card.big .nc-title { font-size: 22px; }\n.nc-excerpt { font-size: 13px; color: #5a5046; line-height: 1.6; flex: 1; }\n\n\/* Small cards row *\/\n.news-more { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 36px; }\n.news-sm {\n  background: #fff;\n  border-radius: 12px;\n  overflow: hidden;\n  text-decoration: none;\n  color: inherit;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 2px 8px rgba(0,0,0,.05);\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n.news-sm:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(0,0,0,.10); }\n.nsm-img { width: 100%; aspect-ratio: 16\/9; object-fit: cover; display: block; }\n.nsm-body { padding: 14px 16px 18px; }\n.nsm-date { font-size: 10px; color: #9a9082; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 6px; }\n.nsm-title { font-family: 'Playfair Display', serif; font-size: 14px; font-weight: 700; line-height: 1.3; color: #1a2340; }\n\n\/* Floating deco *\/\n.news-fd { position: absolute; pointer-events: none; opacity: .03; }\n.news-fd-1 { top: 5%;  left: 2%;  width: 60px; animation: fdFloat 9s ease-in-out infinite; }\n.news-fd-2 { bottom: 8%; right: 3%; width: 55px; animation: fdFloat 11s ease-in-out infinite reverse; }\n\n@media (max-width: 900px) {\n  .news-grid { grid-template-columns: 1fr; }\n  .news-card.big { grid-row: auto; }\n  .news-more { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 600px) {\n  .news-more { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<section class=\"news-section\">\n  <!-- floating deco: ekierka -->\n  <svg class=\"news-fd news-fd-1\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n    <path d=\"M10 70 L10 10 L70 70 Z\" stroke=\"#1a2340\" stroke-width=\"3\" fill=\"none\"\/>\n    <path d=\"M10 50 L50 50\" stroke=\"#1a2340\" stroke-width=\"2\"\/>\n    <path d=\"M10 30 L30 30\" stroke=\"#1a2340\" stroke-width=\"2\"\/>\n  <\/svg>\n  <!-- floating deco: cyrkiel -->\n  <svg class=\"news-fd news-fd-2\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n    <circle cx=\"40\" cy=\"20\" r=\"6\" stroke=\"#1a2340\" stroke-width=\"2.5\" fill=\"none\"\/>\n    <line x1=\"37\" y1=\"25\" x2=\"20\" y2=\"68\" stroke=\"#1a2340\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n    <line x1=\"43\" y1=\"25\" x2=\"60\" y2=\"68\" stroke=\"#1a2340\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n    <path d=\"M26 52 Q40 46 54 52\" stroke=\"#1a2340\" stroke-width=\"2\" fill=\"none\"\/>\n  <\/svg>\n\n  <div class=\"wrap\">\n    <div class=\"s-header\">\n      <div>\n        <p class=\"s-eyebrow\">Co nowego<\/p>\n        <h2 class=\"s-title\">Aktualno\u015bci<\/h2>\n      <\/div>\n      <a class=\"see-all\" href=\"https:\/\/mgnienie.pl\/aktualnosci\">\n        Zobacz wszystkie\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n    \n    <!-- top 3: big + 2 -->\n    <div class=\"news-grid\">\n                      <a class=\"news-card big\" href=\"https:\/\/mgnienie.pl\/witaj-swiecie\/\">\n          <img decoding=\"async\" class=\"nc-img\" src=\"https:\/\/picsum.photos\/seed\/1\/800\/600\" alt=\"Witaj, \u015bwiecie!\" loading=\"lazy\">\n          <div class=\"nc-body\">\n            <p class=\"nc-date\">15 kwietnia 2026<\/p>\n            <h3 class=\"nc-title\">Witaj, \u015bwiecie!<\/h3>\n                          <p class=\"nc-excerpt\">Witamy w WordPressie. To jest tw\u00f3j pierwszy wpis. Edytuj go lub usu\u0144, a nast\u0119pnie zacznij pisa\u0107!<\/p>\n                      <\/div>\n        <\/a>\n          <\/div>\n\n    <!-- bottom 3: small -->\n    \n  <\/div>\n<\/section>\n\n<\/div><div class=\"oxy-php-code-13-106 oxy-php-code\">\n<style>\n\/* \u2500\u2500 Etapy nauki \u2500\u2500 *\/\n@keyframes fdFloat{\n  0%  {transform:translateY(0) rotate(0deg) scale(1)}\n  40% {transform:translateY(-20px) rotate(4deg) scale(1.04)}\n  70% {transform:translateY(-7px) rotate(-2deg) scale(.97)}\n  100%{transform:translateY(0) rotate(0deg) scale(1)}\n}\n.etapy-section{padding:80px 0;background:var(--white);position:relative;overflow:hidden}\n.etapy-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}\n.etapy-section .wrap{position:relative;z-index:1}\n.etapy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}\n.etap-card{background:#fff;border-radius:20px;padding:40px 32px;border:1px solid rgba(27,43,94,.07);transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden;cursor:default}\n.etap-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--navy));transform:scaleX(0);transition:transform .38s cubic-bezier(.22,1,.36,1);transform-origin:left}\n.etap-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(27,43,94,.11)}\n.etap-card:hover::before{transform:scaleX(1)}\n.etap-img{width:100%;height:140px;object-fit:cover;border-radius:12px;margin-bottom:16px;transition:transform .4s ease}\n.etap-card:hover .etap-img{transform:scale(1.03)}\n.etap-emoji{font-size:38px;margin-bottom:22px;display:block;line-height:1}\n.etap-classes{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:10px;display:block}\n.etap-title{font-family:var(--fh);font-size:22px;font-weight:400;color:var(--navy);margin-bottom:10px;line-height:1.15}\n.etap-desc{font-size:13.5px;color:var(--muted);font-weight:300;line-height:1.72}\n@media(max-width:800px){.etapy-grid{grid-template-columns:1fr;gap:16px}}\n<\/style>\n\n<!-- ETAPY NAUKI -->\n<section class=\"etapy-section\">\n  <div class=\"etapy-deco\" aria-hidden=\"true\">\n    <svg style=\"position:absolute;top:5%;left:1%;width:70px;opacity:.10;animation:fdFloat 16s ease-in-out infinite\" viewBox=\"0 0 80 20\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><rect x=\"1\" y=\"1\" width=\"78\" height=\"18\" rx=\"2\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"8\"\/><line x1=\"20\" y1=\"1\" x2=\"20\" y2=\"6\"\/><line x1=\"30\" y1=\"1\" x2=\"30\" y2=\"8\"\/><line x1=\"40\" y1=\"1\" x2=\"40\" y2=\"6\"\/><line x1=\"50\" y1=\"1\" x2=\"50\" y2=\"8\"\/><line x1=\"60\" y1=\"1\" x2=\"60\" y2=\"6\"\/><line x1=\"70\" y1=\"1\" x2=\"70\" y2=\"8\"\/><\/svg>\n    <svg style=\"position:absolute;top:10%;right:2%;width:42px;opacity:.10;animation:fdFloat 19s ease-in-out 4s infinite\" viewBox=\"0 0 42 42\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1\"><circle cx=\"21\" cy=\"21\" r=\"18\"\/><path d=\"M17 10 L12 20 L18 28 L24 28 L30 20 L25 10 Z\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:10%;left:5%;width:46px;opacity:.10;animation:fdFloat 22s ease-in-out 7s infinite\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><circle cx=\"23\" cy=\"23\" r=\"3\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\" transform=\"rotate(60 23 23)\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\" transform=\"rotate(120 23 23)\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:15%;right:3%;width:52px;opacity:.09;animation:fdFloat 17s ease-in-out 2s infinite\" viewBox=\"0 0 52 52\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><path d=\"M4 48 L4 4 L48 48 Z\"\/><line x1=\"4\" y1=\"20\" x2=\"20\" y2=\"36\"\/><\/svg>\n    <svg style=\"position:absolute;top:45%;left:48%;width:14px;height:55px;opacity:.08;animation:fdFloat 14s ease-in-out 5s infinite\" viewBox=\"0 0 14 60\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><rect x=\"2\" y=\"8\" width=\"10\" height=\"42\" rx=\"1\"\/><path d=\"M2 8 L7 2 L12 8\"\/><path d=\"M2 50 L7 58 L12 50\"\/><\/svg>\n    <svg style=\"position:absolute;top:20%;left:42%;width:38px;opacity:.09;animation:fdFloat 21s ease-in-out 9s infinite\" viewBox=\"0 0 38 50\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><rect x=\"3\" y=\"6\" width=\"32\" height=\"42\" rx=\"2\"\/><line x1=\"3\" y1=\"12\" x2=\"35\" y2=\"12\"\/><line x1=\"9\" y1=\"20\" x2=\"29\" y2=\"20\"\/><line x1=\"9\" y1=\"27\" x2=\"29\" y2=\"27\"\/><\/svg>\n  <\/div>\n  <div class=\"wrap\">\n    <span class=\"s-eyebrow\">Nauka<\/span>\n    <h2 class=\"s-title\">Etapy <em>nauki<\/em><\/h2>\n    <div class=\"etapy-grid reveal-group\">\n      <div class=\"etap-card reveal-scale\">\n        <img decoding=\"async\" class=\"etap-img\" src=\"https:\/\/picsum.photos\/seed\/school-kl03\/500\/280\" alt=\"Klasy 0-3\" loading=\"lazy\">\n        <span class=\"etap-emoji\">\ud83c\udf31<\/span>\n        <span class=\"etap-classes\">Klasy 0\u20133<\/span>\n        <h3 class=\"etap-title\">Pierwsze kroki w szkole<\/h3>\n        <p class=\"etap-desc\">Budujemy fundamenty \u2014 czytanie, liczenie, odkrywanie \u015bwiata z ciekawo\u015bci\u0105. Bezpieczne, przyjazne \u015brodowisko dla najm\u0142odszych uczni\u00f3w.<\/p>\n      <\/div>\n      <div class=\"etap-card reveal-scale\">\n        <img decoding=\"async\" class=\"etap-img\" src=\"https:\/\/picsum.photos\/seed\/school-kl46\/500\/280\" alt=\"Klasy 4-6\" loading=\"lazy\">\n        <span class=\"etap-emoji\">\ud83d\udcda<\/span>\n        <span class=\"etap-classes\">Klasy 4\u20136<\/span>\n        <h3 class=\"etap-title\">Odkrywanie \u015bwiata<\/h3>\n        <p class=\"etap-desc\">Rozwijamy pasje i samodzielno\u015b\u0107. Wi\u0119cej przedmiot\u00f3w, pierwsze projekty, ko\u0142a zainteresowa\u0144 i praca w zespole.<\/p>\n      <\/div>\n      <div class=\"etap-card reveal-scale\">\n        <img decoding=\"async\" class=\"etap-img\" src=\"https:\/\/picsum.photos\/seed\/school-kl78\/500\/280\" alt=\"Klasy 7-8\" loading=\"lazy\">\n        <span class=\"etap-emoji\">\ud83d\ude80<\/span>\n        <span class=\"etap-classes\">Klasy 7\u20138<\/span>\n        <h3 class=\"etap-title\">Przygotowanie do przysz\u0142o\u015bci<\/h3>\n        <p class=\"etap-desc\">Oddzia\u0142y dwuj\u0119zyczne, olimpiady, egzamin \u00f3smoklasisty. Przygotowujemy do kolejnego kroku z wiedz\u0105 i pewno\u015bci\u0105 siebie.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  var sec = document.querySelector('.etapy-section');\n  if (!sec) return;\n  var els = sec.querySelectorAll('.reveal-group, .reveal-left, .reveal-scale');\n  var obs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }\n    });\n  }, {threshold: 0.12});\n  els.forEach(function(el) { obs.observe(el); });\n});\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-107 oxy-php-code\">\n<style>\n\/* \u2500\u2500 Dzie\u0144 w szkole \u2500\u2500 *\/\n.dzien-section{padding:80px 0;background:var(--cream);position:relative;overflow:hidden}\n.dz-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}\n.dz-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px}\n.dz-col-label{font-family:var(--fb);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;padding-bottom:12px;border-bottom:1.5px solid rgba(27,43,94,.1)}\n.dz-col-label span{margin-right:6px}\n.timeline{margin-top:48px;display:flex;flex-direction:column;max-width:680px}\n.tl-item{display:grid;grid-template-columns:100px 1fr;position:relative}\n.tl-item::before{content:'';position:absolute;left:49px;top:78px;bottom:0;width:2px;background:linear-gradient(to bottom,rgba(200,16,46,.25),rgba(27,43,94,.08))}\n.tl-item:last-child::before{display:none}\n.tl-time{padding:8px 0 20px;display:flex;flex-direction:column;align-items:center;gap:6px}\n.tl-hour{font-family:var(--fh);font-size:15px;font-weight:400;color:var(--navy);line-height:1;text-align:center;opacity:.7}\n.tl-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .28s,box-shadow .28s}\n.tl-icon svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\n.tl-item:hover .tl-icon{transform:scale(1.12) rotate(-5deg)}\n.tl-body{padding:6px 0 20px 22px}\n.tl-event{font-size:15px;font-weight:500;color:var(--navy);margin-bottom:5px;letter-spacing:-.01em}\n.tl-desc{font-size:13px;color:var(--muted);font-weight:300;line-height:1.65}\n.tl-item:hover .tl-body .tl-event{color:var(--red)}\n@media(max-width:720px){.dz-cols{grid-template-columns:1fr;gap:32px}}\n@media(max-width:600px){.tl-hour{font-size:14px}.tl-item{grid-template-columns:72px 1fr}}\n<\/style>\n\n<!-- DZIE\u0143 W SZKOLE -->\n<section class=\"dzien-section\">\n  <div class=\"dz-deco\" aria-hidden=\"true\">\n    <svg style=\"position:absolute;top:6%;left:2%;width:44px;opacity:.1;animation:fdFloat 14s ease-in-out infinite\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.3\"><circle cx=\"22\" cy=\"22\" r=\"18\"\/><circle cx=\"22\" cy=\"22\" r=\"10\"\/><line x1=\"22\" y1=\"4\" x2=\"22\" y2=\"40\"\/><line x1=\"4\" y1=\"22\" x2=\"40\" y2=\"22\"\/><\/svg>\n    <svg style=\"position:absolute;top:12%;left:88%;width:36px;opacity:.1;animation:fdFloat 19s ease-in-out 3s infinite\" viewBox=\"0 0 36 50\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><path d=\"M11 2 L11 22 L3 42 Q2 48 6 48 L30 48 Q34 48 33 42 L25 22 L25 2 Z\"\/><line x1=\"11\" y1=\"2\" x2=\"25\" y2=\"2\"\/><line x1=\"7\" y1=\"34\" x2=\"18\" y2=\"34\"\/><line x1=\"5\" y1=\"40\" x2=\"14\" y2=\"40\"\/><\/svg>\n    <svg style=\"position:absolute;top:48%;left:6%;width:52px;opacity:.09;animation:fdFloat 22s ease-in-out 5s infinite\" viewBox=\"0 0 52 52\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.2\"><path d=\"M4 48 L4 4 L48 48 Z\"\/><line x1=\"4\" y1=\"20\" x2=\"20\" y2=\"36\"\/><line x1=\"4\" y1=\"32\" x2=\"8\" y2=\"32\"\/><line x1=\"4\" y1=\"40\" x2=\"12\" y2=\"40\"\/><\/svg>\n    <svg style=\"position:absolute;top:68%;left:82%;width:40px;opacity:.1;animation:fdFloat 17s ease-in-out 8s infinite\" viewBox=\"0 0 40 50\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.2\"><rect x=\"3\" y=\"6\" width=\"34\" height=\"42\" rx=\"2\"\/><line x1=\"3\" y1=\"12\" x2=\"37\" y2=\"12\"\/><line x1=\"10\" y1=\"20\" x2=\"30\" y2=\"20\"\/><line x1=\"10\" y1=\"27\" x2=\"30\" y2=\"27\"\/><line x1=\"10\" y1=\"34\" x2=\"22\" y2=\"34\"\/><\/svg>\n    <svg style=\"position:absolute;top:28%;left:92%;width:38px;opacity:.09;animation:fdFloat 20s ease-in-out 2s infinite\" viewBox=\"0 0 38 50\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><line x1=\"19\" y1=\"2\" x2=\"8\" y2=\"42\"\/><line x1=\"19\" y1=\"2\" x2=\"30\" y2=\"42\"\/><line x1=\"11\" y1=\"22\" x2=\"27\" y2=\"22\"\/><circle cx=\"19\" cy=\"5\" r=\"3\"\/><line x1=\"8\" y1=\"42\" x2=\"6\" y2=\"48\"\/><line x1=\"30\" y1=\"42\" x2=\"32\" y2=\"48\"\/><\/svg>\n    <svg style=\"position:absolute;top:78%;left:44%;width:48px;opacity:.08;animation:fdFloat 25s ease-in-out 10s infinite\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><circle cx=\"24\" cy=\"24\" r=\"20\"\/><ellipse cx=\"24\" cy=\"24\" rx=\"20\" ry=\"8\"\/><ellipse cx=\"24\" cy=\"24\" rx=\"20\" ry=\"8\" transform=\"rotate(60 24 24)\"\/><ellipse cx=\"24\" cy=\"24\" rx=\"20\" ry=\"8\" transform=\"rotate(120 24 24)\"\/><\/svg>\n    <svg style=\"position:absolute;top:18%;left:50%;width:14px;height:60px;opacity:.11;animation:fdFloat 16s ease-in-out 4s infinite\" viewBox=\"0 0 14 60\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.3\"><rect x=\"2\" y=\"8\" width=\"10\" height=\"42\" rx=\"1\"\/><path d=\"M2 8 L7 2 L12 8\"\/><path d=\"M2 50 L7 58 L12 50\"\/><\/svg>\n    <svg style=\"position:absolute;top:53%;left:28%;width:42px;opacity:.08;animation:fdFloat 18s ease-in-out 7s infinite\" viewBox=\"0 0 42 42\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.2\"><circle cx=\"21\" cy=\"21\" r=\"18\"\/><path d=\"M17 10 L12 20 L18 28 L24 28 L30 20 L25 10 Z\"\/><\/svg>\n  <\/div>\n  <div class=\"wrap\" style=\"position:relative;z-index:1\">\n    <div class=\"reveal-left\">\n      <span class=\"s-eyebrow\">Ka\u017cdy dzie\u0144<\/span>\n      <h2 class=\"s-title\">Dzie\u0144 w <em>naszej szkole<\/em><\/h2>\n      <p class=\"section-lead\" style=\"margin-top:16px\">Dwa rytmy, jedna szko\u0142a \u2014 ka\u017cda grupa ma sw\u00f3j w\u0142asny dzie\u0144.<\/p>\n    <\/div>\n    <div class=\"dz-cols reveal-group\">\n      <div>\n        <div class=\"dz-col-label\"><span>&#127807;<\/span> Klasy 0&#8211;3<\/div>\n        <div class=\"timeline\">\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">7:30<\/span><div class=\"tl-icon\" style=\"background:#1B2B5E;box-shadow:0 4px 14px rgba(27,43,94,.3)\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">\u015awietlica otwiera drzwi<\/div><div class=\"tl-desc\">Bezpieczne i spokojne przyj\u015bcie \u2014 kolorowanki, puzzle, zabawy planszowe.<\/div><\/div><\/div>\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">8:00<\/span><div class=\"tl-icon\" style=\"background:#C8102E;box-shadow:0 4px 14px rgba(200,16,46,.3)\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">Lekcje \u2014 czytanie, liczenie, rysowanie<\/div><div class=\"tl-desc\">Ma\u0142e klasy, cierpliwi nauczyciele, nauka przez zabaw\u0119 i odkrywanie.<\/div><\/div><\/div>\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">10:35<\/span><div class=\"tl-icon\" style=\"background:#d97706;box-shadow:0 4px 14px rgba(217,119,6,.3)\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"4\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"22\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"2\" y1=\"12\" x2=\"4\" y2=\"12\"\/><line x1=\"20\" y1=\"12\" x2=\"22\" y2=\"12\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">Przerwa \u2014 zabawa na boisku<\/div><div class=\"tl-desc\">\u015awie\u017ce powietrze, bieg, \u015bmiech \u2014 energia wraca do klas razem z dzie\u0107mi.<\/div><\/div><\/div>\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">12:00<\/span><div class=\"tl-icon\" style=\"background:#0e7490;box-shadow:0 4px 14px rgba(14,116,144,.3)\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"\/><line x1=\"7\" y1=\"2\" x2=\"7\" y2=\"22\"\/><path d=\"M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3zm0 0v7\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">Obiad w sto\u0142\u00f3wce<\/div><div class=\"tl-desc\">Ciep\u0142y, zbilansowany posi\u0142ek \u2014 dzieci jedz\u0105 razem z wychowawcami.<\/div><\/div><\/div>\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">13:00<\/span><div class=\"tl-icon\" style=\"background:#7c3aed;box-shadow:0 4px 14px rgba(124,58,237,.3)\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 19l7-7 3 3-7 7-3-3z\"\/><path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\/><circle cx=\"11\" cy=\"11\" r=\"2\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">\u015awietlica \u2014 gry, plastyka, ruch<\/div><div class=\"tl-desc\">Odrabianie lekcji, zabawy tw\u00f3rcze i spokojny odpoczynek do odbioru.<\/div><\/div><\/div>\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">15:30<\/span><div class=\"tl-icon\" style=\"background:#1B2B5E;box-shadow:0 4px 14px rgba(27,43,94,.3)\"><svg viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">Odbi\u00f3r przez rodzic\u00f3w<\/div><div class=\"tl-desc\">Elastyczny czas odbioru \u2014 \u015bwietlica czeka do 17:00.<\/div><\/div><\/div>\n        <\/div>\n      <\/div>\n      <div>\n        <div class=\"dz-col-label\"><span>&#128218;<\/span> Klasy 4&#8211;8<\/div>\n        <div class=\"timeline\">\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">7:30<\/span><div class=\"tl-icon\" style=\"background:#1B2B5E;box-shadow:0 4px 14px rgba(27,43,94,.3)\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 2a2 2 0 0 0-2 2v1l-1 1v2h18V6l-1-1V4a2 2 0 0 0-2-2H6z\"\/><rect x=\"4\" y=\"8\" width=\"16\" height=\"14\" rx=\"1\"\/><line x1=\"8\" y1=\"14\" x2=\"16\" y2=\"14\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">Przyj\u015bcie do szko\u0142y<\/div><div class=\"tl-desc\">Czas przed lekcjami \u2014 rozmowy, przygotowanie, powt\u00f3rka materia\u0142u.<\/div><\/div><\/div>\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">8:00<\/span><div class=\"tl-icon\" style=\"background:#C8102E;box-shadow:0 4px 14px rgba(200,16,46,.3)\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 3h6m-3 0v6l3 3m6 2a9 9 0 1 1-18 0 9 9 0 0 1 18 0z\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">Lekcje w nowoczesnych pracowniach<\/div><div class=\"tl-desc\">Matematyka, nauki \u015bcis\u0142e, j\u0119zyki, historia \u2014 anga\u017cuj\u0105ce, zmienne tempo.<\/div><\/div><\/div>\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">10:35<\/span><div class=\"tl-icon\" style=\"background:#d97706;box-shadow:0 4px 14px rgba(217,119,6,.3)\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 8C8 10 5.9 16.17 3.82 22\"\/><path d=\"M17 8a5 5 0 0 0-5-5 9 9 0 0 0-9 9c0 3.9 3.1 7 7 7 1.9 0 3.63-.73 4.93-1.92\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">Przerwa i regeneracja<\/div><div class=\"tl-desc\">Aktywna lub spokojna \u2014 ka\u017cdy wybiera sw\u00f3j spos\u00f3b na reset.<\/div><\/div><\/div>\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">12:00<\/span><div class=\"tl-icon\" style=\"background:#0e7490;box-shadow:0 4px 14px rgba(14,116,144,.3)\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"\/><line x1=\"7\" y1=\"2\" x2=\"7\" y2=\"22\"\/><path d=\"M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3zm0 0v7\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">Obiad w sto\u0142\u00f3wce<\/div><div class=\"tl-desc\">\u015awie\u017ce posi\u0142ki, chwila relaksu przed popo\u0142udniowym blokiem lekcji.<\/div><\/div><\/div>\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">13:00<\/span><div class=\"tl-icon\" style=\"background:#7c3aed;box-shadow:0 4px 14px rgba(124,58,237,.3)\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">Ko\u0142a zainteresowa\u0144<\/div><div class=\"tl-desc\">Robotyka, szachy, sport, j\u0119zyki, plastyka \u2014 pasja wymaga czasu i miejsca.<\/div><\/div><\/div>\n          <div class=\"tl-item\"><div class=\"tl-time\"><span class=\"tl-hour\">14:30<\/span><div class=\"tl-icon\" style=\"background:#065f46;box-shadow:0 4px 14px rgba(6,95,70,.3)\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/div><\/div><div class=\"tl-body\"><div class=\"tl-event\">Konsultacje z nauczycielami<\/div><div class=\"tl-desc\">Pytania, nadrabianie materia\u0142u, przygotowanie do konkurs\u00f3w i olimpiad.<\/div><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  var sec = document.querySelector('.dzien-section');\n  if (!sec) return;\n  var els = sec.querySelectorAll('.reveal-group, .reveal-left, .reveal-scale');\n  var obs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }\n    });\n  }, {threshold: 0.12});\n  els.forEach(function(el) { obs.observe(el); });\n});\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-108 oxy-php-code\">\n<style>\n\/* \u2500\u2500 Oferta \u2500\u2500 *\/\n.offer{padding:80px 0;background:var(--white);position:relative;overflow:hidden}\n.offer::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;background:rgba(200,16,46,.09);top:-100px;right:-100px}\n.offer-inner{max-width:1280px;margin:0 auto;padding:0 52px;display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center;position:relative;z-index:1}\n.tabs{display:flex;flex-wrap:wrap;gap:8px}\n.tab{padding:9px 18px;border-radius:100px;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s;border:1.5px solid var(--line);color:var(--muted);background:transparent;letter-spacing:-.01em}\n.tab.active,.tab:hover{background:var(--navy);color:#fff;border-color:var(--navy)}\n.offer-tab-content{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}\n.offer-badge-wrap{margin-bottom:10px}\n.offer-badge{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--red);background:rgba(200,16,46,.08);border:1px solid rgba(200,16,46,.2);padding:4px 12px;border-radius:100px}\n.offer-title{font-family:var(--fh);font-size:22px;font-weight:400;color:var(--navy);margin-bottom:10px;letter-spacing:-.02em;transition:opacity .35s ease,transform .35s ease}\n.offer-text{font-size:14px;font-weight:300;color:var(--muted);line-height:1.75;max-width:400px;transition:opacity .35s ease,transform .35s ease}\n.offer-tab-content.transitioning .offer-title,\n.offer-tab-content.transitioning .offer-text,\n.offer-tab-content.transitioning .offer-badge{opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}\n.offer-imgs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px}\n.oimg{border-radius:16px;overflow:hidden}\n.oimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}\n.oimg:hover img{transform:scale(1.04)}\n.oimg:nth-child(1){grid-row:span 2}\n.oimg:nth-child(1) img{height:340px}\n.oimg:nth-child(2) img{height:162px}\n.ostat{border-radius:16px;background:var(--navy);display:flex;align-items:center;justify-content:center;height:162px}\n.ostat-num{font-family:var(--fh);font-size:38px;font-weight:400;color:#fff;letter-spacing:-.03em}\n.ostat-sub{font-size:11.5px;font-weight:300;color:rgba(255,255,255,.45);margin-top:4px}\n@media(max-width:900px){\n  .offer{padding:56px 0}\n  .offer-inner{grid-template-columns:1fr;gap:40px}\n  .offer-imgs{display:none}\n}\n@media(max-width:600px){\n  .tabs{gap:6px}\n  .tab{font-size:12px;padding:7px 14px}\n}\n<\/style>\n\n<!-- OFERTA -->\n<section class=\"offer\">\n  <div style=\"position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0\" aria-hidden=\"true\">\n    <svg style=\"position:absolute;top:10%;left:3%;width:46px;opacity:.09;animation:fdFloat 17s ease-in-out infinite\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.3\"><circle cx=\"22\" cy=\"22\" r=\"18\"\/><circle cx=\"22\" cy=\"22\" r=\"10\"\/><circle cx=\"22\" cy=\"22\" r=\"3\"\/><\/svg>\n    <svg style=\"position:absolute;top:20%;right:2%;width:38px;opacity:.09;animation:fdFloat 21s ease-in-out 4s infinite\" viewBox=\"0 0 36 50\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><path d=\"M11 2 L11 22 L3 42 Q2 46 6 47 L30 47 Q34 46 33 42 L25 22 L25 2 Z\"\/><line x1=\"5\" y1=\"34\" x2=\"31\" y2=\"34\"\/><\/svg>\n    <svg style=\"position:absolute;top:55%;left:5%;width:50px;opacity:.08;animation:fdFloat 24s ease-in-out 7s infinite\" viewBox=\"0 0 52 52\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.2\"><path d=\"M4 48 L4 4 L48 48 Z\"\/><path d=\"M14 48 L14 18 L48 48\"\/><\/svg>\n    <svg style=\"position:absolute;top:75%;right:4%;width:42px;opacity:.08;animation:fdFloat 19s ease-in-out 2s infinite\" viewBox=\"0 0 40 50\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.2\"><rect x=\"3\" y=\"6\" width=\"34\" height=\"42\" rx=\"3\"\/><line x1=\"10\" y1=\"16\" x2=\"30\" y2=\"16\"\/><line x1=\"10\" y1=\"24\" x2=\"30\" y2=\"24\"\/><line x1=\"10\" y1=\"32\" x2=\"22\" y2=\"32\"\/><\/svg>\n    <svg style=\"position:absolute;top:35%;left:91%;width:14px;height:56px;opacity:.1;animation:fdFloat 15s ease-in-out 9s infinite\" viewBox=\"0 0 14 60\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.3\"><rect x=\"2\" y=\"8\" width=\"10\" height=\"40\" rx=\"2\"\/><path d=\"M5 8 L5 4 Q7 2 9 4 L9 8\"\/><path d=\"M4 48 L2 56 L7 52 L12 56 L10 48\"\/><\/svg>\n    <svg style=\"position:absolute;top:82%;left:48%;width:44px;opacity:.10;animation:fdFloat 27s ease-in-out 6s infinite\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><circle cx=\"24\" cy=\"24\" r=\"20\"\/><line x1=\"24\" y1=\"4\" x2=\"24\" y2=\"44\"\/><line x1=\"4\" y1=\"24\" x2=\"44\" y2=\"24\"\/><\/svg>\n  <\/div>\n  <div class=\"offer-inner\">\n    <div>\n      <span class=\"s-eyebrow\">Nasza oferta<\/span>\n      <h2 class=\"s-title\" style=\"margin-bottom:16px\">Edukacja na <em>ka\u017cdym etapie<\/em><\/h2>\n      <p class=\"section-lead\">Kszta\u0142cimy dzieci z pasj\u0105 \u2014 od pierwszych krok\u00f3w w nauce a\u017c po egzamin \u00f3smoklasisty. Dwuj\u0119zycznie, nowocze\u015bnie, z sercem.<\/p>\n      <div class=\"tabs\">\n        <div class=\"tab active\">Szko\u0142a Podstawowa<\/div>\n        <div class=\"tab\">Oddzia\u0142y Dwuj\u0119zyczne<\/div>\n        <div class=\"tab\">\u015awietlica<\/div>\n        <div class=\"tab\">Sto\u0142\u00f3wka<\/div>\n        <div class=\"tab\">Zaj\u0119cia dodatkowe<\/div>\n      <\/div>\n      <div class=\"offer-tab-content\">\n        <div class=\"offer-badge-wrap\"><span class=\"offer-badge\">8 lat nauki<\/span><\/div>\n        <h3 class=\"offer-title\">Szko\u0142a Podstawowa<\/h3>\n        <p class=\"offer-text\">Oferujemy nowoczesne kszta\u0142cenie w klasach I\u2013VIII. Ma\u0142e klasy, indywidualne podej\u015bcie, bogata oferta zaj\u0119\u0107 dodatkowych. Nasi uczniowie regularnie odnosz\u0105 sukcesy w konkursach przedmiotowych i olimpiadach.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"offer-imgs\">\n      <div class=\"oimg\"><img decoding=\"async\" src=\"https:\/\/mgnienie.pl\/wp-content\/uploads\/2026\/04\/poznanskaC.jpg\" alt=\"ul. Pozna\u0144ska\" loading=\"lazy\"><\/div>\n      <div class=\"oimg\"><img decoding=\"async\" src=\"https:\/\/mgnienie.pl\/wp-content\/uploads\/2026\/04\/farnaC.jpg\" alt=\"ul. Farna\" loading=\"lazy\"><\/div>\n      <div class=\"ostat\">\n        <div style=\"text-align:center\">\n          <div class=\"ostat-num\">600+<\/div>\n          <div class=\"ostat-sub\">uczni\u00f3w ka\u017cdego roku<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nvar tabContents = {\n  'Szko\u0142a Podstawowa': {\n    title: 'Szko\u0142a Podstawowa',\n    text: 'Oferujemy nowoczesne kszta\u0142cenie w klasach I\u2013VIII. Ma\u0142e klasy, indywidualne podej\u015bcie, bogata oferta zaj\u0119\u0107 dodatkowych. Nasi uczniowie regularnie odnosz\u0105 sukcesy w konkursach przedmiotowych i olimpiadach.',\n    badge: '8 lat nauki'\n  },\n  'Oddzia\u0142y Dwuj\u0119zyczne': {\n    title: 'Oddzia\u0142y dwuj\u0119zyczne kl. VII\u2013VIII',\n    text: 'Od klasy VII istnieje mo\u017cliwo\u015b\u0107 nauki w oddziale dwuj\u0119zycznym. Przyroda, plastyka i muzyka prowadzone s\u0105 w j\u0119zyku angielskim \u2014 dzieci naturalnie przyswajaj\u0105 j\u0119zyk w kontek\u015bcie, co daje trwa\u0142e efekty bez stresu egzaminacyjnego.',\n    badge: 'kl. VII\u2013VIII'\n  },\n  '\u015awietlica': {\n    title: '\u015awietlica szkolna',\n    text: 'Opieka od 7:00 do 17:00 w dni nauki szkolnej. Bezpieczne miejsce na od\u0142\u00f3\u017cenie ksi\u0105\u017cek, wsp\u00f3ln\u0105 zabaw\u0119 i odrabianie lekcji. Wykwalifikowani wychowawcy, ciekawe zaj\u0119cia.',\n    badge: '7:00 \u2013 17:00'\n  },\n  'Sto\u0142\u00f3wka': {\n    title: 'Sto\u0142\u00f3wka szkolna',\n    text: 'Codziennie \u015bwie\u017ce, zbilansowane posi\u0142ki przygotowywane na miejscu. Obiady dla uczni\u00f3w i pracownik\u00f3w szko\u0142y. Zapisy przez aplikacj\u0119 Zam\u00f3wPosi\u0142ek.',\n    badge: '\u015bwie\u017ce posi\u0142ki'\n  },\n  'Zaj\u0119cia dodatkowe': {\n    title: 'Ko\u0142a i zaj\u0119cia extra',\n    text: 'Ponad 20 k\u00f3\u0142 zainteresowa\u0144 \u2014 j\u0119zykowe, sportowe, artystyczne, naukowe. Samorz\u0105d uczniowski, szkolny klub wolontariatu, dru\u017cyna szachowa. Ka\u017cdy znajdzie co\u015b dla siebie.',\n    badge: '20+ k\u00f3\u0142'\n  }\n};\n\ndocument.querySelectorAll('.offer .tab').forEach(function(t) {\n  t.addEventListener('click', function() {\n    document.querySelectorAll('.offer .tab').forEach(function(x) { x.classList.remove('active'); });\n    t.classList.add('active');\n    var key = t.textContent.trim();\n    var content = tabContents[key];\n    if (content) {\n      var tc = document.querySelector('.offer-tab-content');\n      var offerTitle = document.querySelector('.offer-title');\n      var offerText = document.querySelector('.offer-text');\n      var offerBadge = document.querySelector('.offer-badge');\n      if (tc) tc.classList.add('transitioning');\n      setTimeout(function() {\n        if (offerTitle) offerTitle.textContent = content.title;\n        if (offerText) offerText.textContent = content.text;\n        if (offerBadge) offerBadge.textContent = content.badge;\n        if (tc) tc.classList.remove('transitioning');\n      }, 200);\n    }\n  });\n});\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-109 oxy-php-code\">\n<style>\n\/* \u2500\u2500 O nas \/ Statystyki \u2500\u2500 *\/\n.about-section-patrons{position:relative;overflow:hidden;background:var(--cream)}\n.about-section-patrons .wrap{position:relative;z-index:1}\n.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}\n.about-photo-col{position:relative}\n.about-photo-wrap{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 8px 40px rgba(27,43,94,.12)}\n.about-photo{width:100%;height:420px;object-fit:cover;display:block;transition:transform .6s ease}\n.about-photo-wrap:hover .about-photo{transform:scale(1.04)}\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n.about-photo-badge{\n  position:absolute;bottom:24px;right:24px;\n  background:var(--navy);border:1px solid rgba(255,255,255,.12);\n  border-radius:16px;padding:16px 22px;\n  backdrop-filter:blur(8px);text-align:center;\n  animation:float 4s ease-in-out infinite;\n}\n.apb-num{display:block;font-family:var(--fh);font-size:32px;font-weight:400;color:#fff;line-height:1;letter-spacing:-.04em}\n.apb-num sup{font-size:18px;color:var(--red)}\n.apb-label{display:block;font-size:11px;font-weight:300;color:rgba(255,255,255,.5);margin-top:4px;letter-spacing:.05em;text-transform:uppercase}\n.about-lead{font-size:15px;font-weight:300;color:var(--muted);line-height:1.8;max-width:480px}\n.about-link{display:inline-flex;align-items:center;gap:6px;margin-top:28px;font-size:13.5px;font-weight:500;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;transition:all .2s}\n.about-link:hover{color:var(--red);border-color:var(--red)}\n.about-stats-row{display:flex;gap:0;margin-top:36px;border-top:1px solid var(--line);padding-top:28px}\n.astat{flex:1;padding-right:24px;border-right:1px solid var(--line);margin-right:24px}\n.astat:last-child{border-right:none;margin-right:0;padding-right:0}\n.astat-num{font-family:var(--fh);font-size:36px;font-weight:400;color:var(--sky);line-height:1;letter-spacing:-.04em;margin-bottom:4px}\n.astat-num sup{font-size:18px;color:var(--red)}\n.astat-label{font-size:12px;font-weight:300;color:var(--muted)}\n.patron-side{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 16px;pointer-events:none;opacity:0;animation:ps-in 1s ease .5s forwards}\n.patron-side-l{left:0}\n.patron-side-r{right:0}\n@keyframes ps-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\n.ps-initial{font-family:var(--fh);font-size:12px;font-weight:400;font-style:italic;color:var(--navy);opacity:.3;writing-mode:vertical-rl;letter-spacing:.06em}\n.ps-rule{display:block;width:1px;height:52px;background:linear-gradient(to bottom,transparent,rgba(200,16,46,.4),transparent)}\n.ps-dates{font-size:9px;font-weight:300;font-family:var(--fb);letter-spacing:.14em;color:var(--muted);opacity:.45;writing-mode:vertical-rl}\n@media(max-width:1100px){.patron-side{display:none}}\n@media(max-width:900px){\n  .about-inner{grid-template-columns:1fr;gap:40px}\n  .about-photo{height:260px}\n  .about-stats-row{flex-direction:column;gap:20px}\n  .astat{border-right:none;margin-right:0;padding-right:0;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:0}\n  .astat:last-child{border-bottom:none;padding-bottom:0}\n}\n<\/style>\n\n<!-- ABOUT \/ STATS -->\n<section class=\"section about-section-patrons\" style=\"background:var(--cream)\">\n  <div style=\"position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0\" aria-hidden=\"true\">\n    <svg style=\"position:absolute;top:8%;left:2%;width:40px;opacity:.08;animation:fdFloat 20s ease-in-out 1s infinite\" viewBox=\"0 0 38 50\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><line x1=\"19\" y1=\"2\" x2=\"8\" y2=\"14\"\/><line x1=\"19\" y1=\"2\" x2=\"30\" y2=\"14\"\/><line x1=\"8\" y1=\"14\" x2=\"8\" y2=\"38\"\/><line x1=\"30\" y1=\"14\" x2=\"30\" y2=\"38\"\/><line x1=\"8\" y1=\"38\" x2=\"30\" y2=\"38\"\/><path d=\"M14 38 L14 48 L19 44 L24 48 L24 38\"\/><\/svg>\n    <svg style=\"position:absolute;top:22%;right:2%;width:48px;opacity:.08;animation:fdFloat 18s ease-in-out 5s infinite\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.3\"><circle cx=\"22\" cy=\"22\" r=\"18\"\/><circle cx=\"22\" cy=\"22\" r=\"10\"\/><circle cx=\"22\" cy=\"22\" r=\"3\"\/><\/svg>\n    <svg style=\"position:absolute;top:60%;left:4%;width:46px;opacity:.10;animation:fdFloat 23s ease-in-out 3s infinite\" viewBox=\"0 0 52 52\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.2\"><path d=\"M4 48 L4 4 L48 48 Z\"\/><path d=\"M14 48 L14 18 L48 48\"\/><\/svg>\n    <svg style=\"position:absolute;top:70%;right:3%;width:36px;opacity:.09;animation:fdFloat 16s ease-in-out 8s infinite\" viewBox=\"0 0 36 50\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><path d=\"M11 2 L11 22 L3 42 Q2 46 6 47 L30 47 Q34 46 33 42 L25 22 L25 2 Z\"\/><line x1=\"5\" y1=\"34\" x2=\"31\" y2=\"34\"\/><\/svg>\n    <svg style=\"position:absolute;top:42%;left:92%;width:14px;height:52px;opacity:.1;animation:fdFloat 14s ease-in-out 11s infinite\" viewBox=\"0 0 14 60\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.3\"><rect x=\"2\" y=\"8\" width=\"10\" height=\"40\" rx=\"2\"\/><path d=\"M5 8 L5 4 Q7 2 9 4 L9 8\"\/><path d=\"M4 48 L2 56 L7 52 L12 56 L10 48\"\/><\/svg>\n  <\/div>\n  <div class=\"patron-side patron-side-l\" aria-hidden=\"true\">\n    <span class=\"ps-initial\">A.N.<\/span>\n    <span class=\"ps-rule\"><\/span>\n    <span class=\"ps-dates\">1787\u20131855<\/span>\n  <\/div>\n  <div class=\"patron-side patron-side-r\" aria-hidden=\"true\">\n    <span class=\"ps-initial\">W.N.<\/span>\n    <span class=\"ps-rule\"><\/span>\n    <span class=\"ps-dates\">1784\u20131838<\/span>\n  <\/div>\n  <div class=\"wrap\">\n    <div class=\"about-inner reveal-stagger\">\n      <div class=\"about-photo-col\">\n        <div class=\"about-photo-wrap\">\n          <img decoding=\"async\" class=\"about-photo\" src=\"https:\/\/mgnienie.pl\/wp-content\/uploads\/2026\/04\/poznanskaC.jpg\" alt=\"Szko\u0142a Podstawowa w Opalenicy\" loading=\"lazy\">\n          <div class=\"about-photo-badge\">\n            <span class=\"apb-num\">90<sup>+<\/sup><\/span>\n            <span class=\"apb-label\">lat tradycji<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"about-right-col\">\n        <span class=\"s-eyebrow\">O nas<\/span>\n        <h2 class=\"s-title\" style=\"margin-bottom:20px\">Szko\u0142a z <em>dusz\u0105 i histori\u0105<\/em><\/h2>\n        <p class=\"about-lead\">Jeste\u015bmy jedn\u0105 z wi\u0119kszych szk\u00f3\u0142 w powiecie nowotomyskim. Kszta\u0142cimy dzieci od zer\u00f3wki przez osiem lat \u2014 dwuj\u0119zycznie, nowocze\u015bnie i z sercem.<\/p>\n        <p class=\"about-lead\" style=\"margin-top:12px\">Nasz patron, Andrzej i W\u0142adys\u0142aw Niegolewscy, to symbol odwagi i przywi\u0105zania do warto\u015bci \u2014 idea\u0142, kt\u00f3ry towarzyszy nam ka\u017cdego dnia. Dwa budynki, jedna wyj\u0105tkowa szko\u0142a.<\/p>\n        <a href=\"#\" class=\"about-link\">Historia szko\u0142y \u2192<\/a>\n        <div class=\"about-stats-row\" id=\"stats-block\">\n          <div class=\"astat\">\n            <div class=\"astat-num\"><span class=\"count-num\">0<\/span><sup>+<\/sup><\/div>\n            <div class=\"astat-label\">uczni\u00f3w<\/div>\n          <\/div>\n          <div class=\"astat\">\n            <div class=\"astat-num\"><span class=\"count-num\">0<\/span><sup>+<\/sup><\/div>\n            <div class=\"astat-label\">nauczycieli<\/div>\n          <\/div>\n          <div class=\"astat\">\n            <div class=\"astat-num\"><span class=\"count-num\">0<\/span><\/div>\n            <div class=\"astat-label\">budynki<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ reveal\n  var sec = document.querySelector('.about-section-patrons');\n  if (sec) {\n    var els = sec.querySelectorAll('.reveal-stagger, .reveal-left, .reveal-scale');\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }\n      });\n    }, {threshold: 0.12});\n    els.forEach(function(el) { obs.observe(el); });\n  }\n\n  \/\/ count-up\n  function countUp(proxy, target, duration) {\n    duration = duration || 1800;\n    var start = performance.now();\n    function update(now) {\n      var p = Math.min((now - start) \/ duration, 1);\n      var ease = 1 - Math.pow(1 - p, 3);\n      proxy.textContent = Math.round(ease * target);\n      if (p < 1) requestAnimationFrame(update);\n      else proxy.textContent = target;\n    }\n    requestAnimationFrame(update);\n  }\n\n  var statsBlock = document.getElementById('stats-block');\n  if (statsBlock) {\n    var statsRan = false;\n    var statsObs = new IntersectionObserver(function(entries) {\n      if (entries[0].isIntersecting && !statsRan) {\n        statsRan = true;\n        var targets = [\n          {el: statsBlock.querySelectorAll('.count-num')[0], val: 600},\n          {el: statsBlock.querySelectorAll('.count-num')[1], val: 80},\n          {el: statsBlock.querySelectorAll('.count-num')[2], val: 2}\n        ];\n        targets.forEach(function(item) {\n          if (!item.el) return;\n          countUp(item.el, item.val);\n        });\n        var badge = document.querySelector('.apb-num');\n        if (badge) {\n          var sup = badge.querySelector('sup');\n          var supHTML = sup ? sup.outerHTML : '';\n          badge.innerHTML = '0' + supHTML;\n          var tn = badge.childNodes[0];\n          countUp({set textContent(v){ tn.textContent = v; }}, 90);\n        }\n        statsObs.unobserve(statsBlock);\n      }\n    }, {threshold: 0.1});\n    statsObs.observe(statsBlock);\n  }\n});\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-110 oxy-php-code\">\n<style>\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\n.faq-section{background:var(--white);position:relative;overflow:hidden}\n.faq-inner{display:grid;grid-template-columns:1fr 2fr;gap:72px;align-items:start}\n.faq-list{display:flex;flex-direction:column;gap:0}\n.faq-item{border-bottom:1px solid var(--line)}\n.faq-item:first-child{border-top:1px solid var(--line)}\n.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;background:none;border:none;cursor:pointer;text-align:left;font-size:15px;font-weight:400;color:var(--navy);font-family:var(--fb);transition:color .2s}\n.faq-q:hover{color:var(--red)}\n.faq-q:hover .faq-arr{stroke:var(--red)}\n.faq-arr{flex-shrink:0;stroke:var(--muted);transition:transform .3s ease,stroke .2s}\n.faq-item.open .faq-arr{transform:rotate(180deg);stroke:var(--red)}\n.faq-item.open .faq-q{color:var(--red)}\n.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s}\n.faq-item.open .faq-a{max-height:300px;padding-bottom:20px}\n.faq-a p{font-size:14px;font-weight:300;color:var(--muted);line-height:1.8}\n@media(max-width:900px){.faq-inner{grid-template-columns:1fr}}\n@media(max-width:900px){.faq-left{padding-bottom:0}}\n@media(max-width:900px){.faq-inner{gap:28px}}\n<\/style>\n\n<!-- FAQ -->\n<section class=\"section faq-section\" style=\"background:var(--white);position:relative;overflow:hidden\">\n  <div style=\"position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0\" aria-hidden=\"true\">\n    <svg style=\"position:absolute;top:8%;left:2%;width:70px;opacity:.15;animation:fdFloat 16s ease-in-out infinite\" viewBox=\"0 0 80 20\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><rect x=\"1\" y=\"1\" width=\"78\" height=\"18\" rx=\"2\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"8\"\/><line x1=\"20\" y1=\"1\" x2=\"20\" y2=\"6\"\/><line x1=\"30\" y1=\"1\" x2=\"30\" y2=\"8\"\/><line x1=\"40\" y1=\"1\" x2=\"40\" y2=\"6\"\/><line x1=\"50\" y1=\"1\" x2=\"50\" y2=\"8\"\/><line x1=\"60\" y1=\"1\" x2=\"60\" y2=\"6\"\/><line x1=\"70\" y1=\"1\" x2=\"70\" y2=\"8\"\/><\/svg>\n    <svg style=\"position:absolute;top:20%;right:3%;width:44px;opacity:.15;animation:fdFloat 19s ease-in-out 4s infinite\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1\"><circle cx=\"22\" cy=\"18\" r=\"10\"\/><path d=\"M12 18 Q10 30 14 38 L22 42 L30 38 Q34 30 32 18\"\/><line x1=\"16\" y1=\"38\" x2=\"14\" y2=\"44\"\/><line x1=\"28\" y1=\"38\" x2=\"30\" y2=\"44\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:12%;left:5%;width:48px;opacity:.15;animation:fdFloat 22s ease-in-out 7s infinite\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><circle cx=\"23\" cy=\"23\" r=\"3\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\" transform=\"rotate(60 23 23)\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\" transform=\"rotate(120 23 23)\"\/><\/svg>\n    <svg style=\"position:absolute;top:50%;right:4%;width:38px;opacity:.15;animation:fdFloat 14s ease-in-out 2s infinite\" viewBox=\"0 0 40 50\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><rect x=\"3\" y=\"6\" width=\"34\" height=\"42\" rx=\"2\"\/><line x1=\"3\" y1=\"12\" x2=\"37\" y2=\"12\"\/><line x1=\"10\" y1=\"20\" x2=\"30\" y2=\"20\"\/><line x1=\"10\" y1=\"27\" x2=\"30\" y2=\"27\"\/><line x1=\"10\" y1=\"34\" x2=\"22\" y2=\"34\"\/><\/svg>\n    <svg style=\"position:absolute;top:35%;left:48%;width:14px;height:52px;opacity:.15;animation:fdFloat 17s ease-in-out 5s infinite\" viewBox=\"0 0 14 60\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><rect x=\"2\" y=\"8\" width=\"10\" height=\"42\" rx=\"1\"\/><path d=\"M2 8 L7 2 L12 8\"\/><path d=\"M2 50 L7 58 L12 50\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:25%;right:8%;width:52px;opacity:.12;animation:fdFloat 21s ease-in-out 9s infinite\" viewBox=\"0 0 52 52\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><path d=\"M4 48 L4 4 L48 48 Z\"\/><line x1=\"4\" y1=\"20\" x2=\"20\" y2=\"36\"\/><line x1=\"4\" y1=\"32\" x2=\"8\" y2=\"32\"\/><\/svg>\n  <\/div>\n  <div class=\"wrap\">\n    <div class=\"faq-inner\">\n      <div class=\"faq-left\">\n        <span class=\"s-eyebrow\">Pytania i odpowiedzi<\/span>\n        <h2 class=\"s-title\">Cz\u0119sto <em>pytacie<\/em><\/h2>\n        <p class=\"section-lead\" style=\"margin-top:16px;max-width:340px\">Zebrali\u015bmy najcz\u0119\u015bciej zadawane pytania rodzic\u00f3w i uczni\u00f3w.<\/p>\n        <a href=\"#\" class=\"about-link\" style=\"margin-top:24px;display:inline-block\">Napisz do nas \u2192<\/a>\n      <\/div>\n      <div class=\"faq-list\" id=\"faq-list\">\n\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\n            <span>Jak wygl\u0105da rekrutacja do klasy pierwszej?<\/span>\n            <svg class=\"faq-arr\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">\n            <p>Rekrutacja do klas pierwszych odbywa si\u0119 w lutym i marcu ka\u017cdego roku. Wymagane dokumenty to wniosek o przyj\u0119cie oraz skr\u00f3cony odpis aktu urodzenia dziecka. Dzieci zamieszka\u0142e w obwodzie szko\u0142y przyjmowane s\u0105 z urz\u0119du.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\n            <span>Czym r\u00f3\u017cni\u0105 si\u0119 oddzia\u0142y dwuj\u0119zyczne od zwyk\u0142ych?<\/span>\n            <svg class=\"faq-arr\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">\n            <p>Od klasy VII uczniowie mog\u0105 uczy\u0107 si\u0119 w oddziale dwuj\u0119zycznym (klasy VII\u2013VIII). Przyroda, plastyka i muzyka prowadzone s\u0105 w j\u0119zyku angielskim \u2014 dzieci przyswajaj\u0105 j\u0119zyk naturalnie w kontek\u015bcie, co daje trwa\u0142e efekty bez stresu egzaminacyjnego.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\n            <span>Jakie s\u0105 godziny pracy \u015bwietlicy?<\/span>\n            <svg class=\"faq-arr\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">\n            <p>\u015awietlica szkolna czynna jest od 7:00 do 17:00 w ka\u017cdym dniu nauki szkolnej. Zapisy do \u015bwietlicy odbywaj\u0105 si\u0119 na pocz\u0105tku ka\u017cdego roku szkolnego poprzez wype\u0142nienie karty zg\u0142oszenia dost\u0119pnej w sekretariacie.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\n            <span>Gdzie mog\u0119 sprawdzi\u0107 plan lekcji mojego dziecka?<\/span>\n            <svg class=\"faq-arr\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">\n            <p>Aktualny plan lekcji dost\u0119pny jest na stronie g\u0142\u00f3wnej w sekcji \"Plan zaj\u0119\u0107\" oraz w dzienniku elektronicznym Librus. W razie zmian, informacje przekazywane s\u0105 przez wychowawc\u0119 klasy.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <button class=\"faq-q\" onclick=\"toggleFaq(this)\">\n            <span>Jak skontaktowa\u0107 si\u0119 z wychowawc\u0105?<\/span>\n            <svg class=\"faq-arr\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-a\">\n            <p>Najszybszy kontakt z wychowawc\u0105 mo\u017cliwy jest przez wiadomo\u015bci w dzienniku Librus. Konsultacje stacjonarne odbywaj\u0105 si\u0119 wed\u0142ug harmonogramu wywiad\u00f3wek \u2014 terminy podawane s\u0105 na pocz\u0105tku ka\u017cdego semestru.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nfunction toggleFaq(btn) {\n  var item = btn.closest('.faq-item');\n  var isOpen = item.classList.contains('open');\n  document.querySelectorAll('.faq-item.open').forEach(function(i) { i.classList.remove('open'); });\n  if (!isOpen) item.classList.add('open');\n}\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-111 oxy-php-code\">\n<style>\n\/* \u2500\u2500 \u017bycie szko\u0142y \u2500\u2500 *\/\n.zycie-section{background:var(--cream);padding:96px 0;position:relative;overflow:hidden}\n.zycie-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}\n.zycie-nav-wrap{position:relative;margin-top:36px}\n.zycie-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--white);border:1.5px solid var(--line);box-shadow:0 4px 20px rgba(27,43,94,.10);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--navy);transition:all .22s;z-index:10;padding:0}\n.zycie-arrow:hover{background:var(--navy);color:var(--white);border-color:var(--navy);box-shadow:0 8px 28px rgba(27,43,94,.22);transform:translateY(-50%) scale(1.07)}\n.zycie-arrow.disabled{opacity:.28;pointer-events:none}\n.zycie-prev{left:-56px}\n.zycie-next{right:-56px}\n.zycie-carousel{position:relative;overflow:clip;overflow-clip-margin:28px}\n.zycie-track{display:flex;gap:32px;cursor:grab;user-select:none;padding-bottom:12px;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}\n.zycie-track.dragging{cursor:grabbing;transition:none}\n.zk-card{flex:0 0 280px;width:280px;background:var(--white);border:1.5px solid var(--line);border-top-width:3px;border-radius:22px;padding:32px 28px 28px;display:flex;flex-direction:column;gap:0;transition:box-shadow .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),border-color .45s;position:relative;overflow:hidden;min-height:340px}\n.zk-card:hover{transform:translateY(-5px) scale(1.012);border-color:rgba(27,43,94,.22)}\n.zk-sport{border-top-color:#3B82F6}\n.zk-nauka{border-top-color:#F59E0B}\n.zk-pasje{border-top-color:#8B5CF6}\n.zk-kultura{border-top-color:#EC4899}\n.zk-sport:hover{box-shadow:0 6px 28px rgba(59,130,246,.22)}\n.zk-nauka:hover{box-shadow:0 6px 28px rgba(245,158,11,.22)}\n.zk-pasje:hover{box-shadow:0 6px 28px rgba(139,92,246,.22)}\n.zk-kultura:hover{box-shadow:0 6px 28px rgba(236,72,153,.22)}\n.zk-icon{font-size:2.1rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cream),#E8DCC8);border-radius:18px;box-shadow:0 3px 14px rgba(27,43,94,.09);transition:transform .3s;flex-shrink:0;margin-bottom:22px}\n.zk-card:hover .zk-icon{transform:scale(1.1) rotate(-4deg)}\n.zk-body{flex:1;display:flex;flex-direction:column;min-width:0}\n.zk-cat{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(27,43,94,.42);display:block;margin-bottom:10px}\n.zk-title{font-family:var(--fh);font-size:19px;font-weight:400;color:var(--navy);line-height:1.3;margin:0 0 14px;letter-spacing:-.025em}\n.zk-text{font-size:13.5px;color:rgba(27,43,94,.62);line-height:1.7;margin:0;flex:1}\n.zk-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}\n.zk-tags span{font-size:11px;font-weight:500;background:var(--bg);color:rgba(27,43,94,.55);padding:4px 11px;border-radius:100px;border:1px solid var(--line)}\n@media(max-width:700px){.zk-card{padding:24px 22px 22px;min-height:280px}}\n<\/style>\n\n<!-- \u017bYCIE SZKO\u0141Y -->\n<section class=\"zycie-section\">\n  <div style=\"position:absolute;inset:0;background:linear-gradient(135deg,rgba(27,43,94,.025) 0%,rgba(200,16,46,.015) 100%);pointer-events:none\"><\/div>\n  <div class=\"zycie-deco\" aria-hidden=\"true\">\n    <svg style=\"position:absolute;top:7%;left:2%;width:60px;opacity:.14;animation:fdFloat 16s ease-in-out infinite\" viewBox=\"0 0 80 20\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.1\"><rect x=\"1\" y=\"1\" width=\"78\" height=\"18\" rx=\"2\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"8\"\/><line x1=\"20\" y1=\"1\" x2=\"20\" y2=\"6\"\/><line x1=\"30\" y1=\"1\" x2=\"30\" y2=\"8\"\/><line x1=\"40\" y1=\"1\" x2=\"40\" y2=\"6\"\/><line x1=\"50\" y1=\"1\" x2=\"50\" y2=\"8\"\/><line x1=\"60\" y1=\"1\" x2=\"60\" y2=\"6\"\/><line x1=\"70\" y1=\"1\" x2=\"70\" y2=\"8\"\/><\/svg>\n    <svg style=\"position:absolute;top:14%;right:3%;width:44px;opacity:.15;animation:fdFloat 19s ease-in-out 4s infinite\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><circle cx=\"22\" cy=\"18\" r=\"10\"\/><path d=\"M12 18 Q10 30 14 38 L22 42 L30 38 Q34 30 32 18\"\/><line x1=\"16\" y1=\"38\" x2=\"14\" y2=\"44\"\/><line x1=\"28\" y1=\"38\" x2=\"30\" y2=\"44\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:12%;left:5%;width:46px;opacity:.13;animation:fdFloat 22s ease-in-out 7s infinite\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1.1\"><circle cx=\"23\" cy=\"23\" r=\"3\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\" transform=\"rotate(60 23 23)\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"8\" transform=\"rotate(120 23 23)\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:18%;right:4%;width:38px;opacity:.13;animation:fdFloat 14s ease-in-out 2s infinite\" viewBox=\"0 0 38 50\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.1\"><line x1=\"19\" y1=\"2\" x2=\"8\" y2=\"42\"\/><line x1=\"19\" y1=\"2\" x2=\"30\" y2=\"42\"\/><line x1=\"11\" y1=\"22\" x2=\"27\" y2=\"22\"\/><circle cx=\"19\" cy=\"5\" r=\"3\"\/><\/svg>\n    <svg style=\"position:absolute;top:40%;left:50%;width:42px;opacity:.11;animation:fdFloat 25s ease-in-out 10s infinite\" viewBox=\"0 0 42 42\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><circle cx=\"21\" cy=\"21\" r=\"18\"\/><path d=\"M17 10 L12 20 L18 28 L24 28 L30 20 L25 10 Z\"\/><\/svg>\n  <\/div>\n  <div class=\"wrap\" style=\"position:relative;z-index:1\">\n    <div class=\"s-header reveal-left\">\n      <div>\n        <span class=\"s-eyebrow\">\u017bycie szko\u0142y<\/span>\n        <h2 class=\"s-title\">Osi\u0105gni\u0119cia <em>& pasje<\/em><\/h2>\n      <\/div>\n      <a href=\"#\" class=\"see-all\">Wi\u0119cej historii \u2192<\/a>\n    <\/div>\n    <div class=\"zycie-nav-wrap reveal\">\n      <button class=\"zycie-arrow zycie-prev disabled\" id=\"zyciePrev\" aria-label=\"Poprzedni\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M11 4L6 9l5 5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/button>\n      <button class=\"zycie-arrow zycie-next\" id=\"zycieNext\" aria-label=\"Nast\u0119pny\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M7 4l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/button>\n      <div class=\"zycie-carousel\"><div class=\"zycie-track\">\n\n        <div class=\"zk-card zk-sport\">\n          <div class=\"zk-icon\">\ud83c\udfc6<\/div>\n          <div class=\"zk-body\">\n            <span class=\"zk-cat\">Sukcesy sportowe<\/span>\n            <h3 class=\"zk-title\">1. miejsce w turnieju pi\u0142ki no\u017cnej<\/h3>\n            <p class=\"zk-text\">Nasza dru\u017cyna wywalczy\u0142a z\u0142oto na turnieju gminnym. Gratulujemy ca\u0142emu zespo\u0142owi i trenerom!<\/p>\n            <div class=\"zk-tags\"><span>Pi\u0142ka no\u017cna<\/span><span>Klasy IV\u2013VI<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"zk-card zk-nauka\">\n          <div class=\"zk-icon\">\ud83e\udde0<\/div>\n          <div class=\"zk-body\">\n            <span class=\"zk-cat\">Olimpiady i konkursy<\/span>\n            <h3 class=\"zk-title\">Troje uczni\u00f3w na olimpiadzie matematycznej<\/h3>\n            <p class=\"zk-text\">Etap okr\u0119gowy w Poznaniu \u2014 trzy nasze gwiazdy dotar\u0142y dalej ni\u017c ktokolwiek z naszej szko\u0142y!<\/p>\n            <div class=\"zk-tags\"><span>Matematyka<\/span><span>Klasy VII\u2013VIII<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"zk-card zk-pasje\">\n          <div class=\"zk-icon\">\ud83c\udfb8<\/div>\n          <div class=\"zk-body\">\n            <span class=\"zk-cat\">Pasje poza szko\u0142\u0105<\/span>\n            <h3 class=\"zk-title\">Muzycy, tancerze, szachi\u015bci \u2014 nasi uczniowie<\/h3>\n            <p class=\"zk-text\">Kacper gra w szachy na poziomie krajowym. Julia ta\u0144czy w zespole regionalnym. Marek \u2014 mistrz robotyki w klubie.<\/p>\n            <div class=\"zk-tags\"><span>Szachy<\/span><span>Taniec<\/span><span>Robotyka<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"zk-card zk-kultura\">\n          <div class=\"zk-icon\">\ud83c\udfad<\/div>\n          <div class=\"zk-body\">\n            <span class=\"zk-cat\">Kultura i tw\u00f3rczo\u015b\u0107<\/span>\n            <h3 class=\"zk-title\">Spektakl \"Bajka o Ziemi\" \u2014 pe\u0142na sala<\/h3>\n            <p class=\"zk-text\">Uczniowie klas V\u2013VI przygotowali spektakl ekologiczny dla ca\u0142ej szko\u0142y i rodzic\u00f3w. Owacje na stoj\u0105co!<\/p>\n            <div class=\"zk-tags\"><span>Teatr<\/span><span>Ekologia<\/span><\/div>\n          <\/div>\n        <\/div>\n\n      <\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ reveal\n  var sec = document.querySelector('.zycie-section');\n  if (sec) {\n    var els = sec.querySelectorAll('.reveal-left, .reveal');\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }\n      });\n    }, {threshold: 0.12});\n    els.forEach(function(el) { obs.observe(el); });\n  }\n\n  \/\/ karuzela\n  (function() {\n    var track = document.querySelector('.zycie-track');\n    var prevBtn = document.getElementById('zyciePrev');\n    var nextBtn = document.getElementById('zycieNext');\n    if (!track) return;\n    var cards = track.querySelectorAll('.zk-card');\n    var total = cards.length;\n    var cur = 0, startX = 0, isDrag = false, startScroll = 0;\n\n    function getCols() { return window.innerWidth > 900 ? 3 : window.innerWidth > 580 ? 2 : 1; }\n    function getMax() { return Math.max(0, total - getCols()); }\n    function getOffset(i) { var w = cards[0] ? cards[0].offsetWidth + 20 : 360; return -i * w; }\n\n    function goTo(i) {\n      cur = Math.max(0, Math.min(getMax(), i));\n      track.style.transform = 'translateX(' + getOffset(cur) + 'px)';\n      if (prevBtn) prevBtn.classList.toggle('disabled', cur === 0);\n      if (nextBtn) nextBtn.classList.toggle('disabled', cur >= getMax());\n    }\n\n    if (prevBtn) prevBtn.addEventListener('click', function() { goTo(cur - 1); });\n    if (nextBtn) nextBtn.addEventListener('click', function() { goTo(cur + 1); });\n\n    track.addEventListener('mousedown', function(e) {\n      isDrag = true; startX = e.clientX; startScroll = getOffset(cur);\n      track.classList.add('dragging');\n    });\n    document.addEventListener('mousemove', function(e) {\n      if (!isDrag) return;\n      track.style.transform = 'translateX(' + (startScroll + e.clientX - startX) + 'px)';\n    });\n    document.addEventListener('mouseup', function(e) {\n      if (!isDrag) return;\n      isDrag = false; track.classList.remove('dragging');\n      var dx = e.clientX - startX;\n      if (dx < -50) goTo(cur + 1); else if (dx > 50) goTo(cur - 1); else goTo(cur);\n    });\n\n    track.addEventListener('touchstart', function(e) {\n      startX = e.touches[0].clientX; startScroll = getOffset(cur);\n    }, {passive: true});\n    track.addEventListener('touchend', function(e) {\n      var dx = e.changedTouches[0].clientX - startX;\n      if (dx < -40) goTo(cur + 1); else if (dx > 40) goTo(cur - 1);\n    }, {passive: true});\n\n    function setCardWidths() {\n      var n = getCols(), gap = 32;\n      var containerW = track.parentElement.offsetWidth;\n      var cardW = Math.floor((containerW - gap * (n - 1)) \/ n);\n      cards.forEach(function(c) { c.style.flex = '0 0 ' + cardW + 'px'; c.style.width = cardW + 'px'; });\n      var hasMore = total > n;\n      if (prevBtn) prevBtn.style.display = hasMore ? '' : 'none';\n      if (nextBtn) nextBtn.style.display = hasMore ? '' : 'none';\n      goTo(0);\n    }\n    setCardWidths();\n    window.addEventListener('resize', setCardWidths);\n  })();\n});\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-112 oxy-php-code\">\n<style>\n\/* \u2500\u2500 Galeria \u2500\u2500 *\/\n.gallery-section{background:var(--white);padding:96px 0;position:relative;overflow:hidden}\n.gallery-grid{columns:3;column-gap:14px}\n.gallery-item{break-inside:avoid;display:inline-block;width:100%;margin-bottom:14px;position:relative;border-radius:18px;overflow:hidden;cursor:zoom-in;background:var(--navy)}\n.gallery-item:nth-child(1){aspect-ratio:3\/4}\n.gallery-item:nth-child(2){aspect-ratio:4\/3}\n.gallery-item:nth-child(3){aspect-ratio:1}\n.gallery-item:nth-child(4){aspect-ratio:4\/3}\n.gallery-item:nth-child(5){aspect-ratio:3\/4}\n.gallery-item:nth-child(6){aspect-ratio:16\/9}\n.gallery-item:nth-child(7){aspect-ratio:1}\n.gallery-item:nth-child(8){aspect-ratio:4\/3}\n.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.22,1,.36,1)}\n.gallery-item:hover img{transform:scale(1.07)}\n.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,18,52,.78) 0%,rgba(10,18,52,.08) 45%,transparent 70%);opacity:.55;transition:opacity .35s ease}\n.gallery-item:hover .gallery-overlay{opacity:1}\n.gallery-label{position:absolute;bottom:0;left:0;right:0;padding:18px 16px 16px;opacity:.9;transition:opacity .3s ease}\n.gallery-item:hover .gallery-label{opacity:1}\n.gallery-cat{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sky);margin-bottom:5px}\n.gallery-cat-dot{width:5px;height:5px;border-radius:50%;background:var(--sky);flex-shrink:0}\n.gallery-title{font-size:14px;font-weight:500;color:#fff;line-height:1.3}\n\/* Lightbox *\/\n#lb{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}\n#lb.open{opacity:1;pointer-events:all}\n#lb-bg{position:absolute;inset:0;background:rgba(5,10,30,.92);backdrop-filter:blur(8px);cursor:zoom-out}\n#lb-modal{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px}\n#lb-img{max-width:88vw;max-height:76vh;object-fit:contain;border-radius:6px;box-shadow:0 32px 80px rgba(0,0,0,.6);transform:scale(.96);transition:transform .35s cubic-bezier(.22,1,.36,1)}\n#lb.open #lb-img{transform:scale(1)}\n#lb-caption{color:rgba(255,255,255,.75);font-size:13px;letter-spacing:.04em;text-align:center}\n#lb-counter{color:rgba(255,255,255,.35);font-size:11px;letter-spacing:.1em}\n.lb-btn{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .22s;z-index:2;backdrop-filter:blur(4px)}\n.lb-btn:hover{background:rgba(255,255,255,.22);transform:translateY(-50%) scale(1.08)}\n#lb-prev{left:20px}\n#lb-next{right:20px}\n#lb-close{position:fixed;top:18px;right:22px;width:40px;height:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .22s;z-index:9001}\n#lb-close:hover{background:rgba(200,16,46,.7);border-color:transparent}\n@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}\n@media(max-width:900px){.gallery-grid{columns:2}}\n@media(max-width:480px){.gallery-grid{columns:1}}\n<\/style>\n\n<!-- GALERIA -->\n<section class=\"gallery-section\">\n  <div aria-hidden=\"true\" style=\"position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0\">\n    <svg style=\"position:absolute;top:6%;left:2%;width:46px;opacity:.09;animation:fdFloat 16s ease-in-out infinite\" viewBox=\"0 0 46 46\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><circle cx=\"23\" cy=\"23\" r=\"3\" fill=\"#1B2B5E\" stroke=\"none\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"7\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"7\" transform=\"rotate(60 23 23)\"\/><ellipse cx=\"23\" cy=\"23\" rx=\"20\" ry=\"7\" transform=\"rotate(120 23 23)\"\/><\/svg>\n    <svg style=\"position:absolute;top:12%;right:2%;width:40px;opacity:.08;animation:fdFloat 20s ease-in-out 3s infinite\" viewBox=\"0 0 40 56\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1\"><path d=\"M13 4 L13 24 L3 44 Q2 52 7 52 L33 52 Q38 52 37 44 L27 24 L27 4 Z\"\/><line x1=\"13\" y1=\"4\" x2=\"27\" y2=\"4\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:8%;left:3%;width:52px;opacity:.09;animation:fdFloat 22s ease-in-out 7s infinite\" viewBox=\"0 0 52 20\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><rect x=\"1\" y=\"2\" width=\"50\" height=\"16\" rx=\"2\"\/><line x1=\"10\" y1=\"2\" x2=\"10\" y2=\"9\"\/><line x1=\"20\" y1=\"2\" x2=\"20\" y2=\"13\"\/><line x1=\"30\" y1=\"2\" x2=\"30\" y2=\"9\"\/><line x1=\"40\" y1=\"2\" x2=\"40\" y2=\"13\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:15%;right:3%;width:44px;opacity:.08;animation:fdFloat 18s ease-in-out 5s infinite\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><polygon points=\"4,40 4,6 38,40\"\/><\/svg>\n  <\/div>\n  <div class=\"wrap\" style=\"position:relative;z-index:1\">\n    <div class=\"s-header reveal-left\">\n      <div>\n        <span class=\"s-eyebrow\" style=\"display:inline-flex;align-items:center;gap:8px\">\n          Galeria\n          <span style=\"width:6px;height:6px;border-radius:50%;background:var(--sky);display:inline-block;animation:blink 2s ease infinite;flex-shrink:0\"><\/span>\n        <\/span>\n        <h2 class=\"s-title\">Nasza szko\u0142a <em>w obiektywie<\/em><\/h2>\n        <p class=\"s-desc\" style=\"max-width:480px\">\u015amiech, ciekawo\u015b\u0107, ruch i odkrywanie \u2014 codzienno\u015b\u0107 SP Opalenica widziana przez obiektyw.<\/p>\n      <\/div>\n      <a href=\"#\" class=\"see-all\">Wi\u0119cej zdj\u0119\u0107 \u2192<\/a>\n    <\/div>\n    <div class=\"gallery-grid\">\n      <div class=\"gallery-item reveal-scale\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/1062\/800\/600\" alt=\"Rado\u015b\u0107 po lekcjach\" loading=\"lazy\">\n        <div class=\"gallery-overlay\"><\/div>\n        <div class=\"gallery-label\">\n          <span class=\"gallery-cat\"><span class=\"gallery-cat-dot\"><\/span>\u015amiech<\/span>\n          <div class=\"gallery-title\">Rado\u015b\u0107 po lekcjach<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gallery-item reveal-scale\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/1059\/800\/600\" alt=\"Matematyka w praktyce\" loading=\"lazy\">\n        <div class=\"gallery-overlay\"><\/div>\n        <div class=\"gallery-label\">\n          <span class=\"gallery-cat\"><span class=\"gallery-cat-dot\"><\/span>Zaj\u0119cia<\/span>\n          <div class=\"gallery-title\">Matematyka w praktyce<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gallery-item reveal-scale\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/1060\/800\/600\" alt=\"Laboratorium nauki\" loading=\"lazy\">\n        <div class=\"gallery-overlay\"><\/div>\n        <div class=\"gallery-label\">\n          <span class=\"gallery-cat\"><span class=\"gallery-cat-dot\"><\/span>Eksperymenty<\/span>\n          <div class=\"gallery-title\">Laboratorium nauki<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gallery-item reveal-scale\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/1043\/800\/600\" alt=\"Turniej pi\u0142karski\" loading=\"lazy\">\n        <div class=\"gallery-overlay\"><\/div>\n        <div class=\"gallery-label\">\n          <span class=\"gallery-cat\"><span class=\"gallery-cat-dot\"><\/span>Sport<\/span>\n          <div class=\"gallery-title\">Turniej pi\u0142karski<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gallery-item reveal-scale\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/1032\/800\/600\" alt=\"W terenie \u2014 przyroda blisko\" loading=\"lazy\">\n        <div class=\"gallery-overlay\"><\/div>\n        <div class=\"gallery-label\">\n          <span class=\"gallery-cat\"><span class=\"gallery-cat-dot\"><\/span>Wycieczka<\/span>\n          <div class=\"gallery-title\">W terenie \u2014 przyroda blisko<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gallery-item reveal-scale\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/1015\/800\/600\" alt=\"Spektakl klasowy\" loading=\"lazy\">\n        <div class=\"gallery-overlay\"><\/div>\n        <div class=\"gallery-label\">\n          <span class=\"gallery-cat\"><span class=\"gallery-cat-dot\"><\/span>Teatr<\/span>\n          <div class=\"gallery-title\">Spektakl klasowy<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gallery-item reveal-scale\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/1072\/800\/600\" alt=\"Czas dla siebie\" loading=\"lazy\">\n        <div class=\"gallery-overlay\"><\/div>\n        <div class=\"gallery-label\">\n          <span class=\"gallery-cat\"><span class=\"gallery-cat-dot\"><\/span>Przerwa<\/span>\n          <div class=\"gallery-title\">Czas dla siebie<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gallery-item reveal-scale\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/1042\/800\/600\" alt=\"Olimpiada szkolna\" loading=\"lazy\">\n        <div class=\"gallery-overlay\"><\/div>\n        <div class=\"gallery-label\">\n          <span class=\"gallery-cat\"><span class=\"gallery-cat-dot\"><\/span>Zawody<\/span>\n          <div class=\"gallery-title\">Olimpiada szkolna<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Lightbox -->\n<div id=\"lb\" role=\"dialog\" aria-modal=\"true\">\n  <div id=\"lb-bg\"><\/div>\n  <div id=\"lb-modal\">\n    <img decoding=\"async\" id=\"lb-img\" src=\"\" alt=\"\">\n    <div id=\"lb-caption\"><\/div>\n    <div id=\"lb-counter\"><\/div>\n  <\/div>\n  <button class=\"lb-btn\" id=\"lb-prev\">&#8592;<\/button>\n  <button class=\"lb-btn\" id=\"lb-next\">&#8594;<\/button>\n  <button id=\"lb-close\">&#10005;<\/button>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ reveal\n  var sec = document.querySelector('.gallery-section');\n  if (sec) {\n    var els = sec.querySelectorAll('.reveal-left, .reveal-scale');\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }\n      });\n    }, {threshold: 0.08});\n    els.forEach(function(el) { obs.observe(el); });\n  }\n\n  \/\/ lightbox\n  var lb = document.getElementById('lb');\n  var lbImg = document.getElementById('lb-img');\n  var lbCaption = document.getElementById('lb-caption');\n  var lbCounter = document.getElementById('lb-counter');\n  var lbPrev = document.getElementById('lb-prev');\n  var lbNext = document.getElementById('lb-next');\n  var lbClose = document.getElementById('lb-close');\n  var lbBg = document.getElementById('lb-bg');\n  if (!lb) return;\n\n  var items = Array.from(document.querySelectorAll('.gallery-item'));\n  var cur = 0;\n\n  function openLb(idx) {\n    cur = idx;\n    var item = items[cur];\n    var img = item.querySelector('img');\n    var title = item.querySelector('.gallery-title');\n    lbImg.src = img.src;\n    lbImg.alt = img.alt;\n    lbCaption.textContent = title ? title.textContent : '';\n    lbCounter.textContent = (cur + 1) + ' \/ ' + items.length;\n    lb.classList.add('open');\n    document.body.style.overflow = 'hidden';\n  }\n\n  function closeLb() {\n    lb.classList.remove('open');\n    document.body.style.overflow = '';\n    setTimeout(function() { lbImg.src = ''; }, 300);\n  }\n\n  items.forEach(function(item, i) {\n    item.addEventListener('click', function() { openLb(i); });\n  });\n\n  lbPrev.addEventListener('click', function() { openLb((cur - 1 + items.length) % items.length); });\n  lbNext.addEventListener('click', function() { openLb((cur + 1) % items.length); });\n  lbClose.addEventListener('click', closeLb);\n  lbBg.addEventListener('click', closeLb);\n\n  document.addEventListener('keydown', function(e) {\n    if (!lb.classList.contains('open')) return;\n    if (e.key === 'Escape') closeLb();\n    if (e.key === 'ArrowLeft') openLb((cur - 1 + items.length) % items.length);\n    if (e.key === 'ArrowRight') openLb((cur + 1) % items.length);\n  });\n});\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-113 oxy-php-code\">\n<style>\n\/* \u2500\u2500 Strefa ucznia \u2500\u2500 *\/\n.plakaty-section{background:var(--cream);position:relative;overflow:hidden}\n.plakat-card{background:var(--white);border-radius:20px;overflow:hidden;text-decoration:none;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;position:relative}\n.plakat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s}\n.plakat-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(27,43,94,.09);border-color:transparent}\n.plakat-card:hover::before{transform:scaleX(1)}\n.plakat-thumb{position:relative;height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden}\n.pk-blue{background:linear-gradient(135deg,#1B3A6B,#2C5282)}\n.pk-red{background:linear-gradient(135deg,#7A1020,#C8102E)}\n.pk-green{background:linear-gradient(135deg,#1B5C3E,#2D9966)}\n.pk-navy{background:linear-gradient(135deg,#0C1628,#1B2B5E)}\n.pk-pattern{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px);background-size:18px 18px}\n.pk-content{position:relative;z-index:1;text-align:center}\n.pk-icon{font-size:32px;display:block;margin-bottom:8px}\n.pk-title-thumb{font-family:var(--fh);font-size:15px;font-weight:400;color:rgba(255,255,255,.9);line-height:1.3}\n.pk-badge{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:6px;font-size:10px;font-weight:600;color:#fff;padding:3px 8px}\n.plakat-body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column;gap:6px}\n.plakat-tag{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}\n.plakat-title{font-family:var(--fh);font-size:16px;font-weight:400;color:var(--navy);line-height:1.3;letter-spacing:-.02em}\n.plakat-desc{font-size:13px;font-weight:300;color:var(--muted);line-height:1.6;flex:1}\n.plakat-dl{display:inline-flex;align-items:center;font-size:13px;font-weight:500;color:var(--navy);margin-top:8px;transition:color .2s}\n.plakat-card:hover .plakat-dl{color:var(--red)}\n\/* karuzela auto-scroll *\/\n.plakaty-carousel{overflow:hidden;margin-top:40px;cursor:grab}\n.plakaty-carousel:active{cursor:grabbing}\n.plakaty-track{display:flex;gap:20px;animation:plakaty-scroll 30s linear infinite}\n.plakaty-carousel:hover .plakaty-track{animation-play-state:paused}\n.plakaty-track .plakat-card{width:260px;flex-shrink:0}\n@keyframes plakaty-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-260px * 6 - 20px * 6))}}\n<\/style>\n\n<!-- STREFA UCZNIA -->\n<section class=\"section plakaty-section\" style=\"background:var(--cream);position:relative;overflow:hidden\">\n  <div style=\"position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0\" aria-hidden=\"true\">\n    <svg style=\"position:absolute;top:10%;left:2%;width:48px;opacity:.16;animation:fdFloat 17s ease-in-out infinite\" viewBox=\"0 0 40 50\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><rect x=\"3\" y=\"6\" width=\"34\" height=\"42\" rx=\"2\"\/><line x1=\"3\" y1=\"12\" x2=\"37\" y2=\"12\"\/><line x1=\"10\" y1=\"20\" x2=\"30\" y2=\"20\"\/><line x1=\"10\" y1=\"27\" x2=\"30\" y2=\"27\"\/><line x1=\"10\" y1=\"34\" x2=\"22\" y2=\"34\"\/><\/svg>\n    <svg style=\"position:absolute;top:20%;right:2%;width:42px;opacity:.15;animation:fdFloat 21s ease-in-out 5s infinite\" viewBox=\"0 0 42 42\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1\"><circle cx=\"21\" cy=\"21\" r=\"18\"\/><path d=\"M17 10 L12 20 L18 28 L24 28 L30 20 L25 10 Z\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:15%;left:5%;width:52px;opacity:.14;animation:fdFloat 19s ease-in-out 8s infinite\" viewBox=\"0 0 52 52\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><path d=\"M4 48 L4 4 L48 48 Z\"\/><line x1=\"4\" y1=\"20\" x2=\"20\" y2=\"36\"\/><\/svg>\n    <svg style=\"position:absolute;top:50%;right:3%;width:14px;height:52px;opacity:.1;animation:fdFloat 14s ease-in-out 3s infinite\" viewBox=\"0 0 14 60\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><rect x=\"2\" y=\"8\" width=\"10\" height=\"42\" rx=\"1\"\/><path d=\"M2 8 L7 2 L12 8\"\/><path d=\"M2 50 L7 58 L12 50\"\/><\/svg>\n  <\/div>\n  <div class=\"wrap\" style=\"position:relative;z-index:1\">\n    <div class=\"s-header\">\n      <div>\n        <span class=\"s-eyebrow\">Strefa ucznia<\/span>\n        <h2 class=\"s-title\">Zasoby <em>&amp; materia\u0142y<\/em><\/h2>\n      <\/div>\n      <a href=\"#\" class=\"see-all\">Ca\u0142a strefa \u2192<\/a>\n    <\/div>\n    <div class=\"plakaty-carousel\">\n      <div class=\"plakaty-track\">\n\n        <a href=\"#\" class=\"plakat-card\">\n          <div class=\"plakat-thumb pk-blue\"><div class=\"pk-pattern\"><\/div><div class=\"pk-content\"><div class=\"pk-icon\">\ud83c\udf92<\/div><div class=\"pk-title-thumb\">Wa\u017cenie<br>plecak\u00f3w<\/div><\/div><span class=\"pk-badge\">PDF<\/span><\/div>\n          <div class=\"plakat-body\"><span class=\"plakat-tag\">Zdrowie<\/span><h3 class=\"plakat-title\">Wa\u017cenie plecak\u00f3w 2025\/26<\/h3><p class=\"plakat-desc\">Wyniki wa\u017cenia plecak\u00f3w uczni\u00f3w \u2014 zalecenia i normy wagowe.<\/p><span class=\"plakat-dl\">Pobierz \u2192<\/span><\/div>\n        <\/a>\n\n        <a href=\"#\" class=\"plakat-card\">\n          <div class=\"plakat-thumb pk-red\"><div class=\"pk-pattern\"><\/div><div class=\"pk-content\"><div class=\"pk-icon\">\ud83d\udd12<\/div><div class=\"pk-title-thumb\">Bezpiecze\u0144stwo<br>w sieci<\/div><\/div><span class=\"pk-badge\">PDF<\/span><\/div>\n          <div class=\"plakat-body\"><span class=\"plakat-tag\">Bezpiecze\u0144stwo<\/span><h3 class=\"plakat-title\">Poradnik bezpiecze\u0144stwa online<\/h3><p class=\"plakat-desc\">Jak chroni\u0107 dziecko w internecie \u2014 praktyczny przewodnik dla rodzic\u00f3w.<\/p><span class=\"plakat-dl\">Pobierz \u2192<\/span><\/div>\n        <\/a>\n\n        <a href=\"#\" class=\"plakat-card\">\n          <div class=\"plakat-thumb pk-green\"><div class=\"pk-pattern\"><\/div><div class=\"pk-content\"><div class=\"pk-icon\">\ud83e\udd57<\/div><div class=\"pk-title-thumb\">Zdrowe<br>od\u017cywianie<\/div><\/div><span class=\"pk-badge\">PDF<\/span><\/div>\n          <div class=\"plakat-body\"><span class=\"plakat-tag\">Zdrowie<\/span><h3 class=\"plakat-title\">\u017byj zdrowo \u2014 jad\u0142ospis i nawyki<\/h3><p class=\"plakat-desc\">Zasady zdrowego \u017cywienia dla dzieci w wieku szkolnym.<\/p><span class=\"plakat-dl\">Pobierz \u2192<\/span><\/div>\n        <\/a>\n\n        <a href=\"#\" class=\"plakat-card\">\n          <div class=\"plakat-thumb pk-navy\"><div class=\"pk-pattern\"><\/div><div class=\"pk-content\"><div class=\"pk-icon\">\ud83d\udccb<\/div><div class=\"pk-title-thumb\">Regulamin<br>szko\u0142y<\/div><\/div><span class=\"pk-badge\">PDF<\/span><\/div>\n          <div class=\"plakat-body\"><span class=\"plakat-tag\">Dokumenty<\/span><h3 class=\"plakat-title\">Regulamin szko\u0142y 2025\/26<\/h3><p class=\"plakat-desc\">Statut, zasady oceniania i regulamin wewn\u0119trzny szko\u0142y.<\/p><span class=\"plakat-dl\">Pobierz \u2192<\/span><\/div>\n        <\/a>\n\n        <a href=\"#\" class=\"plakat-card\">\n          <div class=\"plakat-thumb pk-blue\"><div class=\"pk-pattern\"><\/div><div class=\"pk-content\"><div class=\"pk-icon\">\ud83e\udde0<\/div><div class=\"pk-title-thumb\">Higiena<br>psychiczna<\/div><\/div><span class=\"pk-badge\">PDF<\/span><\/div>\n          <div class=\"plakat-body\"><span class=\"plakat-tag\">Zdrowie<\/span><h3 class=\"plakat-title\">Higiena psychiczna ucznia<\/h3><p class=\"plakat-desc\">Jak zadba\u0107 o zdrowie psychiczne \u2014 poradnik dla uczni\u00f3w i rodzic\u00f3w.<\/p><span class=\"plakat-dl\">Pobierz \u2192<\/span><\/div>\n        <\/a>\n\n        <a href=\"#\" class=\"plakat-card\">\n          <div class=\"plakat-thumb pk-red\"><div class=\"pk-pattern\"><\/div><div class=\"pk-content\"><div class=\"pk-icon\">\ud83d\udcf1<\/div><div class=\"pk-title-thumb\">Telefon<br>w szkole<\/div><\/div><span class=\"pk-badge\">PDF<\/span><\/div>\n          <div class=\"plakat-body\"><span class=\"plakat-tag\">Regulaminy<\/span><h3 class=\"plakat-title\">Zasady korzystania z telefonu<\/h3><p class=\"plakat-desc\">Regulamin dotycz\u0105cy urz\u0105dze\u0144 mobilnych na terenie szko\u0142y.<\/p><span class=\"plakat-dl\">Pobierz \u2192<\/span><\/div>\n        <\/a>\n\n        <!-- duplikat dla p\u0119tli -->\n        <a href=\"#\" class=\"plakat-card\" aria-hidden=\"true\">\n          <div class=\"plakat-thumb pk-blue\"><div class=\"pk-pattern\"><\/div><div class=\"pk-content\"><div class=\"pk-icon\">\ud83c\udf92<\/div><div class=\"pk-title-thumb\">Wa\u017cenie<br>plecak\u00f3w<\/div><\/div><span class=\"pk-badge\">PDF<\/span><\/div>\n          <div class=\"plakat-body\"><span class=\"plakat-tag\">Zdrowie<\/span><h3 class=\"plakat-title\">Wa\u017cenie plecak\u00f3w 2025\/26<\/h3><p class=\"plakat-desc\">Wyniki wa\u017cenia plecak\u00f3w uczni\u00f3w \u2014 zalecenia i normy wagowe.<\/p><span class=\"plakat-dl\">Pobierz \u2192<\/span><\/div>\n        <\/a>\n        <a href=\"#\" class=\"plakat-card\" aria-hidden=\"true\">\n          <div class=\"plakat-thumb pk-red\"><div class=\"pk-pattern\"><\/div><div class=\"pk-content\"><div class=\"pk-icon\">\ud83d\udd12<\/div><div class=\"pk-title-thumb\">Bezpiecze\u0144stwo<br>w sieci<\/div><\/div><span class=\"pk-badge\">PDF<\/span><\/div>\n          <div class=\"plakat-body\"><span class=\"plakat-tag\">Bezpiecze\u0144stwo<\/span><h3 class=\"plakat-title\">Poradnik bezpiecze\u0144stwa online<\/h3><p class=\"plakat-desc\">Jak chroni\u0107 dziecko w internecie \u2014 praktyczny przewodnik dla rodzic\u00f3w.<\/p><span class=\"plakat-dl\">Pobierz \u2192<\/span><\/div>\n        <\/a>\n        <a href=\"#\" class=\"plakat-card\" aria-hidden=\"true\">\n          <div class=\"plakat-thumb pk-green\"><div class=\"pk-pattern\"><\/div><div class=\"pk-content\"><div class=\"pk-icon\">\ud83e\udd57<\/div><div class=\"pk-title-thumb\">Zdrowe<br>od\u017cywianie<\/div><\/div><span class=\"pk-badge\">PDF<\/span><\/div>\n          <div class=\"plakat-body\"><span class=\"plakat-tag\">Zdrowie<\/span><h3 class=\"plakat-title\">\u017byj zdrowo \u2014 jad\u0142ospis i nawyki<\/h3><p class=\"plakat-desc\">Zasady zdrowego \u017cywienia dla dzieci w wieku szkolnym.<\/p><span class=\"plakat-dl\">Pobierz \u2192<\/span><\/div>\n        <\/a>\n        <a href=\"#\" class=\"plakat-card\" aria-hidden=\"true\">\n          <div class=\"plakat-thumb pk-navy\"><div class=\"pk-pattern\"><\/div><div class=\"pk-content\"><div class=\"pk-icon\">\ud83d\udccb<\/div><div class=\"pk-title-thumb\">Regulamin<br>szko\u0142y<\/div><\/div><span class=\"pk-badge\">PDF<\/span><\/div>\n          <div class=\"plakat-body\"><span class=\"plakat-tag\">Dokumenty<\/span><h3 class=\"plakat-title\">Regulamin szko\u0142y 2025\/26<\/h3><p class=\"plakat-desc\">Statut, zasady oceniania i regulamin wewn\u0119trzny szko\u0142y.<\/p><span class=\"plakat-dl\">Pobierz \u2192<\/span><\/div>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div><div class=\"oxy-php-code-13-114 oxy-php-code\">\n<style>\n\/* \u2500\u2500 Wakacje countdown \u2500\u2500 *\/\n.waka-section{background:var(--navy);padding:72px 0;position:relative;overflow:hidden;text-align:center}\n.waka-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}\n.waka-inner{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 52px}\n.waka-eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);display:block;margin-bottom:16px}\n.waka-title{font-family:var(--fh);font-size:clamp(28px,3vw,42px);font-weight:400;color:#fff;margin-bottom:44px;letter-spacing:-.03em}\n.waka-title em{font-style:italic;color:rgba(255,255,255,.55)}\n.waka-tiles{display:flex;justify-content:center;gap:20px;margin-bottom:28px}\n.waka-tile{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 20px;min-width:110px;backdrop-filter:blur(4px)}\n.wt-num{font-family:var(--fh);font-size:clamp(36px,5vw,56px);font-weight:400;color:#fff;display:block;letter-spacing:-.04em;line-height:1}\n.wt-label{font-size:11px;font-weight:400;color:rgba(255,255,255,.38);text-transform:uppercase;letter-spacing:.1em;margin-top:8px;display:block}\n.waka-sub{font-size:13px;color:rgba(255,255,255,.3);font-weight:300}\n@media(max-width:600px){.waka-tiles{gap:10px}.waka-tile{min-width:70px;padding:16px 12px}}\n<\/style>\n\n<!-- WAKACJE COUNTDOWN -->\n<section class=\"waka-section\">\n  <div class=\"waka-deco\" aria-hidden=\"true\">\n    <svg style=\"position:absolute;top:10%;left:3%;width:50px;opacity:.12;animation:fdFloat 14s ease-in-out infinite\" viewBox=\"0 0 50 50\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.2\"><circle cx=\"25\" cy=\"25\" r=\"20\"\/><path d=\"M25 5 Q22 15 25 25 Q28 35 25 45\"\/><path d=\"M5 25 Q15 22 25 25 Q35 28 45 25\"\/><ellipse cx=\"25\" cy=\"25\" rx=\"20\" ry=\"8\"\/><\/svg>\n    <svg style=\"position:absolute;top:15%;right:4%;width:44px;opacity:.1;animation:fdFloat 18s ease-in-out 3s infinite\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.2\"><circle cx=\"22\" cy=\"18\" r=\"10\"\/><path d=\"M12 18 Q10 30 14 38 L22 42 L30 38 Q34 30 32 18\"\/><line x1=\"16\" y1=\"38\" x2=\"14\" y2=\"44\"\/><line x1=\"28\" y1=\"38\" x2=\"30\" y2=\"44\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:15%;left:8%;width:42px;opacity:.11;animation:fdFloat 20s ease-in-out 6s infinite\" viewBox=\"0 0 42 42\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.2\"><circle cx=\"21\" cy=\"21\" r=\"18\"\/><path d=\"M17 10 L12 20 L18 28 L24 28 L30 20 L25 10 Z\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:20%;right:6%;width:38px;opacity:.1;animation:fdFloat 16s ease-in-out 9s infinite\" viewBox=\"0 0 38 38\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.2\"><path d=\"M19 4 L22 14 L34 14 L24 20 L28 32 L19 26 L10 32 L14 20 L4 14 L16 14 Z\"\/><\/svg>\n    <svg style=\"position:absolute;top:40%;left:50%;width:30px;opacity:.08;animation:fdFloat 22s ease-in-out 4s infinite\" viewBox=\"0 0 30 30\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.2\"><circle cx=\"15\" cy=\"15\" r=\"12\"\/><line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"7\"\/><line x1=\"15\" y1=\"23\" x2=\"15\" y2=\"27\"\/><line x1=\"3\" y1=\"15\" x2=\"7\" y2=\"15\"\/><line x1=\"23\" y1=\"15\" x2=\"27\" y2=\"15\"\/><\/svg>\n  <\/div>\n  <div class=\"waka-inner\">\n    <span class=\"waka-eyebrow\">Odliczanie<\/span>\n    <h2 class=\"waka-title\">Ile zosta\u0142o do <em>wakacji?<\/em><\/h2>\n    <div class=\"waka-tiles\" id=\"waka-tiles\">\n      <div class=\"waka-tile\"><span class=\"wt-num\" id=\"wk-days\">--<\/span><span class=\"wt-label\">dni<\/span><\/div>\n      <div class=\"waka-tile\"><span class=\"wt-num\" id=\"wk-hours\">--<\/span><span class=\"wt-label\">godzin<\/span><\/div>\n      <div class=\"waka-tile\"><span class=\"wt-num\" id=\"wk-mins\">--<\/span><span class=\"wt-label\">minut<\/span><\/div>\n      <div class=\"waka-tile\"><span class=\"wt-num\" id=\"wk-secs\">--<\/span><span class=\"wt-label\">sekund<\/span><\/div>\n    <\/div>\n    <p class=\"waka-sub\">Do 20 czerwca 2026 r. &mdash; zako\u0144czenie roku szkolnego<\/p>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var target = new Date('2026-06-20T00:00:00');\n  function pad(n) { return String(n).padStart(2, '0'); }\n  function tick() {\n    var now = new Date();\n    var diff = target - now;\n    if (diff <= 0) {\n      document.getElementById('wk-days').textContent = '00';\n      document.getElementById('wk-hours').textContent = '00';\n      document.getElementById('wk-mins').textContent = '00';\n      document.getElementById('wk-secs').textContent = '00';\n      return;\n    }\n    document.getElementById('wk-days').textContent = Math.floor(diff \/ 86400000);\n    document.getElementById('wk-hours').textContent = pad(Math.floor((diff % 86400000) \/ 3600000));\n    document.getElementById('wk-mins').textContent = pad(Math.floor((diff % 3600000) \/ 60000));\n    document.getElementById('wk-secs').textContent = pad(Math.floor((diff % 60000) \/ 1000));\n  }\n  tick();\n  setInterval(tick, 1000);\n})();\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-115 oxy-php-code\">\n<style>\n\/* \u2500\u2500 K\u00f3\u0142ka & pasje \u2500\u2500 *\/\n.kolka-section{padding:96px 0;background:var(--white);position:relative;overflow:hidden}\n.kolka-blob{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none;z-index:0}\n.kolka-blob-1{width:500px;height:500px;background:radial-gradient(circle,rgba(27,43,94,.06) 0%,transparent 70%);top:-100px;right:-80px}\n.kolka-blob-2{width:380px;height:380px;background:radial-gradient(circle,rgba(200,16,46,.05) 0%,transparent 70%);bottom:20px;left:-60px}\n.kolka-blob-3{width:300px;height:300px;background:radial-gradient(circle,rgba(27,43,94,.04) 0%,transparent 70%);top:40%;left:42%}\n.kolka-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}\n.kolka-card{background:#fff;border:1.5px solid var(--kb,rgba(27,43,94,.07));border-radius:20px;padding:28px 24px;display:flex;gap:18px;align-items:flex-start;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}\n.kolka-card::before{content:'';position:absolute;inset:0;background:var(--kb);opacity:0;transition:opacity .3s;border-radius:20px}\n.kolka-card:hover{border-color:var(--kc);transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.08)}\n.kolka-card:hover::before{opacity:1}\n.kc-icon{width:56px;height:56px;flex-shrink:0;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--kc-l,#e0e7ff),var(--kc-d,#c7d2fe));box-shadow:0 4px 18px rgba(0,0,0,.10);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;position:relative}\n.kc-icon svg{width:26px;height:26px}\n.kolka-card:hover .kc-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 26px rgba(0,0,0,.16)}\n.kc-body{flex:1;min-width:0;position:relative}\n.kc-title{font-family:var(--fh);font-size:19px;font-weight:400;letter-spacing:-.02em;color:var(--navy);margin-bottom:7px;line-height:1.2}\n.kc-desc{font-size:13px;font-weight:300;color:var(--muted);line-height:1.65;margin-bottom:12px}\n.kc-tags{display:flex;flex-wrap:wrap;gap:6px}\n.kc-tags span{font-size:10.5px;font-weight:500;padding:3px 10px;border-radius:20px;background:var(--kb);color:var(--kc);letter-spacing:.03em}\n@media(max-width:900px){.kolka-grid{grid-template-columns:1fr 1fr}.kolka-section{padding:64px 0}}\n@media(max-width:600px){.kolka-grid{grid-template-columns:1fr}}\n<\/style>\n\n<!-- K\u00d3\u0141KA & PASJE -->\n<section class=\"kolka-section\" style=\"position:relative;overflow:hidden\">\n  <div class=\"kolka-blob kolka-blob-1\"><\/div>\n  <div class=\"kolka-blob kolka-blob-2\"><\/div>\n  <div class=\"kolka-blob kolka-blob-3\"><\/div>\n  <div aria-hidden=\"true\" style=\"position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0\">\n    <svg style=\"position:absolute;top:8%;left:1%;width:44px;opacity:.09;animation:fdFloat 16s ease-in-out infinite\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><circle cx=\"22\" cy=\"22\" r=\"3\" fill=\"#1B2B5E\" stroke=\"none\"\/><ellipse cx=\"22\" cy=\"22\" rx=\"19\" ry=\"7\"\/><ellipse cx=\"22\" cy=\"22\" rx=\"19\" ry=\"7\" transform=\"rotate(60 22 22)\"\/><ellipse cx=\"22\" cy=\"22\" rx=\"19\" ry=\"7\" transform=\"rotate(120 22 22)\"\/><\/svg>\n    <svg style=\"position:absolute;top:15%;right:2%;width:38px;opacity:.08;animation:fdFloat 19s ease-in-out 5s infinite\" viewBox=\"0 0 38 38\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1\"><circle cx=\"19\" cy=\"19\" r=\"16\"\/><path d=\"M10 19 C10 12 28 12 28 19 C28 26 10 26 10 19\"\/><line x1=\"19\" y1=\"3\" x2=\"19\" y2=\"35\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:10%;left:2%;width:42px;opacity:.09;animation:fdFloat 21s ease-in-out 8s infinite\" viewBox=\"0 0 42 42\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><polygon points=\"4,38 4,6 34,38\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:20%;right:3%;width:48px;opacity:.08;animation:fdFloat 24s ease-in-out 3s infinite\" viewBox=\"0 0 48 20\" fill=\"none\" stroke=\"#1B2B5E\" stroke-width=\"1\"><rect x=\"1\" y=\"2\" width=\"46\" height=\"16\" rx=\"2\"\/><line x1=\"10\" y1=\"2\" x2=\"10\" y2=\"8\"\/><line x1=\"20\" y1=\"2\" x2=\"20\" y2=\"12\"\/><line x1=\"30\" y1=\"2\" x2=\"30\" y2=\"8\"\/><line x1=\"40\" y1=\"2\" x2=\"40\" y2=\"12\"\/><\/svg>\n  <\/div>\n  <div class=\"wrap\" style=\"position:relative;z-index:1\">\n    <div class=\"s-header reveal-left\">\n      <div>\n        <span class=\"s-eyebrow\">Rozw\u00f3j poza klas\u0105<\/span>\n        <h2 class=\"s-title\">K\u00f3\u0142ka <em>& pasje<\/em><\/h2>\n      <\/div>\n      <a href=\"#\" class=\"see-all\">Wszystkie zaj\u0119cia \u2192<\/a>\n    <\/div>\n    <div class=\"kolka-grid reveal-group\">\n\n      <a href=\"#\" class=\"kolka-card\" style=\"--kc:#3B82F6;--kb:rgba(59,130,246,.08);--kc-l:#bfdbfe;--kc-d:#3B82F6\">\n        <div class=\"kc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><path d=\"M10 22v-6l-2-4h8l-2 4v6\"\/><path d=\"M7 9l-2 4h4\"\/><path d=\"M17 9l2 4h-4\"\/><\/svg><\/div>\n        <div class=\"kc-body\">\n          <h3 class=\"kc-title\">Sport & ruch<\/h3>\n          <p class=\"kc-desc\">Pi\u0142ka no\u017cna, siatk\u00f3wka, lekkoatletyka, tenis sto\u0142owy \u2014 aktywno\u015b\u0107 dla ka\u017cdego.<\/p>\n          <div class=\"kc-tags\"><span>Pi\u0142ka no\u017cna<\/span><span>Siatk\u00f3wka<\/span><span>LA<\/span><\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"kolka-card\" style=\"--kc:#F59E0B;--kb:rgba(245,158,11,.08);--kc-l:#fde68a;--kc-d:#F59E0B\">\n        <div class=\"kc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a10 10 0 1 0 10 10c0-2-1-3-2-3s-2 1-2 3a2 2 0 0 1-2 2H4\"\/><circle cx=\"6.5\" cy=\"11.5\" r=\"1.5\" fill=\"#fff\"\/><circle cx=\"9.5\" cy=\"7.5\" r=\"1.5\" fill=\"#fff\"\/><circle cx=\"14.5\" cy=\"7.5\" r=\"1.5\" fill=\"#fff\"\/><\/svg><\/div>\n        <div class=\"kc-body\">\n          <h3 class=\"kc-title\">Plastyka & tw\u00f3rczo\u015b\u0107<\/h3>\n          <p class=\"kc-desc\">Malarstwo, rysunek, grafika komputerowa \u2014 wyra\u017caj siebie przez sztuk\u0119.<\/p>\n          <div class=\"kc-tags\"><span>Malarstwo<\/span><span>Rysunek<\/span><span>Grafika<\/span><\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"kolka-card\" style=\"--kc:#10B981;--kb:rgba(16,185,129,.08);--kc-l:#a7f3d0;--kc-d:#10B981\">\n        <div class=\"kc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2\" fill=\"#fff\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"9\" ry=\"4\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"9\" ry=\"4\" transform=\"rotate(60 12 12)\"\/><ellipse cx=\"12\" cy=\"12\" rx=\"9\" ry=\"4\" transform=\"rotate(120 12 12)\"\/><\/svg><\/div>\n        <div class=\"kc-body\">\n          <h3 class=\"kc-title\">Nauka & badania<\/h3>\n          <p class=\"kc-desc\">Ko\u0142o matematyczne, fizyczne, przyrodnicze \u2014 odkrywaj jak dzia\u0142a \u015bwiat.<\/p>\n          <div class=\"kc-tags\"><span>Matematyka<\/span><span>Fizyka<\/span><span>Przyroda<\/span><\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"kolka-card\" style=\"--kc:#8B5CF6;--kb:rgba(139,92,246,.08);--kc-l:#ddd6fe;--kc-d:#8B5CF6\">\n        <div class=\"kc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18V5l12-2v13\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><circle cx=\"18\" cy=\"16\" r=\"3\"\/><\/svg><\/div>\n        <div class=\"kc-body\">\n          <h3 class=\"kc-title\">Muzyka & teatr<\/h3>\n          <p class=\"kc-desc\">Ch\u00f3r szkolny, zaj\u0119cia teatralne, rytmika \u2014 scena czeka na Ciebie.<\/p>\n          <div class=\"kc-tags\"><span>Ch\u00f3r<\/span><span>Teatr<\/span><span>Rytmika<\/span><\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"kolka-card\" style=\"--kc:#EF4444;--kb:rgba(239,68,68,.08);--kc-l:#fecaca;--kc-d:#EF4444\">\n        <div class=\"kc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\" stroke-opacity=\".6\"\/><\/svg><\/div>\n        <div class=\"kc-body\">\n          <h3 class=\"kc-title\">Technologia & kod<\/h3>\n          <p class=\"kc-desc\">Programowanie, robotyka, tworzenie gier \u2014 technologia jako narz\u0119dzie tw\u00f3rcze.<\/p>\n          <div class=\"kc-tags\"><span>Programowanie<\/span><span>Robotyka<\/span><span>Gry<\/span><\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"kolka-card\" style=\"--kc:#F97316;--kb:rgba(249,115,22,.08);--kc-l:#fed7aa;--kc-d:#F97316\">\n        <div class=\"kc-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20\"\/><path d=\"M2 12h20\"\/><path d=\"M4.5 7.5h15M4.5 16.5h15\"\/><\/svg><\/div>\n        <div class=\"kc-body\">\n          <h3 class=\"kc-title\">J\u0119zyki & \u015bwiat<\/h3>\n          <p class=\"kc-desc\">Angielski, konwersacje, klub filmowy po angielsku \u2014 otwarci na \u015bwiat.<\/p>\n          <div class=\"kc-tags\"><span>Angielski<\/span><span>Konwersacje<\/span><span>Film<\/span><\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  var sec = document.querySelector('.kolka-section');\n  if (!sec) return;\n  var els = sec.querySelectorAll('.reveal-left, .reveal-group');\n  var obs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }\n    });\n  }, {threshold: 0.12});\n  els.forEach(function(el) { obs.observe(el); });\n});\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-116 oxy-php-code\">\n<style>\n\/* \u2500\u2500 Dlaczego warto \u2500\u2500 *\/\n.dlaczego-section{background:var(--navy);position:relative;overflow:hidden}\n.dlaczego-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}\n.dl-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:36px 28px;transition:all .3s}\n.dl-card:hover{background:rgba(255,255,255,.1);border-color:rgba(255,216,77,.4);transform:translateY(-5px);box-shadow:0 18px 52px rgba(0,0,0,.22)}\n.dl-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:20px;box-shadow:0 4px 20px rgba(0,0,0,.18);transition:transform .3s,box-shadow .3s}\n.dl-card:hover .dl-icon{transform:scale(1.1) rotate(-4deg);box-shadow:0 8px 32px rgba(200,16,46,.3)}\n.dl-title{font-family:var(--fh);font-size:20px;font-weight:400;color:#fff;letter-spacing:-.025em;margin-bottom:10px}\n.dl-desc{font-size:13.5px;font-weight:300;color:rgba(255,255,255,.45);line-height:1.7}\n@media(max-width:900px){.dlaczego-grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:480px){.dlaczego-grid{grid-template-columns:1fr}}\n<\/style>\n\n<!-- DLACZEGO WARTO -->\n<section class=\"section dlaczego-section\" style=\"background:var(--navy);position:relative;overflow:hidden\">\n  <div aria-hidden=\"true\" style=\"position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0\">\n    <svg style=\"position:absolute;top:8%;left:2%;width:52px;opacity:.09;animation:fdFloat 16s ease-in-out infinite\" viewBox=\"0 0 52 60\" fill=\"none\" stroke=\"rgba(255,255,255,.7)\" stroke-width=\"1\"><path d=\"M26 4 L46 12 L46 32 C46 44 36 54 26 58 C16 54 6 44 6 32 L6 12 Z\"\/><path d=\"M18 30 L23 35 L34 24\"\/><\/svg>\n    <svg style=\"position:absolute;top:12%;right:3%;width:40px;opacity:.09;animation:fdFloat 21s ease-in-out 4s infinite\" viewBox=\"0 0 40 36\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><path d=\"M20 32 C20 32 4 22 4 12 C4 6 8 2 14 2 C17 2 20 5 20 5 C20 5 23 2 26 2 C32 2 36 6 36 12 C36 22 20 32 20 32Z\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:15%;left:3%;width:54px;opacity:.09;animation:fdFloat 18s ease-in-out 7s infinite\" viewBox=\"0 0 54 40\" fill=\"none\" stroke=\"rgba(255,255,255,.7)\" stroke-width=\"1\"><circle cx=\"14\" cy=\"12\" r=\"6\"\/><path d=\"M2 38 C2 28 8 24 14 24 C20 24 26 28 26 38\"\/><circle cx=\"40\" cy=\"12\" r=\"6\"\/><path d=\"M28 38 C28 28 34 24 40 24 C46 24 52 28 52 38\"\/><\/svg>\n    <svg style=\"position:absolute;bottom:12%;right:2%;width:38px;opacity:.08;animation:fdFloat 23s ease-in-out 2s infinite\" viewBox=\"0 0 38 50\" fill=\"none\" stroke=\"#C8102E\" stroke-width=\"1.2\"><line x1=\"19\" y1=\"2\" x2=\"8\" y2=\"42\"\/><line x1=\"19\" y1=\"2\" x2=\"30\" y2=\"42\"\/><line x1=\"11\" y1=\"22\" x2=\"27\" y2=\"22\"\/><circle cx=\"19\" cy=\"5\" r=\"3\"\/><\/svg>\n    <svg style=\"position:absolute;top:50%;left:48%;width:34px;opacity:.08;animation:fdFloat 20s ease-in-out 10s infinite\" viewBox=\"0 0 34 44\" fill=\"none\" stroke=\"rgba(255,255,255,.6)\" stroke-width=\"1\"><path d=\"M17 4 C10 4 5 9 5 16 C5 21 8 25 12 28 L12 36 L22 36 L22 28 C26 25 29 21 29 16 C29 9 24 4 17 4Z\"\/><line x1=\"12\" y1=\"36\" x2=\"22\" y2=\"36\"\/><line x1=\"13\" y1=\"40\" x2=\"21\" y2=\"40\"\/><\/svg>\n    <svg style=\"position:absolute;top:20%;left:44%;width:42px;opacity:.10;animation:fdFloat 15s ease-in-out 6s infinite\" viewBox=\"0 0 42 50\" fill=\"none\" stroke=\"rgba(255,255,255,.5)\" stroke-width=\"1\"><path d=\"M4 6 C4 6 12 4 21 8 L21 46 C12 42 4 44 4 44 Z\"\/><path d=\"M38 6 C38 6 30 4 21 8 L21 46 C30 42 38 44 38 44 Z\"\/><\/svg>\n  <\/div>\n  <div style=\"position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(200,16,46,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none\"><\/div>\n  <div class=\"wrap\" style=\"position:relative;z-index:1\">\n    <div class=\"s-header reveal-left\" style=\"margin-bottom:48px\">\n      <div>\n        <span class=\"s-eyebrow\" style=\"color:rgba(200,16,46,.8)\">Dlaczego my<\/span>\n        <h2 class=\"s-title\" style=\"color:#fff\">Dlaczego warto <em style=\"color:rgba(255,255,255,.38)\">uczy\u0107 si\u0119 u nas<\/em><\/h2>\n      <\/div>\n    <\/div>\n    <div class=\"dlaczego-grid reveal-group\">\n      <div class=\"dl-card reveal-scale\"><div class=\"dl-icon\">\ud83d\udee1\ufe0f<\/div><h3 class=\"dl-title\">Bezpieczna atmosfera<\/h3><p class=\"dl-desc\">Ka\u017cde dziecko jest tu wa\u017cne. Wspieramy, nie oceniamy \u2014 tworzymy miejsce, w kt\u00f3rym ucze\u0144 chce by\u0107.<\/p><\/div>\n      <div class=\"dl-card reveal-scale\"><div class=\"dl-icon\">\ud83c\udfaf<\/div><h3 class=\"dl-title\">Indywidualne podej\u015bcie<\/h3><p class=\"dl-desc\">Widzimy w ka\u017cdym uczniu unikalny potencja\u0142. Dostosowujemy metody do tempa i stylu nauki dziecka.<\/p><\/div>\n      <div class=\"dl-card reveal-scale\"><div class=\"dl-icon\">\ud83c\udf0d<\/div><h3 class=\"dl-title\">Nowoczesna edukacja<\/h3><p class=\"dl-desc\">Dwuj\u0119zyczno\u015b\u0107, technologia, krytyczne my\u015blenie \u2014 przygotowujemy do \u015bwiata, kt\u00f3ry dopiero nadchodzi.<\/p><\/div>\n      <div class=\"dl-card reveal-scale\"><div class=\"dl-icon\">\u2728<\/div><h3 class=\"dl-title\">Rozw\u00f3j pasji<\/h3><p class=\"dl-desc\">Ponad 40 k\u00f3\u0142 zainteresowa\u0144 \u2014 sport, sztuka, nauka, muzyka. Pomagamy dzieciom odkry\u0107, co je nap\u0119dza.<\/p><\/div>\n    <\/div>\n    <div style=\"text-align:center;margin-top:52px\">\n      <a href=\"#\" class=\"btn-solid\" style=\"display:inline-flex\">Zapisz dziecko do szko\u0142y <span class=\"arrow-circle\">\u2192<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  var sec = document.querySelector('.dlaczego-section');\n  if (!sec) return;\n  var els = sec.querySelectorAll('.reveal-left, .reveal-group, .reveal-scale');\n  var obs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }\n    });\n  }, {threshold: 0.12});\n  els.forEach(function(el) { obs.observe(el); });\n});\n<\/script>\n\n<\/div><div class=\"oxy-php-code-13-117 oxy-php-code\">\n<style>\n\/* \u2500\u2500 Quick links bar \u2500\u2500 *\/\n.ql-bar{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}\n.ql-inner{display:grid;grid-template-columns:repeat(4,1fr)}\n.ql-item{display:flex;align-items:center;gap:14px;padding:20px 24px;text-decoration:none;color:var(--navy);border-right:1px solid var(--line);transition:background .2s,transform .2s;position:relative;overflow:hidden}\n.ql-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ql-c,var(--navy));transform:scaleY(0);transform-origin:bottom;transition:transform .25s}\n.ql-item:hover::before{transform:scaleY(1)}\n.ql-item:hover{background:rgba(27,43,94,.03)}\n.ql-item:last-child{border-right:none}\n.ql-icon{width:46px;height:46px;flex-shrink:0;border-radius:13px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;box-shadow:0 4px 16px rgba(0,0,0,.14)}\n.ql-icon svg{width:22px;height:22px}\n.ql-item:hover .ql-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 24px rgba(0,0,0,.2)}\n.ql-label{display:flex;flex-direction:column;flex:1;font-size:13.5px;font-weight:500;letter-spacing:-.01em}\n.ql-label em{font-style:normal;font-size:11px;font-weight:300;color:var(--muted);margin-top:1px}\n.ql-arr{font-size:14px;color:var(--muted);transition:transform .2s,color .2s;flex-shrink:0;align-self:center}\n.ql-item:hover .ql-arr{transform:translateX(4px);color:var(--ql-c,var(--navy))}\n@media(max-width:700px){\n  .ql-inner{grid-template-columns:repeat(2,1fr)}\n  .ql-item{padding:16px 14px;gap:10px}\n  .ql-item:nth-child(2n){border-right:none}\n}\n@media(max-width:380px){.ql-inner{grid-template-columns:1fr}}\n<\/style>\n\n<!-- QUICK LINKS BAR -->\n<div class=\"ql-bar\">\n  <div class=\"wrap ql-inner\">\n    <a href=\"#\" class=\"ql-item\" style=\"--ql-c:#C8102E\">\n      <span class=\"ql-icon\" style=\"background:linear-gradient(135deg,#e8415a,#C8102E)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/><line x1=\"16\" y1=\"11\" x2=\"22\" y2=\"11\"\/><\/svg><\/span>\n      <span class=\"ql-label\">Rekrutacja<em>Zapisy 2026\/27<\/em><\/span>\n      <span class=\"ql-arr\">\u2192<\/span>\n    <\/a>\n    <a href=\"#\" class=\"ql-item\" style=\"--ql-c:#3B82F6\">\n      <span class=\"ql-icon\" style=\"background:linear-gradient(135deg,#60a5fa,#3B82F6)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span>\n      <span class=\"ql-label\">Dla rodzic\u00f3w<em>Informacje<\/em><\/span>\n      <span class=\"ql-arr\">\u2192<\/span>\n    <\/a>\n    <a href=\"#\" class=\"ql-item\" style=\"--ql-c:#16A34A\">\n      <span class=\"ql-icon\" style=\"background:linear-gradient(135deg,#34d399,#16A34A)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg><\/span>\n      <span class=\"ql-label\">Dla uczni\u00f3w<em>Strefa ucznia<\/em><\/span>\n      <span class=\"ql-arr\">\u2192<\/span>\n    <\/a>\n    <a href=\"#\" class=\"ql-item\" style=\"--ql-c:#7C3AED\">\n      <span class=\"ql-icon\" style=\"background:linear-gradient(135deg,#a78bfa,#7C3AED)\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14,2 14,8 20,8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/span>\n      <span class=\"ql-label\">Dokumenty<em>Regulaminy, wnioski<\/em><\/span>\n      <span class=\"ql-arr\">\u2192<\/span>\n    <\/a>\n  <\/div>\n<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Andrzej Niegolewski W\u0142adys\u0142aw Niegolewski Szko\u0142a Podstawowa z Oddzia\u0142ami Dwuj\u0119zycznymi im. A. i W\u0142. Niegolewskich Szko\u0142a Podstawowa z Oddzia\u0142ami Dwuj\u0119zycznymi im. A. i W\u0142. Niegolewskich za\u0142o\u017cona w 1933 r. Jedna szko\u0142adwa skrzyd\u0142a rozwoju \u201eNie takie wa\u017cne, \u017ceby du\u017co wiedzia\u0142 \u2014 ale \u017ceby dobrze wiedzia\u0142.&#8221; \u2014 Korczak Zapisz dziecko \u2192 Poznaj szko\u0142\u0119 \u2192 Co nowego Lista dzieci [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_oxygen_hide_in_design_set":false,"_oxygen_tags":"","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mgnienie.pl\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mgnienie.pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mgnienie.pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mgnienie.pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mgnienie.pl\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":54,"href":"https:\/\/mgnienie.pl\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/mgnienie.pl\/wp-json\/wp\/v2\/pages\/13\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/mgnienie.pl\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}