{"id":9,"date":"2026-05-29T07:58:50","date_gmt":"2026-05-29T07:58:50","guid":{"rendered":"https:\/\/bankowychecklist.pl\/?page_id=9"},"modified":"2026-06-04T22:18:19","modified_gmt":"2026-06-04T22:18:19","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/bankowychecklist.pl\/?page_id=9","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b877b7c e-con e-atomic-element e-flexbox-base e-f1da179 \" data-id=\"b877b7c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b877b7c\">\n    \t\t<div class=\"elementor-element elementor-element-a6d246a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a6d246a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\r\n<title>Bankowychecklist \u2013 Testuj banki, zarabiaj premie<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n  --bg:#09090e;--bg2:#0f0f16;--bg3:#14141d;\r\n  --card:#181820;--card2:#1e1e28;\r\n  --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);\r\n  --blue:#2d7ff9;--blue2:#5b9dfa;--blue3:rgba(45,127,249,0.12);\r\n  --text:#eeeef5;--muted:#6e6e88;--muted2:#9898b0;\r\n  --green:#22c55e;--gold:#f5c518;\r\n  --r:14px;--r2:10px;\r\n}\r\nhtml{scroll-behavior:smooth}\r\nbody{background:var(--bg);color:var(--text);font-family:'Sora',sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}\r\n\r\n\/* glow blobs *\/\r\nbody::after{content:'';position:fixed;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(45,127,249,0.07) 0%,transparent 65%);pointer-events:none;z-index:0}\r\nbody::before{content:'';position:fixed;bottom:-200px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,197,24,0.04) 0%,transparent 65%);pointer-events:none;z-index:0}\r\n\r\n\/* NAV *\/\r\nnav{position:sticky;top:0;z-index:200;background:rgba(9,9,14,0.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}\r\n.nav-inner{max-width:1160px;margin:0 auto;padding:0 24px;height:62px;display:flex;align-items:center;gap:12px}\r\n.nav-logo img{height:36px;display:block}\r\n.nav-sp{flex:1}\r\n.nav-acts{display:flex;align-items:center;gap:8px}\r\n.nav-ico{width:38px;height:38px;border-radius:50%;background:var(--card);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted2);transition:.18s;position:relative}\r\n.nav-ico:hover{background:var(--card2);color:var(--text);border-color:rgba(255,255,255,.22)}\r\n.nav-ico .dot{position:absolute;top:8px;right:8px;width:7px;height:7px;background:var(--blue);border-radius:50%;border:1.5px solid var(--bg)}\r\n.nav-ico svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n\/* HERO *\/\r\n.hero{max-width:1160px;margin:0 auto;padding:64px 24px 52px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;position:relative;z-index:1}\r\n@media(max-width:800px){.hero{grid-template-columns:1fr;padding:40px 20px 36px;gap:36px}}\r\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.25);border-radius:50px;padding:6px 16px;font-size:12px;font-weight:600;color:#4ade80;margin-bottom:24px}\r\n.hero-badge .pulse{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}\r\n@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}\r\n.hero h1{font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.07;letter-spacing:-2px;margin-bottom:20px}\r\n.hero h1 .blue{color:var(--blue2)}\r\n.hero-sub{font-size:15px;color:var(--muted2);line-height:1.75;margin-bottom:32px;max-width:460px}\r\n.hero-form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}\r\n.hero-input{flex:1;min-width:200px;background:var(--card);border:1px solid var(--border2);border-radius:10px;padding:13px 16px;font-size:14px;color:var(--text);font-family:'Sora',sans-serif;outline:none;transition:.18s}\r\n.hero-input:focus{border-color:var(--blue);background:rgba(45,127,249,0.06)}\r\n.hero-input::placeholder{color:var(--muted)}\r\n.btn-cta{padding:13px 26px;background:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;color:#09090e;cursor:pointer;font-family:'Sora',sans-serif;white-space:nowrap;transition:.18s}\r\n.btn-cta:hover{background:#e4e8f5;transform:translateY(-1px)}\r\n.hero-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}\r\n.hero-note svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5;flex-shrink:0}\r\n.hero-sub2{font-size:12px;color:var(--muted);margin-top:8px}\r\n\r\n\/* HERO VISUAL *\/\r\n.hero-visual{position:relative}\r\n.hero-img-wrap{border-radius:22px;overflow:hidden;position:relative;aspect-ratio:5\/4;background:var(--card)}\r\n.hero-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}\r\n.hero-img-overlay{position:absolute;inset:0;background:linear-gradient(160deg,transparent 50%,rgba(9,9,14,.7) 100%)}\r\n.hero-badge-float{position:absolute;bottom:20px;left:20px;background:rgba(14,14,22,0.82);backdrop-filter:blur(14px);border:1px solid var(--border2);border-radius:14px;padding:13px 18px;display:flex;align-items:center;gap:12px}\r\n.hbf-icon{width:38px;height:38px;background:rgba(45,127,249,0.18);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}\r\n.hbf-label{font-size:10px;color:var(--muted2);text-transform:uppercase;letter-spacing:.7px;font-weight:600;margin-bottom:2px}\r\n.hbf-val{font-size:21px;font-weight:800;letter-spacing:-.5px;line-height:1}\r\n.hbf-val span{font-size:12px;font-weight:500;color:var(--muted2)}\r\n.hero-badge-float2{position:absolute;top:18px;right:18px;background:rgba(14,14,22,0.82);backdrop-filter:blur(14px);border:1px solid rgba(34,197,94,0.25);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#4ade80}\r\n.hero-badge-float2 .g-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}\r\n\r\n\/* TRUST BAR *\/\r\n.trust-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;z-index:1}\r\n.trust-bar-in{max-width:1160px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}\r\n.ti-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted2);font-weight:500}\r\n.ti-item svg{width:15px;height:15px;stroke:var(--green);fill:none;stroke-width:2.5;stroke-linecap:round;flex-shrink:0}\r\n@media(max-width:520px){.trust-bar-in{gap:14px}.ti-item{font-size:12px}}\r\n\r\n\/* SECTION *\/\r\n.section{max-width:1160px;margin:0 auto;padding:60px 24px;position:relative;z-index:1}\r\n.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}\r\n.sec-head-left h2{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.5px;margin-bottom:4px}\r\n.sec-head-left p{font-size:13px;color:var(--muted)}\r\n.filter-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;background:var(--card);border:1px solid var(--border2);border-radius:9px;font-size:13px;font-weight:600;color:var(--muted2);cursor:pointer;font-family:'Sora',sans-serif;transition:.18s;white-space:nowrap}\r\n.filter-btn:hover{background:var(--card2);color:var(--text)}\r\n.filter-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round}\r\n\r\n\/* BANK GRID *\/\r\n.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}\r\n@media(max-width:520px){.bank-grid{grid-template-columns:1fr}}\r\n.bank-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:24px;cursor:pointer;transition:.22s;display:flex;flex-direction:column}\r\n.bank-card:hover{border-color:rgba(45,127,249,0.4);background:var(--card2);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.4)}\r\n.bc-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}\r\n.bc-logo{width:54px;height:54px;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 2px 12px rgba(0,0,0,.3)}\r\n.bc-logo img{width:42px;height:42px;object-fit:contain}\r\n.bc-logo .lf{font-size:22px;line-height:1}\r\n.bc-prize{text-align:right}\r\n.bc-prize-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:4px}\r\n.bc-prize-val{font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--text)}\r\n.bc-name{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.3}\r\n.bc-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}\r\n.bc-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted2)}\r\n.bc-meta-item svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0}\r\n.bc-deadline{font-size:11px;color:var(--gold);background:rgba(245,197,24,0.1);border-radius:6px;padding:3px 9px;font-weight:600;display:inline-flex;align-items:center;gap:5px}\r\n.bc-btn{margin-top:auto;padding-top:18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}\r\n.bc-btn-txt{font-size:13px;font-weight:700;color:var(--blue2)}\r\n.bc-btn-arr{width:30px;height:30px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.bc-btn-arr svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round}\r\n.bc-badge-new{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;background:rgba(34,197,94,0.12);color:#4ade80;border-radius:5px;padding:2px 8px;margin-bottom:10px}\r\n\r\n\/* DIVIDER *\/\r\n.divider{height:1px;background:var(--border);max-width:1160px;margin:0 auto}\r\n\r\n\/* STATS STRIP *\/\r\n.stats-strip{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;z-index:1}\r\n.stats-strip-in{max-width:1160px;margin:0 auto;padding:28px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}\r\n@media(max-width:580px){.stats-strip-in{grid-template-columns:1fr}}\r\n.stat-block{padding:0 32px;border-right:1px solid var(--border);text-align:center}\r\n.stat-block:first-child{padding-left:0}\r\n.stat-block:last-child{border-right:none;padding-right:0}\r\n@media(max-width:580px){.stat-block{padding:16px 0;border-right:none;border-bottom:1px solid var(--border)}.stat-block:last-child{border-bottom:none}}\r\n.stat-num{font-size:32px;font-weight:800;letter-spacing:-1px;margin-bottom:4px}\r\n.stat-num.blue{color:var(--blue2)}.stat-num.gold{color:var(--gold)}.stat-num.green{color:var(--green)}\r\n.stat-lbl{font-size:13px;color:var(--muted2)}\r\n\r\n\/* PROMO PAGE *\/\r\n#promo-page{display:none;position:fixed;inset:0;z-index:300;background:var(--bg);overflow-y:auto}\r\n.pp-nav{position:sticky;top:0;background:rgba(9,9,14,0.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);z-index:10}\r\n.pp-nav-in{max-width:900px;margin:0 auto;padding:0 24px;height:58px;display:flex;align-items:center;gap:12px}\r\n.back-btn{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--muted2);cursor:pointer;padding:7px 12px;border-radius:8px;border:none;background:none;font-family:'Sora',sans-serif;transition:.18s}\r\n.back-btn:hover{color:var(--text);background:var(--card)}\r\n.back-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round}\r\n.pp-crumb{font-size:13px;color:var(--muted)}\r\n.pp-content{max-width:900px;margin:0 auto;padding:32px 24px 64px}\r\n\r\n\/* BANNER *\/\r\n.pp-banner{border-radius:20px;overflow:hidden;height:200px;position:relative;margin-bottom:28px}\r\n.pp-banner img.banner-img{width:100%;height:100%;object-fit:cover;display:block}\r\n.pp-banner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,14,.85) 0%,rgba(9,9,14,.3) 100%)}\r\n.pp-banner-content{position:absolute;inset:0;padding:28px;display:flex;align-items:center;gap:20px}\r\n.pp-bank-logo{width:60px;height:60px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(0,0,0,.5);flex-shrink:0}\r\n.pp-bank-logo img{width:46px;height:46px;object-fit:contain}\r\n.pp-bank-logo .lf{font-size:24px}\r\n.pp-banner-txt h1{font-size:clamp(17px,3vw,24px);font-weight:800;letter-spacing:-.3px;margin-bottom:5px}\r\n.pp-banner-txt p{font-size:13px;color:rgba(255,255,255,.65)}\r\n\r\n\/* TIMER *\/\r\n.timer-bar{background:rgba(245,197,24,0.08);border:1px solid rgba(245,197,24,0.22);border-radius:12px;padding:14px 20px;margin-bottom:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}\r\n.timer-bar svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0}\r\n.timer-bar .tl{font-size:13px;color:var(--muted2);flex:1}\r\n.timer-bar .tl b{color:var(--gold)}\r\n.timer-digits{display:flex;gap:6px;align-items:center}\r\n.td-block{background:rgba(245,197,24,0.15);border-radius:7px;padding:6px 10px;text-align:center;min-width:46px}\r\n.td-num{font-size:18px;font-weight:800;color:var(--gold);line-height:1}\r\n.td-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:1px}\r\n.td-sep{font-size:18px;font-weight:800;color:var(--gold);margin-bottom:4px}\r\n\r\n\/* AFF BTN *\/\r\n.aff-bar{background:var(--blue3);border:1px solid rgba(45,127,249,0.22);border-radius:14px;padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}\r\n.aff-bar h3{font-size:16px;font-weight:700;margin-bottom:4px}\r\n.aff-bar p{font-size:13px;color:var(--muted2)}\r\n.btn-aff{padding:13px 28px;background:var(--blue);border:none;border-radius:10px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;font-family:'Sora',sans-serif;white-space:nowrap;transition:.18s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}\r\n.btn-aff:hover{background:#1a6de0;transform:translateY(-1px)}\r\n\r\n\/* ACCS *\/\r\n.accs{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}\r\n.acc{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:.18s}\r\n.acc:hover{border-color:var(--border2)}\r\n.acc-h{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:12px}\r\n.acc-h-l{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}\r\n.acc-ic{width:30px;height:30px;background:var(--blue3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}\r\n.acc-ch{color:var(--muted);font-size:18px;transition:.25s;flex-shrink:0}\r\n.acc-ch.open{transform:rotate(180deg)}\r\n.acc-b{display:none;padding:0 20px 20px 20px;font-size:14px;color:var(--muted2);line-height:1.8}\r\n.acc-b.open{display:block}\r\n.acc-b a{color:var(--blue2)}\r\n.acc-b strong{color:var(--text);font-weight:600}\r\n.step-block{margin-top:12px}\r\n.step-title{font-size:13px;font-weight:700;color:var(--text);background:var(--card2);border-radius:9px;padding:10px 14px;margin-bottom:8px;display:flex;align-items:center;gap:8px}\r\n.step-title .sn{background:var(--blue);color:#fff;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}\r\n.step-items{display:flex;flex-direction:column;gap:6px;padding-left:12px;margin-bottom:14px}\r\n.step-item{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--muted2);line-height:1.6}\r\n.step-item::before{content:'';width:5px;height:5px;background:var(--blue);border-radius:50%;flex-shrink:0;margin-top:7px}\r\n.bonus-box{background:rgba(245,197,24,0.07);border:1px solid rgba(245,197,24,0.2);border-radius:10px;padding:12px 16px;margin:12px 0;font-size:13px;color:var(--muted2);line-height:1.65}\r\n.bonus-box strong{color:var(--gold)}\r\n.payout-box{background:rgba(34,197,94,0.07);border:1px solid rgba(34,197,94,0.2);border-radius:10px;padding:10px 14px;margin:8px 0;font-size:13px;color:#4ade80;font-weight:600;display:flex;align-items:center;gap:8px}\r\n\r\n\/* SHARE *\/\r\n.share-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}\r\n.share-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;border:1px solid var(--border2);background:var(--card);font-size:13px;font-weight:600;color:var(--text);cursor:pointer;font-family:'Sora',sans-serif;transition:.18s}\r\n.share-btn:hover{background:var(--card2)}\r\n\r\n\/* CHECKLIST *\/\r\n.cl-box{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px}\r\n.cl-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}\r\n.cl-head h2{font-size:18px;font-weight:700}\r\n.cl-pct{font-size:14px;font-weight:700;color:var(--blue2)}\r\n.cl-bar-wrap{background:rgba(255,255,255,0.07);border-radius:50px;height:7px;margin-bottom:24px;overflow:hidden}\r\n.cl-bar{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue2));border-radius:50px;transition:.5s cubic-bezier(.4,0,.2,1);width:0%}\r\n.cl-steps{display:flex;flex-direction:column;gap:9px}\r\n.cl-step{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:11px;border:1px solid var(--border);background:rgba(255,255,255,0.02);cursor:pointer;transition:.22s}\r\n.cl-step:hover{background:rgba(255,255,255,0.04)}\r\n.cl-step.done{background:rgba(34,197,94,0.06);border-color:rgba(34,197,94,0.22)}\r\n.cl-chk{width:22px;height:22px;border:2px solid var(--border2);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:.22s}\r\n.cl-step.done .cl-chk{background:var(--green);border-color:var(--green)}\r\n.cl-chk svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:3;opacity:0;transition:.18s}\r\n.cl-step.done .cl-chk svg{opacity:1}\r\n.cl-snum{font-size:11px;font-weight:700;color:var(--muted);background:rgba(255,255,255,0.05);border-radius:5px;padding:2px 7px;flex-shrink:0;margin-top:2px;white-space:nowrap}\r\n.cl-info h4{font-size:14px;font-weight:600;margin-bottom:3px;transition:.18s}\r\n.cl-step.done .cl-info h4{color:var(--green)}\r\n.cl-info p{font-size:12px;color:var(--muted2);line-height:1.6}\r\n\r\n\/* LOGIN \/ REG MODAL *\/\r\n#auth-modal{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.75);backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:20px}\r\n#auth-modal.show{display:flex}\r\n.modal-box{background:var(--card);border:1px solid var(--border2);border-radius:20px;padding:36px;max-width:420px;width:100%;position:relative;animation:fadeUp .22s ease}\r\n@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}\r\n.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,0.05);border:none;color:var(--muted2);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s}\r\n.modal-close:hover{background:rgba(255,255,255,0.1);color:var(--text)}\r\n.modal-tabs{display:flex;gap:0;background:var(--bg2);border-radius:10px;padding:4px;margin-bottom:28px}\r\n.modal-tab{flex:1;padding:9px;border-radius:7px;border:none;background:none;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;font-family:'Sora',sans-serif;transition:.18s}\r\n.modal-tab.active{background:var(--card2);color:var(--text)}\r\n.field{margin-bottom:14px}\r\n.field label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px}\r\n.field input{width:100%;background:rgba(255,255,255,0.05);border:1px solid var(--border2);border-radius:9px;padding:12px 15px;font-size:14px;color:var(--text);font-family:'Sora',sans-serif;outline:none;transition:.18s}\r\n.field input:focus{border-color:var(--blue);background:rgba(45,127,249,0.06)}\r\n.forgot{font-size:12px;color:var(--blue2);cursor:pointer;display:block;text-align:right;margin-top:-6px;margin-bottom:20px}\r\n.btn-modal-submit{width:100%;padding:13px;background:var(--blue);border:none;border-radius:10px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;font-family:'Sora',sans-serif;transition:.18s}\r\n.btn-modal-submit:hover{background:#1a6de0}\r\n\r\n\/* FOOTER *\/\r\nfooter{text-align:center;padding:36px 24px;color:var(--muted);font-size:12px;border-top:1px solid var(--border);line-height:1.8;position:relative;z-index:1}\r\nfooter a{color:var(--blue2);text-decoration:none}\r\n\r\n@keyframes fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}\r\n.fade{animation:fadeIn .5s ease both}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n  <div class=\"nav-inner\">\r\n    <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/cropped-logo-bankowycheck.png\" alt=\"Bankowychecklist\" style=\"height:36px\"><\/a>\r\n    <div class=\"nav-sp\"><\/div>\r\n    <div class=\"nav-acts\">\r\n      <div class=\"nav-ico\" title=\"Ulubione\">\r\n        <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>\r\n      <\/div>\r\n      <div class=\"nav-ico\" title=\"Powiadomienia\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\r\n        <span class=\"dot\"><\/span>\r\n      <\/div>\r\n      <div class=\"nav-ico\" title=\"Konto\" onclick=\"openAuth('login')\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<div class=\"hero fade\">\r\n  <div>\r\n    <div class=\"hero-badge\"><span class=\"pulse\"><\/span>Sprawdzone promocje bankowe<\/div>\r\n    <h1>Bezpieczne testowanie<br><span class=\"blue\">us\u0142ug bankowych.<\/span><\/h1>\r\n    <p class=\"hero-sub\">Otwierasz konto, wykonujesz konkretne kroki z naszej checklisty i inkaserujesz premi\u0119. \u017badnego ryzyka, \u017cadnych ukrytych koszt\u00f3w \u2014 tylko got\u00f3wka na koncie.<\/p>\r\n    <div class=\"hero-form\">\r\n      <input class=\"hero-input\" type=\"email\" placeholder=\"Podaj e-mail\" id=\"lead-email\">\r\n      <button class=\"btn-cta\" onclick=\"submitLead(this)\">Zapisz si\u0119<\/button>\r\n    <\/div>\r\n    <div class=\"hero-note\">\r\n      <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n      Twoje dane s\u0105 bezpieczne (RODO). Tylko sprawdzone promocje, zero spamu.\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hero-visual\">\r\n    <div class=\"hero-img-wrap\">\r\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1601597111158-2fceff292cdc?w=900&q=85&fit=crop&crop=faces,center\" alt=\"Kobieta odbiera premi\u0119 na telefonie\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1512484776495-a09d92e87c3b?w=900&q=85'\">\r\n      <div class=\"hero-img-overlay\"><\/div>\r\n      <div class=\"hero-badge-float2\"><span class=\"g-dot\"><\/span>Aktywne promocje<\/div>\r\n      <div class=\"hero-badge-float\">\r\n        <div class=\"hbf-icon\">\ud83d\udcb0<\/div>\r\n        <div>\r\n          <div class=\"hbf-label\">\u015arednio z jednej promocji<\/div>\r\n          <div class=\"hbf-val\">700 z\u0142 <span>premii<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- STATS -->\r\n<div class=\"stats-strip\">\r\n  <div class=\"stats-strip-in\">\r\n    <div class=\"stat-block\">\r\n      <div class=\"stat-num blue\">655<\/div>\r\n      <div class=\"stat-lbl\">aktywnych u\u017cytkownik\u00f3w<\/div>\r\n    <\/div>\r\n    <div class=\"stat-block\">\r\n      <div class=\"stat-num gold\">438 000 z\u0142+<\/div>\r\n      <div class=\"stat-lbl\">wyp\u0142acono u\u017cytkownikom \u0142\u0105cznie<\/div>\r\n    <\/div>\r\n    <div class=\"stat-block\">\r\n      <div class=\"stat-num green\">10<\/div>\r\n      <div class=\"stat-lbl\">aktywnych promocji bankowych<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- TRUST BAR -->\r\n<div class=\"trust-bar\">\r\n  <div class=\"trust-bar-in\">\r\n    <div class=\"ti-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Tylko sprawdzone promocje<\/div>\r\n    <div class=\"ti-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Gwarantowane premie<\/div>\r\n    <div class=\"ti-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Checklisty krok po kroku<\/div>\r\n    <div class=\"ti-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Zero ukrytych koszt\u00f3w<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- PROMOTIONS -->\r\n<div class=\"section\" id=\"promocje\">\r\n  <div class=\"sec-head\">\r\n    <div class=\"sec-head-left\">\r\n      <h2>Aktualne promocje<\/h2>\r\n      <p>Aktywne kampanie z gwarantowan\u0105 premi\u0105 \u2014 aktualizowane na bie\u017c\u0105co<\/p>\r\n    <\/div>\r\n    <button class=\"filter-btn\">\r\n      <svg viewBox=\"0 0 24 24\"><polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"\/><\/svg>Filtruj\r\n    <\/button>\r\n  <\/div>\r\n  <div class=\"bank-grid\" id=\"bank-grid\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"divider\"><\/div>\r\n\r\n<footer>\r\n  <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/cropped-logo-bankowycheck.png\" alt=\"Bankowychecklist\" style=\"height:28px;margin-bottom:14px;display:block;margin-left:auto;margin-right:auto;opacity:.7\">\r\n  <p>\u00a9 2026 Bankowychecklist &nbsp;\u00b7&nbsp; <a href=\"#\">Regulamin<\/a> &nbsp;\u00b7&nbsp; <a href=\"#\">Polityka prywatno\u015bci<\/a><\/p>\r\n  <p style=\"margin-top:6px;color:var(--muted)\">Strona zawiera linki afiliacyjne. Dzia\u0142amy zgodnie z prawem polskim i regulaminem ka\u017cdego z bank\u00f3w.<\/p>\r\n<\/footer>\r\n\r\n<!-- PROMO PAGE -->\r\n<div id=\"promo-page\">\r\n  <div class=\"pp-nav\">\r\n    <div class=\"pp-nav-in\">\r\n      <button class=\"back-btn\" onclick=\"closePage()\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>Wr\u00f3\u0107\r\n      <\/button>\r\n      <span class=\"pp-crumb\" id=\"pp-crumb\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"pp-content\">\r\n    <div class=\"pp-banner\" id=\"pp-banner\">\r\n      <img decoding=\"async\" class=\"banner-img\" id=\"pp-banner-img\" src=\"\" alt=\"\">\r\n      <div class=\"pp-banner-overlay\"><\/div>\r\n      <div class=\"pp-banner-content\">\r\n        <div class=\"pp-bank-logo\" id=\"pp-logo\"><\/div>\r\n        <div class=\"pp-banner-txt\">\r\n          <h1 id=\"pp-title\"><\/h1>\r\n          <p id=\"pp-subtitle\"><\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"timer-bar\" id=\"timer-bar\">\r\n      <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n      <span class=\"tl\">\u015apiesz si\u0119 \u2014 promocja ko\u0144czy si\u0119: <b id=\"timer-deadline\"><\/b><\/span>\r\n      <div class=\"timer-digits\" id=\"timer-digits\"><\/div>\r\n    <\/div>\r\n    <div class=\"aff-bar\">\r\n      <div>\r\n        <h3 id=\"aff-h\">Otw\u00f3rz konto i odbierz premi\u0119<\/h3>\r\n        <p id=\"aff-p\">U\u017cyj naszego linku \u2014 tylko tak premia zostanie przypisana do Twojego konta.<\/p>\r\n      <\/div>\r\n      <a id=\"aff-link\" class=\"btn-aff\" target=\"_blank\" rel=\"noopener\">\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\r\n        Otw\u00f3rz konto w banku\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"accs\" id=\"accs\"><\/div>\r\n    <div style=\"margin-bottom:24px\">\r\n      <p style=\"font-size:14px;font-weight:700;margin-bottom:12px\">Pole\u0107 znajomym i pom\u00f3\u017c im zarobi\u0107<\/p>\r\n      <div class=\"share-row\">\r\n        <button class=\"share-btn\" onclick=\"share('whatsapp')\">\ud83d\udcac WhatsApp<\/button>\r\n        <button class=\"share-btn\" onclick=\"share('messenger')\">\ud83d\udcd8 Messenger<\/button>\r\n        <button class=\"share-btn\" onclick=\"share('copy')\">\ud83d\udd17 Kopiuj link<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"cl-box\">\r\n      <div class=\"cl-head\"><h2>\ud83d\udccb Checklista odbierania premii<\/h2><span class=\"cl-pct\" id=\"cl-pct\">0%<\/span><\/div>\r\n      <div class=\"cl-bar-wrap\"><div class=\"cl-bar\" id=\"cl-bar\"><\/div><\/div>\r\n      <div class=\"cl-steps\" id=\"cl-steps\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- AUTH MODAL -->\r\n<div id=\"auth-modal\">\r\n  <div class=\"modal-box\">\r\n    <button class=\"modal-close\" onclick=\"closeAuth()\">\u2715<\/button>\r\n    <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/cropped-logo-bankowycheck.png\" alt=\"\" style=\"height:28px;margin-bottom:22px\">\r\n    <div class=\"modal-tabs\">\r\n      <button class=\"modal-tab active\" id=\"tab-reg\" onclick=\"switchTab('reg')\">Rejestracja<\/button>\r\n      <button class=\"modal-tab\" id=\"tab-login\" onclick=\"switchTab('login')\">Logowanie<\/button>\r\n    <\/div>\r\n    <div id=\"tab-reg-content\">\r\n      <div class=\"field\"><label>Imi\u0119 i nazwisko<\/label><input type=\"text\" placeholder=\"Jan Kowalski\"><\/div>\r\n      <div class=\"field\"><label>E-mail<\/label><input type=\"email\" placeholder=\"jan@email.pl\"><\/div>\r\n      <div class=\"field\"><label>Has\u0142o<\/label><input type=\"password\" placeholder=\"Minimum 8 znak\u00f3w\"><\/div>\r\n      <button class=\"btn-modal-submit\" onclick=\"closeAuth()\">Utw\u00f3rz konto \u2192<\/button>\r\n    <\/div>\r\n    <div id=\"tab-login-content\" style=\"display:none\">\r\n      <div class=\"field\"><label>E-mail<\/label><input type=\"email\" placeholder=\"jan@email.pl\"><\/div>\r\n      <div class=\"field\"><label>Has\u0142o<\/label><input type=\"password\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\"><\/div>\r\n      <a class=\"forgot\">Nie pami\u0119tam has\u0142a<\/a>\r\n      <button class=\"btn-modal-submit\" onclick=\"closeAuth()\">Zaloguj si\u0119 \u2192<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst BANKS=[\r\n{\r\n  id:'erste',name:'Erste Bank: Konto do 26. roku \u017cycia',bank:'Erste Bank',\r\n  bonus:'800 z\u0142',deadline:'2026-07-31',deadlineStr:'31 lipca 2026',\r\n  logo:'https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-erste.png',\r\n  banner:'https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/erste-bank.jpg',\r\n  aff:'https:\/\/prostodo.pl\/c?zid=16702889540&tid=5980&ha=3174784782&r=5377',\r\n  cost:'0 z\u0142',extra:'+ lokata 4,5%',\r\n  subtitle:'Zgarnij 700 z\u0142 premii i 100 z\u0142 z programu polece\u0144 + lokata na start',\r\n  steps:[\r\n    {t:'Otw\u00f3rz konto z kart\u0105 debetow\u0105',d:'Zr\u00f3b to do 30 czerwca. We wniosku zaznacz WSZYSTKIE zgody: marketing, kontakt elektroniczny\/telefoniczny oraz EKK. Podpisz umow\u0119.'},\r\n    {t:'Przelej min. 1 500 z\u0142 (ka\u017cdy miesi\u0105c: lipiec\u2013wrzesie\u0144)',d:'Wystarczy zwyk\u0142y przelew z konta w innym banku. Mo\u017cesz przela\u0107 t\u0119 sam\u0105 kwot\u0119 z powrotem \u2014 liczy si\u0119 wp\u0142yw.'},\r\n    {t:'Zap\u0142a\u0107 min. 5 razy kart\u0105 lub BLIK-iem (ka\u017cdy miesi\u0105c)',d:'Kwota nie ma znaczenia \u2014 nawet za bu\u0142ki w piekarni. R\u00f3b to regularnie przez lipiec, sierpie\u0144 i wrzesie\u0144.'},\r\n    {t:'Za\u0142\u00f3\u017c cel oszcz\u0119dno\u015bciowy \u201eMoje Cele\"',d:'W ka\u017cdym z trzech miesi\u0119cy (lipiec\u2013wrzesie\u0144) utrzymuj jeden aktywny cel w us\u0142udze Moje Cele.'},\r\n    {t:'Odbierz 100 z\u0142 z programu polece\u0144 (opcjonalnie)',d:'W ci\u0105gu 30 dni od otwarcia konta do\u0142\u0105cz do programu polece\u0144 w bankowo\u015bci internetowej. Wpisz kod: JFJ8LX. Nast\u0119pnie do ko\u0144ca kolejnego miesi\u0105ca zap\u0142a\u0107 kart\u0105 (nie BLIK!) \u0142\u0105cznie za min. 300 z\u0142.'},\r\n  ],\r\n  tutorialSteps:[\r\n    {\r\n      title:'Krok 1 \u2013 Start (do 30 czerwca)',\r\n      items:[\r\n        'Otw\u00f3rz konto promocyjne z kart\u0105 debetow\u0105 i podpisz umow\u0119.',\r\n        'We wniosku zaznacz WSZYSTKIE zgody (marketing, kontakt elektroniczny\/telefoniczny, EKK).'\r\n      ]\r\n    },\r\n    {\r\n      title:'Krok 2 \u2013 Trzy miesi\u0105ce aktywno\u015bci (lipiec, sierpie\u0144, wrzesie\u0144)',\r\n      items:[\r\n        'Co miesi\u0105c: przelej min. 1 500 z\u0142 na konto (mo\u017ce by\u0107 ten sam przelew z powrotem).',\r\n        'Co miesi\u0105c: zap\u0142a\u0107 min. 5 razy kart\u0105 lub BLIK-iem \u2014 na dowoln\u0105 kwot\u0119.',\r\n        'Co miesi\u0105c: za\u0142\u00f3\u017c i utrzymaj jeden cel oszcz\u0119dno\u015bciowy w \u201eMoje Cele\".'\r\n      ],\r\n      payout:'\ud83d\udcb8 Wyp\u0142ata 700 z\u0142: 200 z\u0142 w sierpniu, 200 z\u0142 we wrze\u015bniu, 200 z\u0142 w pa\u017adzierniku + 100 z\u0142 za same zgody przy otwarciu.'\r\n    },\r\n    {\r\n      title:'Bonus \u2014 100 z\u0142 z programu polece\u0144',\r\n      items:[\r\n        'W ci\u0105gu 30 dni od otwarcia konta zaloguj si\u0119 do bankowo\u015bci i do\u0142\u0105cz do \u201eprogramu polece\u0144\".',\r\n        'Wpisz kod: JFJ8LX',\r\n        'Do ko\u0144ca kolejnego miesi\u0105ca zap\u0142a\u0107 kart\u0105 (nie BLIK!) \u0142\u0105cznie min. 300 z\u0142.',\r\n        'Voucher 100 z\u0142 (np. do Biedronki) pojawi si\u0119 w zak\u0142adce \u201eProgram polece\u0144\" w ci\u0105gu 5 dni roboczych.'\r\n      ],\r\n      isBonus:true\r\n    }\r\n  ],\r\n  who:[\r\n    'Promocja g\u0142\u00f3wna (700 z\u0142): nie posiada\u0142e\u015b konta osobistego w Erste Bank Polska (dawniej Santander) od 1 czerwca 2024 r.',\r\n    'Program polece\u0144 (100 z\u0142): nie mia\u0142e\u015b konta w Erste przez ostatnie 12 miesi\u0119cy.',\r\n    'Masz kart\u0119 kredytow\u0105 lub konto oszcz\u0119dno\u015bciowe? To nie wyklucza Ci\u0119 z promocji!'\r\n  ],\r\n  extra_acc:[{\r\n    icon:'\ud83d\udcca',\r\n    title:'Lokata 4,5% w skali roku',\r\n    items:[\r\n      'Dotyczy os\u00f3b bez konta osobistego\/wsp\u00f3lnego w Erste przez ostatnie 2 lata.',\r\n      'Oprocentowanie: 4,5% rocznie, okres: 3 miesi\u0105ce.',\r\n      'Maksymalny depozyt: 50 000 z\u0142.'\r\n    ]\r\n  }]\r\n},\r\n{\r\n  id:'bnp',name:'BNP Paribas: Karta Otwarta na \u015awiat',bank:'BNP Paribas',\r\n  bonus:'700 z\u0142',deadline:'2026-08-31',deadlineStr:'31 sierpnia 2026',\r\n  logo:'https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-bnp-paribas.png',\r\n  banner:'https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/bnp-paribas-1.png',\r\n  aff:'https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5oq3m',\r\n  cost:'0 z\u0142',extra:'Limit: 30 000 rejestracji',\r\n  subtitle:'600 z\u0142 za 12 miesi\u0119cy + 100 z\u0142 premii ko\u0144cowej za proste p\u0142atno\u015bci kart\u0105',\r\n  steps:[\r\n    {t:'Zarejestruj konto z Kart\u0105 Otwart\u0105 na \u015awiat',d:'Je\u015bli masz zastrze\u017cony PESEL, odblokuj go przed rejestracj\u0105. Zaakceptuj cookies na stronie promocji. Zaznacz zgody marketingowe: SMS, PUSH, e-mail, telefoniczne \u2014 nie wyra\u017caj sprzeciwu na profilowanie (art. 21 RODO).'},\r\n    {t:'Przelej min. 1 000 z\u0142 na konto (ka\u017cdy miesi\u0105c)',d:'Mo\u017ce to by\u0107 przelew z Twojego konta w innym banku. Liczy si\u0119 suma wp\u0142yw\u00f3w \u2014 mo\u017cesz przela\u0107 t\u0119 sam\u0105 kwot\u0119 kilka razy tam i z powrotem.'},\r\n    {t:'Zap\u0142a\u0107 min. 7 razy kart\u0105 (ka\u017cdy miesi\u0105c)',d:'P\u0142atno\u015bci BLIK si\u0119 nie licz\u0105. Dzia\u0142a Google Pay i Apple Pay podpi\u0119te pod kart\u0119. Kwota dowolna. R\u00f3b to przez 12 kolejnych miesi\u0119cy.'},\r\n    {t:'Bonus ko\u0144cowy: Konto Lokacyjne lub Pe\u0142ne Marze\u0144',d:'W 12. miesi\u0105cu posiadaj Konto Lokacyjne lub \u201eKonto Pe\u0142ne Marze\u0144\" z saldem min. 100 z\u0142 na koniec miesi\u0105ca \u2014 to dodatkowe 100 z\u0142 premii.'},\r\n  ],\r\n  tutorialSteps:[\r\n    {\r\n      title:'Krok 1 \u2013 Rejestracja i otwarcie konta (do 31 sierpnia)',\r\n      items:[\r\n        'Je\u015bli masz zastrze\u017cony PESEL \u2014 odblokuj go przed rejestracj\u0105.',\r\n        'Zaakceptuj cookies na stronie promocyjnej. Wybierz opcj\u0119: \u201eKonto osobiste w promocji z kart\u0105 i kontem oszcz\u0119dno\u015bciowym\".',\r\n        'Zgody marketingowe (warunek konieczny): akceptuj regulamin, zaznacz zgody na SMS, PUSH, e-mail i kontakt telefoniczny, nie wyra\u017caj sprzeciwu na profilowanie (art. 21 RODO).'\r\n      ]\r\n    },\r\n    {\r\n      title:'Krok 2 \u2013 12 miesi\u0119cy aktywno\u015bci (start od miesi\u0105ca po otwarciu)',\r\n      items:[\r\n        'Co miesi\u0105c: przelej na konto min. 1 000 z\u0142 (mo\u017ce by\u0107 ten sam przelew z powrotem kilka razy).',\r\n        'Co miesi\u0105c: zap\u0142a\u0107 kart\u0105 min. 7 razy na dowoln\u0105 kwot\u0119. BLIK si\u0119 nie liczy \u2014 Google Pay i Apple Pay jak najbardziej!'\r\n      ],\r\n      payout:'\ud83d\udcb8 Wyp\u0142ata: 50 z\u0142 za ka\u017cdy spe\u0142niony miesi\u0105c = \u0142\u0105cznie 600 z\u0142. Kasa trafia do 15. dnia kolejnego miesi\u0105ca.'\r\n    },\r\n    {\r\n      title:'Krok 3 \u2013 Ekstra 100 z\u0142 na fina\u0142',\r\n      items:[\r\n        'W 12. miesi\u0105cu posiadaj Konto Lokacyjne lub \u201eKonto Pe\u0142ne Marze\u0144\".',\r\n        'Na koniec miesi\u0105ca utrzymaj na nim saldo min. 100 z\u0142.'\r\n      ],\r\n      payout:'\ud83d\udcb8 Dodatkowe 100 z\u0142 = razem 700 z\u0142!'\r\n    }\r\n  ],\r\n  who:[\r\n    'Jeste\u015b osob\u0105 pe\u0142noletni\u0105 z polskim dowodem osobistym.',\r\n    'W ci\u0105gu ostatnich 24 miesi\u0119cy nie posiada\u0142e\u015b konta osobistego w BNP Paribas.',\r\n    'Masz kart\u0119 kredytow\u0105 lub konto oszcz\u0119dno\u015bciowe w BNP? To nie wyklucza Ci\u0119 z promocji!'\r\n  ],\r\n  costs:[\r\n    '0 z\u0142 za prowadzenie konta (bezwarunkowo).',\r\n    '0 z\u0142 za Kart\u0119 Otwart\u0105 na \u015awiat (w tej promocji darmowa).',\r\n    '0 z\u0142 za wyp\u0142aty z bankomat\u00f3w poza EOG.',\r\n    '0 z\u0142 za wyp\u0142aty got\u00f3wki w kasach innych bank\u00f3w poza EOG.'\r\n  ]\r\n},\r\n{\r\n  id:'alior',name:'Alior Bank: Konto + Cashback',bank:'Alior Bank',\r\n  bonus:'1 000 z\u0142 + obr\u0105czka 500 z\u0142',deadline:'2026-06-30',deadlineStr:'30 czerwca 2026',\r\n  logo:'https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-alior-bank-.png',\r\n  banner:'https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/alior-bank-1.png',\r\n  aff:'https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5opw0',\r\n  cost:'0 z\u0142*',extra:'+ obr\u0105czka Tapster 500 z\u0142',\r\n  subtitle:'200 z\u0142 premii na start + designerska obr\u0105czka p\u0142atnicza + 800 z\u0142 cashbacku przez 8 miesi\u0119cy',\r\n  steps:[\r\n    {t:'Otw\u00f3rz Alior Konto z kodem ZYSKAJ2026',d:'Wype\u0142nij wniosek online. W trakcie wpisz kod promocyjny: ZYSKAJ2026. Zaznacz zgody na marketing bezpo\u015bredni i kontakt elektroniczny (e-mail, SMS) oraz telefoniczny. Je\u015bli selfie si\u0119 nie powiedzie \u2014 doko\u0144cz w plac\u00f3wce, ale koniecznie aktywuj pierwotny wniosek z internetu.'},\r\n    {t:'Zaloguj si\u0119 do Alior Mobile i zarejestruj kart\u0119',d:'W ci\u0105gu 10 dni od otwarcia: zaloguj si\u0119 min. 1 raz do aplikacji Alior Mobile i zarejestruj kart\u0119 w programie Mastercard Bezcenne Chwile.'},\r\n    {t:'Wykonaj 5 p\u0142atno\u015bci kart\u0105 lub BLIK-iem',d:'W ci\u0105gu 10 dni od otwarcia konta. Najlepiej codzienne zakupy w sklepie. Wy\u0142\u0105czone: zak\u0142ady bukmacherskie, op\u0142aty za rachunki.'},\r\n    {t:'P\u0119tla cashbacku przez 8 miesi\u0119cy',d:'Co miesi\u0105c: jednorazowy wp\u0142yw min. 2 000 z\u0142 + logowanie do Alior Mobile + p\u0142atno\u015bci kart\u0105 w sklepach stacjonarnych. Bank zwraca 10% warto\u015bci zakup\u00f3w (max. 100 z\u0142 miesi\u0119cznie). Przy 1 000 z\u0142 wydanych dostajesz pe\u0142n\u0105 setk\u0119.'},\r\n  ],\r\n  tutorialSteps:[\r\n    {\r\n      title:'Krok 1 \u2013 Otwarcie konta z kodem (do 30 czerwca)',\r\n      items:[\r\n        'Wype\u0142nij wniosek o Alior Konto i wpisz kod promocyjny: ZYSKAJ2026',\r\n        'Zaznacz zgody: marketing bezpo\u015bredni, kontakt e-mail, SMS i telefoniczny.',\r\n        'Je\u015bli selfie si\u0119 nie powiedzie \u2014 doko\u0144cz w plac\u00f3wce. Pami\u0119taj: aktywuj pierwotny wniosek z internetu, nie sk\u0142adaj nowego!'\r\n      ]\r\n    },\r\n    {\r\n      title:'Krok 2 \u2013 Pierwsza aktywno\u015b\u0107 (pierwsze 10 dni)',\r\n      items:[\r\n        'Zaloguj si\u0119 min. 1 raz do aplikacji Alior Mobile.',\r\n        'Zarejestruj kart\u0119 w programie Mastercard Bezcenne Chwile.',\r\n        'Wykonaj min. 5 p\u0142atno\u015bci kart\u0105 lub BLIK-iem (codzienne zakupy, bez bukmacher\u00f3w i rachunk\u00f3w).'\r\n      ],\r\n      payout:'\ud83d\udcb8 Do ko\u0144ca 1. miesi\u0105ca po otwarciu: 200 z\u0142 premii na start + kod na obr\u0105czk\u0119 Tapster (warto\u015b\u0107 500 z\u0142) do odebrania w gotapster.'\r\n    },\r\n    {\r\n      title:'Krok 3 \u2013 P\u0119tla cashbacku (8 kolejnych miesi\u0119cy)',\r\n      items:[\r\n        'Co miesi\u0105c: jednorazowy wp\u0142yw min. 2 000 z\u0142 na konto (mo\u017ce by\u0107 przelew z innego banku).',\r\n        'Co miesi\u0105c: zaloguj si\u0119 min. 1 raz do Alior Mobile.',\r\n        'Co miesi\u0105c: p\u0142a\u0107 kart\u0105 w sklepach stacjonarnych \u2014 bank zwraca 10% (max. 100 z\u0142). Przy 1 000 z\u0142 zakup\u00f3w dostajesz pe\u0142n\u0105 setk\u0119.'\r\n      ],\r\n      payout:'\ud83d\udcb8 100 z\u0142 cashbacku za ka\u017cdy miesi\u0105c = 800 z\u0142 przez 8 miesi\u0119cy. Wyp\u0142ata do ko\u0144ca kolejnego miesi\u0105ca.'\r\n    }\r\n  ],\r\n  who:[\r\n    'Osoby pe\u0142noletnie, kt\u00f3re przez ostatnie 3 lata nie posiada\u0142y konta osobistego w Alior Banku.',\r\n    'Masz konto oszcz\u0119dno\u015bciowe, firmowe, walutowe, Kart\u0119 Kibica lub konto w Kantorze Walutowym Alior? To Ci\u0119 nie wyklucza \u2014 mo\u017cesz zgarn\u0105\u0107 premi\u0119!'\r\n  ],\r\n  costs:[\r\n    '0 z\u0142 za prowadzenie Alior Konta (bezwarunkowo).',\r\n    '0 z\u0142 za kart\u0119 p\u0142atnicz\u0105, je\u015bli w danym miesi\u0105cu zap\u0142acisz kart\u0105 na \u0142\u0105czn\u0105 kwot\u0119 min. 300 z\u0142.',\r\n    'Brak warunku na kart\u0119: 6 z\u0142\/miesi\u0105c \u2014 ale przy 1 000 z\u0142 premii i tak wychodzisz mocno na plus!'\r\n  ]\r\n}\r\n];\r\n\r\n\/\/ Placeholder banks (remaining 7)\r\nconst PLACEHOLDER_BANKS=[\r\n  {id:'mbank',name:'mBank: eKonto Mo\u017cliwo\u015bci',bank:'mBank',bonus:'?? z\u0142',deadline:'',deadlineStr:'wkr\u00f3tce',logo:'',banner:'',aff:'#',cost:'0 z\u0142',extra:'',subtitle:'Szczeg\u00f3\u0142y promocji wkr\u00f3tce',steps:[{t:'Szczeg\u00f3\u0142y wkr\u00f3tce',d:'Tre\u015b\u0107 tej promocji jest w trakcie przygotowania.'}],tutorialSteps:[],who:[],placeholder:true},\r\n  {id:'pekao',name:'Pekao SA: Konto Przekorzystne',bank:'Pekao SA',bonus:'?? z\u0142',deadline:'',deadlineStr:'wkr\u00f3tce',logo:'',banner:'',aff:'#',cost:'0 z\u0142',extra:'',subtitle:'Szczeg\u00f3\u0142y promocji wkr\u00f3tce',steps:[{t:'Szczeg\u00f3\u0142y wkr\u00f3tce',d:'Tre\u015b\u0107 tej promocji jest w trakcie przygotowania.'}],tutorialSteps:[],who:[],placeholder:true},\r\n  {id:'revolut',name:'Revolut: Konto Standard',bank:'Revolut',bonus:'?? z\u0142',deadline:'',deadlineStr:'wkr\u00f3tce',logo:'',banner:'',aff:'#',cost:'0 z\u0142',extra:'',subtitle:'Szczeg\u00f3\u0142y promocji wkr\u00f3tce',steps:[{t:'Szczeg\u00f3\u0142y wkr\u00f3tce',d:'Tre\u015b\u0107 tej promocji jest w trakcie przygotowania.'}],tutorialSteps:[],who:[],placeholder:true},\r\n  {id:'revolut-biz',name:'Revolut Biznes',bank:'Revolut Biznes',bonus:'?? z\u0142',deadline:'',deadlineStr:'wkr\u00f3tce',logo:'',banner:'',aff:'#',cost:'0 z\u0142',extra:'',subtitle:'Szczeg\u00f3\u0142y promocji wkr\u00f3tce',steps:[{t:'Szczeg\u00f3\u0142y wkr\u00f3tce',d:'Tre\u015b\u0107 tej promocji jest w trakcie przygotowania.'}],tutorialSteps:[],who:[],placeholder:true},\r\n  {id:'millennium',name:'Millennium: Konto 360\u00b0',bank:'Millennium',bonus:'?? z\u0142',deadline:'',deadlineStr:'wkr\u00f3tce',logo:'',banner:'',aff:'#',cost:'0 z\u0142',extra:'',subtitle:'Szczeg\u00f3\u0142y promocji wkr\u00f3tce',steps:[{t:'Szczeg\u00f3\u0142y wkr\u00f3tce',d:'Tre\u015b\u0107 tej promocji jest w trakcie przygotowania.'}],tutorialSteps:[],who:[],placeholder:true},\r\n  {id:'pkobp',name:'PKO BP: PKO Konto za Zero',bank:'PKO BP',bonus:'?? z\u0142',deadline:'',deadlineStr:'wkr\u00f3tce',logo:'',banner:'',aff:'#',cost:'0 z\u0142',extra:'',subtitle:'Szczeg\u00f3\u0142y promocji wkr\u00f3tce',steps:[{t:'Szczeg\u00f3\u0142y wkr\u00f3tce',d:'Tre\u015b\u0107 tej promocji jest w trakcie przygotowania.'}],tutorialSteps:[],who:[],placeholder:true},\r\n  {id:'pocztowy',name:'Bank Pocztowy: Konto Nestor',bank:'Bank Pocztowy',bonus:'?? z\u0142',deadline:'',deadlineStr:'wkr\u00f3tce',logo:'',banner:'',aff:'#',cost:'0 z\u0142',extra:'',subtitle:'Szczeg\u00f3\u0142y promocji wkr\u00f3tce',steps:[{t:'Szczeg\u00f3\u0142y wkr\u00f3tce',d:'Tre\u015b\u0107 tej promocji jest w trakcie przygotowania.'}],tutorialSteps:[],who:[],placeholder:true}\r\n];\r\nconst ALL_BANKS=[...BANKS,...PLACEHOLDER_BANKS];\r\n\r\nlet curBank=null,done={};\r\nlet timerInterval=null;\r\n\r\nfunction buildGrid(){\r\n  document.getElementById('bank-grid').innerHTML=ALL_BANKS.map(b=>{\r\n    const logoHtml=b.logo?`<img decoding=\"async\" src=\"${b.logo}\" onerror=\"this.style.display='none';this.insertAdjacentHTML('afterend','<span class=\\\\\"lf\\\\\">${b.id==='erste'?'\ud83c\udfe6':b.id==='bnp'?'\ud83c\udf3f':b.id==='alior'?'\ud83d\udd34':b.id==='mbank'?'\ud83d\udcf1':b.id==='pekao'?'\ud83e\udd85':b.id==='revolut'||b.id==='revolut-biz'?'\u26a1':b.id==='millennium'?'\ud83c\udf10':b.id==='pkobp'?'\ud83c\udfdb\ufe0f':'\u2709\ufe0f'}<\/span>')\" width=\"42\" height=\"42\" style=\"object-fit:contain\">`:'<span class=\"lf\">\ud83c\udfe6<\/span>';\r\n    const isNew=!b.placeholder&&BANKS.find(x=>x.id===b.id);\r\n    return `<div class=\"bank-card\" onclick=\"openBank('${b.id}')\">\r\n      <div class=\"bc-top\">\r\n        <div class=\"bc-logo\">${logoHtml}<\/div>\r\n        <div class=\"bc-prize\">\r\n          <div class=\"bc-prize-lbl\">Pula nagr\u00f3d<\/div>\r\n          <div class=\"bc-prize-val\">${b.bonus}<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      ${isNew?'<span class=\"bc-badge-new\">\u2713 Aktywna<\/span>':''}\r\n      <div class=\"bc-name\">${b.name}<\/div>\r\n      <div class=\"bc-meta\">\r\n        <span class=\"bc-meta-item\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>Do ${b.deadlineStr}<\/span>\r\n        <span class=\"bc-meta-item\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg>Koszt: ${b.cost}<\/span>\r\n        ${b.extra?`<span class=\"bc-deadline\">\ud83c\udf81 ${b.extra}<\/span>`:''}\r\n      <\/div>\r\n      <div class=\"bc-btn\">\r\n        <span class=\"bc-btn-txt\">Checklista odbierania premii<\/span>\r\n        <div class=\"bc-btn-arr\"><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/div>\r\n      <\/div>\r\n    <\/div>`;\r\n  }).join('');\r\n}\r\n\r\nfunction openBank(id){\r\n  curBank=ALL_BANKS.find(b=>b.id===id);\r\n  if(!curBank)return;\r\n  if(!done[id])done[id]=new Array(curBank.steps.length).fill(false);\r\n\r\n  document.getElementById('pp-crumb').textContent='Promocje \u2192 '+curBank.bank;\r\n\r\n  const bannerImg=document.getElementById('pp-banner-img');\r\n  if(curBank.banner){bannerImg.src=curBank.banner;bannerImg.style.display='block'}\r\n  else{bannerImg.style.display='none'}\r\n\r\n  const logoEl=document.getElementById('pp-logo');\r\n  if(curBank.logo){logoEl.innerHTML=`<img decoding=\"async\" src=\"${curBank.logo}\" width=\"46\" height=\"46\" style=\"object-fit:contain\" onerror=\"this.style.display='none'\">`}\r\n  else{logoEl.innerHTML=`<span class=\"lf\" style=\"font-size:24px\">\ud83c\udfe6<\/span>`}\r\n\r\n  document.getElementById('pp-title').textContent=curBank.name+' \u2014 '+curBank.bonus;\r\n  document.getElementById('pp-subtitle').textContent=curBank.subtitle;\r\n  document.getElementById('aff-h').textContent='Otw\u00f3rz konto i odbierz '+curBank.bonus;\r\n  document.getElementById('aff-link').href=curBank.aff;\r\n\r\n  \/\/ Timer\r\n  if(timerInterval)clearInterval(timerInterval);\r\n  const tb=document.getElementById('timer-bar');\r\n  if(curBank.deadline){\r\n    tb.style.display='flex';\r\n    document.getElementById('timer-deadline').textContent=curBank.deadlineStr;\r\n    startTimer(curBank.deadline);\r\n  } else {tb.style.display='none'}\r\n\r\n  \/\/ Accordions\r\n  const accs=[];\r\n  \/\/ Tutorial\r\n  if(curBank.tutorialSteps&&curBank.tutorialSteps.length){\r\n    let html='';\r\n    curBank.tutorialSteps.forEach(s=>{\r\n      html+=`<div class=\"step-block\">`;\r\n      if(s.isBonus){\r\n        html+=`<div class=\"step-title\" style=\"background:rgba(245,197,24,0.1);color:var(--gold)\">\ud83d\udd25 ${s.title}<\/div>`;\r\n      } else {\r\n        html+=`<div class=\"step-title\"><span class=\"sn\">\u2192<\/span>${s.title}<\/div>`;\r\n      }\r\n      html+=`<div class=\"step-items\">${s.items.map(i=>`<div class=\"step-item\">${i}<\/div>`).join('')}<\/div>`;\r\n      if(s.payout)html+=`<div class=\"payout-box\">${s.payout}<\/div>`;\r\n      html+=`<\/div>`;\r\n    });\r\n    accs.push({icon:'\ud83d\udccb',title:'Jak odebra\u0107 premi\u0119? (mini-tutorial)',body:html});\r\n  }\r\n  \/\/ Who\r\n  if(curBank.who&&curBank.who.length){\r\n    accs.push({icon:'\ud83d\udc64',title:'Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?',body:`<div class=\"step-items\">${curBank.who.map(w=>`<div class=\"step-item\">${w}<\/div>`).join('')}<\/div>`});\r\n  }\r\n  \/\/ Costs\r\n  if(curBank.costs&&curBank.costs.length){\r\n    accs.push({icon:'\ud83d\udcb3',title:'Ile kosztuje konto i karta?',body:`<div class=\"step-items\">${curBank.costs.map(c=>`<div class=\"step-item\">${c}<\/div>`).join('')}<\/div>`});\r\n  }\r\n  \/\/ Extra accordion (e.g. lokata)\r\n  if(curBank.extra_acc){\r\n    curBank.extra_acc.forEach(ea=>{\r\n      accs.push({icon:ea.icon,title:ea.title,body:`<div class=\"step-items\">${ea.items.map(i=>`<div class=\"step-item\">${i}<\/div>`).join('')}<\/div>`});\r\n    });\r\n  }\r\n  \/\/ Regulamin\r\n  accs.push({icon:'\ud83d\udcc4',title:'Regulamin i wa\u017cne dokumenty',body:`Szczeg\u00f3\u0142owe warunki s\u0105 dost\u0119pne bezpo\u015brednio na stronie ${curBank.bank}. Kluczowa zasada: premia przys\u0142uguje wy\u0142\u0105cznie nowym klientom, konto musi zosta\u0107 otwarte przez nasz link. <br><br><a href=\"${curBank.aff}\" target=\"_blank\" rel=\"noopener\">\ud83d\udce5 Przejd\u017a do regulaminu na stronie banku \u2192<\/a>`});\r\n\r\n  document.getElementById('accs').innerHTML=accs.map((a,i)=>`\r\n    <div class=\"acc\">\r\n      <div class=\"acc-h\" onclick=\"toggleAcc(${i})\">\r\n        <div class=\"acc-h-l\"><span class=\"acc-ic\">${a.icon}<\/span>${a.title}<\/div>\r\n        <span class=\"acc-ch\" id=\"ac-${i}\">\u25be<\/span>\r\n      <\/div>\r\n      <div class=\"acc-b\" id=\"ab-${i}\">${a.body}<\/div>\r\n    <\/div>\r\n  `).join('');\r\n\r\n  \/\/ Checklist\r\n  document.getElementById('cl-steps').innerHTML=curBank.steps.map((s,i)=>`\r\n    <div class=\"cl-step${done[id][i]?' done':''}\" id=\"cs-${i}\" onclick=\"toggleStep(${i})\">\r\n      <span class=\"cl-snum\">Krok ${i+1}<\/span>\r\n      <div class=\"cl-chk\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n      <div class=\"cl-info\"><h4>${s.t}<\/h4><p>${s.d}<\/p><\/div>\r\n    <\/div>\r\n  `).join('');\r\n  updatePct();\r\n\r\n  const pp=document.getElementById('promo-page');\r\n  pp.style.display='block';\r\n  pp.scrollTop=0;\r\n  document.body.style.overflow='hidden';\r\n}\r\n\r\nfunction startTimer(deadline){\r\n  function render(){\r\n    const now=new Date(),end=new Date(deadline+'T23:59:59');\r\n    const diff=Math.max(0,end-now);\r\n    const d=Math.floor(diff\/86400000),h=Math.floor(diff%86400000\/3600000),m=Math.floor(diff%3600000\/60000),s=Math.floor(diff%60000\/1000);\r\n    document.getElementById('timer-digits').innerHTML=\r\n      `<div class=\"td-block\"><div class=\"td-num\">${String(d).padStart(2,'0')}<\/div><div class=\"td-lbl\">dni<\/div><\/div>`+\r\n      `<span class=\"td-sep\">:<\/span>`+\r\n      `<div class=\"td-block\"><div class=\"td-num\">${String(h).padStart(2,'0')}<\/div><div class=\"td-lbl\">godz<\/div><\/div>`+\r\n      `<span class=\"td-sep\">:<\/span>`+\r\n      `<div class=\"td-block\"><div class=\"td-num\">${String(m).padStart(2,'0')}<\/div><div class=\"td-lbl\">min<\/div><\/div>`+\r\n      `<span class=\"td-sep\">:<\/span>`+\r\n      `<div class=\"td-block\"><div class=\"td-num\">${String(s).padStart(2,'0')}<\/div><div class=\"td-lbl\">sek<\/div><\/div>`;\r\n  }\r\n  render();\r\n  timerInterval=setInterval(render,1000);\r\n}\r\n\r\nfunction closePage(){\r\n  document.getElementById('promo-page').style.display='none';\r\n  document.body.style.overflow='';\r\n  if(timerInterval)clearInterval(timerInterval);\r\n}\r\n\r\nfunction toggleAcc(i){\r\n  const b=document.getElementById('ab-'+i),a=document.getElementById('ac-'+i);\r\n  const open=b.classList.contains('open');\r\n  document.querySelectorAll('.acc-b').forEach(x=>x.classList.remove('open'));\r\n  document.querySelectorAll('.acc-ch').forEach(x=>x.classList.remove('open'));\r\n  if(!open){b.classList.add('open');a.classList.add('open')}\r\n}\r\n\r\nfunction toggleStep(i){\r\n  const id=curBank.id;\r\n  done[id][i]=!done[id][i];\r\n  document.getElementById('cs-'+i).classList.toggle('done');\r\n  updatePct();\r\n}\r\n\r\nfunction updatePct(){\r\n  const d=done[curBank.id];\r\n  const pct=Math.round(d.filter(Boolean).length\/d.length*100);\r\n  document.getElementById('cl-bar').style.width=pct+'%';\r\n  document.getElementById('cl-pct').textContent=pct+'%';\r\n}\r\n\r\nfunction share(type){\r\n  const url=curBank?.aff||location.href;\r\n  const txt=`Sprawd\u017a t\u0119 promocj\u0119 bankow\u0105 \u2014 ${curBank?.bank} daje ${curBank?.bonus} premii! `;\r\n  if(type==='whatsapp')window.open('https:\/\/wa.me\/?text='+encodeURIComponent(txt+url));\r\n  else if(type==='messenger')window.open('https:\/\/www.facebook.com\/dialog\/send?link='+encodeURIComponent(url));\r\n  else navigator.clipboard?.writeText(url).then(()=>alert('Link skopiowany!')).catch(()=>alert(url));\r\n}\r\n\r\nfunction openAuth(tab){document.getElementById('auth-modal').classList.add('show');switchTab(tab||'reg')}\r\nfunction closeAuth(){document.getElementById('auth-modal').classList.remove('show')}\r\nfunction switchTab(t){\r\n  document.getElementById('tab-reg').classList.toggle('active',t==='reg');\r\n  document.getElementById('tab-login').classList.toggle('active',t==='login');\r\n  document.getElementById('tab-reg-content').style.display=t==='reg'?'block':'none';\r\n  document.getElementById('tab-login-content').style.display=t==='login'?'block':'none';\r\n}\r\ndocument.getElementById('auth-modal').addEventListener('click',function(e){if(e.target===this)closeAuth()});\r\n\r\nfunction submitLead(btn){\r\n  const em=document.getElementById('lead-email').value;\r\n  if(!em){document.getElementById('lead-email').focus();return}\r\n  btn.textContent='Zapisano \u2713';btn.style.background='#22c55e';btn.style.color='#0a0a0f';\r\n  setTimeout(()=>{btn.textContent='Zapisz si\u0119';btn.style.background='';btn.style.color=''},3000);\r\n}\r\n\r\nbuildGrid();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b55303b e-con e-atomic-element e-flexbox-base e-3b3068b \" data-id=\"b55303b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b55303b\">\n    \t\t<div class=\"elementor-element elementor-element-5b2194a elementor-widget elementor-widget-html\" data-id=\"5b2194a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Zarabiaj na Bankach | Ekskluzywne Promocje<\/title>\r\n    <meta name=\"description\" content=\"Odbierz tysi\u0105ce z\u0142otych premii za otwieranie darmowych kont bankowych. Sprawd\u017a najlepsze oferty.\">\r\n    \r\n    <!-- Google Fonts: Inter (Styl Revolut\/N26) -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- FontAwesome dla ikon -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        brand: {\r\n                            50: '#f0fdfa',\r\n                            100: '#ccfbf1',\r\n                            500: '#14b8a6', \/\/ Teal w stylu N26\r\n                            600: '#0d9488',\r\n                            900: '#134e4a',\r\n                        },\r\n                        revolut: '#0075eb', \/\/ Niebieski akcent\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        body {\r\n            background-color: #f8fafc; \/* Bardzo delikatny, luksusowy szary *\/\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        \/* Ukrywanie domy\u015blnej strza\u0142ki w <details> *\/\r\n        details > summary {\r\n            list-style: none;\r\n        }\r\n        details > summary::-webkit-details-marker {\r\n            display: none;\r\n        }\r\n\r\n        \/* Subtelna animacja akordionu *\/\r\n        details[open] summary ~ * {\r\n            animation: sweep .3s ease-in-out;\r\n        }\r\n        @keyframes sweep {\r\n            0%    {opacity: 0; transform: translateY(-10px)}\r\n            100%  {opacity: 1; transform: translateY(0)}\r\n        }\r\n\r\n        \/* Pulsowanie dla timera FOMO *\/\r\n        .pulse-fomo {\r\n            animation: pulse-red 2s infinite;\r\n        }\r\n        @keyframes pulse-red {\r\n            0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }\r\n            70% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }\r\n            100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }\r\n        }\r\n\r\n        \/* Gradientowe t\u0142o pod nag\u0142\u00f3wkiem (Vibe nowoczesnych aplikacji) *\/\r\n        .hero-gradient {\r\n            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n        }\r\n\r\n        \/* Stylizacja linii czasu (Mini-tutorial) *\/\r\n        .timeline-step {\r\n            position: relative;\r\n            padding-left: 2.5rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        .timeline-step::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0.75rem;\r\n            top: 2rem;\r\n            bottom: -1rem;\r\n            width: 2px;\r\n            background-color: #e2e8f0;\r\n        }\r\n        .timeline-step:last-child::before {\r\n            display: none; \/* Ukryj lini\u0119 pod ostatnim elementem *\/\r\n        }\r\n        .timeline-icon {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            width: 1.5rem;\r\n            height: 1.5rem;\r\n            border-radius: 9999px;\r\n            background-color: #14b8a6;\r\n            color: white;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 0.75rem;\r\n            font-weight: bold;\r\n            z-index: 10;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n    <header class=\"fixed top-0 left-0 right-0 bg-white\/80 backdrop-blur-md border-b border-slate-200 z-50\">\r\n        <div class=\"max-w-3xl mx-auto px-4 py-4 flex justify-between items-center\">\r\n            <div class=\"flex items-center gap-2\">\r\n                <div class=\"w-8 h-8 rounded-lg bg-slate-900 text-white flex items-center justify-center font-bold text-lg\">\r\n                    <i class=\"fa-solid fa-wallet\"><\/i>\r\n                <\/div>\r\n                <span class=\"font-extrabold text-xl tracking-tight text-slate-900\">Profit<span class=\"text-brand-500\">Hub<\/span><\/span>\r\n            <\/div>\r\n            <nav class=\"hidden md:flex gap-6 text-sm font-semibold text-slate-600\">\r\n                <a href=\"#promocje\" class=\"hover:text-slate-900 transition\">Promocje<\/a>\r\n                <a href=\"#jak-to-dziala\" class=\"hover:text-slate-900 transition\">Jak to dzia\u0142a?<\/a>\r\n            <\/nav>\r\n            <a href=\"#promocje\" class=\"md:hidden bg-slate-900 text-white px-4 py-2 rounded-full text-sm font-semibold\">\r\n                Zarabiaj\r\n            <\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <section class=\"mt-20 pt-12 pb-16 px-4 text-center hero-gradient text-white rounded-b-[3rem] shadow-xl\">\r\n        <div class=\"max-w-2xl mx-auto\">\r\n            <span class=\"inline-block py-1 px-3 rounded-full bg-white\/10 text-brand-100 text-xs font-bold uppercase tracking-wider mb-4 border border-white\/20\">\r\n                Aktualizacja: Czerwiec 2026\r\n            <\/span>\r\n            <h1 class=\"text-4xl md:text-5xl font-extrabold mb-4 leading-tight\">\r\n                Zbuduj sw\u00f3j kapita\u0142. <br>\r\n                <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-100 to-teal-400\">Ca\u0142kowicie za darmo.<\/span>\r\n            <\/h1>\r\n            <p class=\"text-slate-300 mb-8 text-lg font-light max-w-lg mx-auto\">\r\n                Wybieraj spo\u015br\u00f3d wyselekcjonowanych, darmowych kont bankowych i odbieraj premie got\u00f3wkowe krok po kroku. \r\n            <\/p>\r\n            <div class=\"flex flex-wrap justify-center gap-4\">\r\n                <div class=\"bg-white\/10 backdrop-blur border border-white\/20 rounded-2xl p-4 min-w-[140px]\">\r\n                    <div class=\"text-3xl font-bold text-white mb-1\">~5400 z\u0142<\/div>\r\n                    <div class=\"text-xs text-slate-400 uppercase tracking-wide\">Do wzi\u0119cia \u0142\u0105cznie<\/div>\r\n                <\/div>\r\n                <div class=\"bg-white\/10 backdrop-blur border border-white\/20 rounded-2xl p-4 min-w-[140px]\">\r\n                    <div class=\"text-3xl font-bold text-white mb-1\">100%<\/div>\r\n                    <div class=\"text-xs text-slate-400 uppercase tracking-wide\">Sprawdzone oferty<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <main id=\"promocje\" class=\"max-w-3xl mx-auto px-4 py-12 -mt-8 relative z-10 space-y-10\">\r\n\r\n        <!-- ============================================== -->\r\n        <!-- KARTA 1: ERSTE BANK -->\r\n        <!-- ============================================== -->\r\n        <article class=\"bg-white rounded-3xl shadow-[0_8px_30px_rgb(0,0,0,0.06)] overflow-hidden border border-slate-100 transition-all hover:shadow-[0_20px_40px_rgb(0,0,0,0.1)]\">\r\n            \r\n            <!-- Grafika Hero Karty -->\r\n            <div class=\"relative h-48 md:h-64 bg-slate-100 overflow-hidden group\">\r\n                <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/erste-bank.jpg\" alt=\"Erste Bank Promocja\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.co\/800x400\/0f172a\/ffffff?text=ERSTE+BANK+PROMOCJA'\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\r\n                <!-- Logo Nak\u0142adka -->\r\n                <div class=\"absolute bottom-4 left-4 bg-white p-2 rounded-xl shadow-lg\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-erste.png\" alt=\"Erste Logo\" class=\"h-8 object-contain\" onerror=\"this.src='https:\/\/placehold.co\/100x40\/ffffff\/000000?text=ERSTE'\">\r\n                <\/div>\r\n                <!-- Badge Warto\u015bci -->\r\n                <div class=\"absolute top-4 right-4 bg-brand-500 text-white px-4 py-2 rounded-full font-bold shadow-lg\">\r\n                    A\u017c 800 z\u0142 premii\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"p-6 md:p-8\">\r\n                <!-- Pasek Urgency (Timer) -->\r\n                <div class=\"flex items-center gap-3 bg-red-50 border border-red-100 text-red-600 px-4 py-3 rounded-2xl mb-6\">\r\n                    <div class=\"w-2 h-2 rounded-full bg-red-500 pulse-fomo\"><\/div>\r\n                    <i class=\"fa-regular fa-clock font-bold\"><\/i>\r\n                    <span class=\"text-sm font-semibold flex-1\">\u015apiesz si\u0119. Koniec promocji:<\/span>\r\n                    <!-- Data-deadline w formacie ISO -->\r\n                    <span class=\"countdown-timer font-bold font-mono tracking-tight\" data-deadline=\"2026-07-31T23:59:59\">\u0141adowanie...<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"text-2xl md:text-3xl font-extrabold text-slate-900 mb-2 leading-tight\">\r\n                    Darmowe konto do 26. roku \u017cycia. Zgarnij 800 z\u0142 premii i 4,5% na lokacie!\r\n                <\/h2>\r\n                \r\n                <hr class=\"my-6 border-slate-100\">\r\n\r\n                <!-- Sekcja: Jak odebra\u0107 premi\u0119 -->\r\n                <h3 class=\"text-sm font-bold text-slate-400 uppercase tracking-wider mb-6 flex items-center gap-2\">\r\n                    <i class=\"fa-solid fa-list-check\"><\/i> Jak odebra\u0107 premi\u0119? (Mini-tutorial)\r\n                <\/h3>\r\n\r\n                <div class=\"pl-2\">\r\n                    <!-- Krok 1 -->\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-slate-800\">1<\/div>\r\n                        <h4 class=\"font-bold text-slate-900 text-lg\">Start (Do 30 czerwca)<\/h4>\r\n                        <p class=\"text-slate-600 mt-1 text-sm leading-relaxed\">\r\n                            Otw\u00f3rz konto promocyjne z kart\u0105 debetow\u0105 i podpisz umow\u0119. <br>\r\n                            <span class=\"inline-block mt-2 bg-amber-50 text-amber-700 px-3 py-1 rounded-lg text-xs font-semibold border border-amber-200\">\r\n                                <i class=\"fa-solid fa-triangle-exclamation mr-1\"><\/i> Wa\u017cne: We wniosku zaznacz WSZYSTKIE zgody (marketing, EKK).\r\n                            <\/span>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Krok 2 -->\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-slate-800\">2<\/div>\r\n                        <h4 class=\"font-bold text-slate-900 text-lg\">Trzy miesi\u0105ce aktywno\u015bci<\/h4>\r\n                        <p class=\"text-slate-600 mt-1 text-sm leading-relaxed\">\r\n                            W lipcu, sierpniu i wrze\u015bniu zr\u00f3b dok\u0142adnie to samo:\r\n                        <\/p>\r\n                        <ul class=\"mt-3 space-y-2 text-sm text-slate-700\">\r\n                            <li class=\"flex items-start gap-2\">\r\n                                <i class=\"fa-solid fa-arrow-right-arrow-left text-brand-500 mt-1\"><\/i>\r\n                                <span>Przelej min. <strong>1500 z\u0142<\/strong> (wystarczy ze swojego konta w innym banku).<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-2\">\r\n                                <i class=\"fa-regular fa-credit-card text-brand-500 mt-1\"><\/i>\r\n                                <span>Zap\u0142a\u0107 min. <strong>5 razy<\/strong> kart\u0105\/BLIK (nawet za bu\u0142ki).<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-2\">\r\n                                <i class=\"fa-solid fa-bullseye text-brand-500 mt-1\"><\/i>\r\n                                <span>Za\u0142\u00f3\u017c jeden cel w us\u0142udze \"Moje Cele\".<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n\r\n                    <!-- Krok 3 -->\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-green-500\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n                        <h4 class=\"font-bold text-slate-900 text-lg\">Odbi\u00f3r got\u00f3wki (700 z\u0142)<\/h4>\r\n                        <p class=\"text-slate-600 mt-1 text-sm leading-relaxed\">\r\n                            Sierpie\u0144: 200 z\u0142 | Wrzesie\u0144: 200 z\u0142 | Pa\u017adziernik: 200 z\u0142.<br>\r\n                            (+100 z\u0142 za samo poprawne otwarcie ze zgodami).\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Modu\u0142 Bonusu -->\r\n                <div class=\"mt-6 bg-gradient-to-br from-indigo-50 to-purple-50 rounded-2xl p-5 border border-indigo-100 relative overflow-hidden\">\r\n                    <div class=\"absolute top-0 right-0 -mt-4 -mr-4 text-9xl opacity-5\"><i class=\"fa-solid fa-gift\"><\/i><\/div>\r\n                    <h4 class=\"font-bold text-indigo-900 mb-2 flex items-center gap-2\">\r\n                        <i class=\"fa-solid fa-fire text-orange-500\"><\/i> BONUS! Zgarnij kolejne 100 z\u0142\r\n                    <\/h4>\r\n                    <p class=\"text-sm text-indigo-800 mb-3\">W ci\u0105gu 30 dni do\u0142\u0105cz do \"programu polece\u0144\" i podaj ten kod:<\/p>\r\n                    \r\n                    <div class=\"flex items-center gap-2 mb-3\">\r\n                        <code class=\"bg-white border border-indigo-200 px-4 py-2 rounded-xl text-lg font-mono font-bold text-indigo-900 flex-1 text-center shadow-inner select-all\" id=\"erste-code\">JFJ8LX<\/code>\r\n                        <button onclick=\"copyCode('erste-code')\" class=\"bg-indigo-600 hover:bg-indigo-700 text-white p-2 rounded-xl transition w-12 h-11 flex items-center justify-center shadow-sm\" title=\"Kopiuj kod\">\r\n                            <i class=\"fa-regular fa-copy\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                    <p class=\"text-xs text-indigo-700\">Wydaj kart\u0105 300 z\u0142 do ko\u0144ca kolejnego miesi\u0105ca i odbierz voucher do Biedronki!<\/p>\r\n                <\/div>\r\n\r\n                <!-- G\u0142\u00f3wny Przycisk CTA -->\r\n                <div class=\"mt-8\">\r\n                    <a href=\"https:\/\/prostodo.pl\/c?zid=16702889540&tid=5980&ha=3174784782&r=5377\" target=\"_blank\" rel=\"sponsored\" class=\"block w-full bg-slate-900 hover:bg-slate-800 text-white text-center py-4 rounded-2xl font-bold text-lg transition-transform hover:-translate-y-1 shadow-lg shadow-slate-900\/20\">\r\n                        Otw\u00f3rz konto na stronie banku <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Akordion: Wa\u017cne szczeg\u00f3\u0142y -->\r\n                <div class=\"mt-6 space-y-3\">\r\n                    <details class=\"group bg-slate-50 border border-slate-200 rounded-2xl overflow-hidden transition-all duration-300\">\r\n                        <summary class=\"flex justify-between items-center font-semibold p-4 cursor-pointer text-slate-800 select-none hover:bg-slate-100\">\r\n                            <span><i class=\"fa-solid fa-circle-info text-slate-400 mr-2\"><\/i> Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/span>\r\n                            <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300 group-open:rotate-180\"><\/i>\r\n                        <\/summary>\r\n                        <div class=\"p-4 pt-0 text-sm text-slate-600 border-t border-slate-100 bg-white leading-relaxed\">\r\n                            <ul class=\"list-disc pl-5 space-y-2 mt-2\">\r\n                                <li><strong>700 z\u0142:<\/strong> Nowy klient (brak konta od 1 czerwca 2024 r.)<\/li>\r\n                                <li><strong>Voucher 100 z\u0142:<\/strong> Brak konta przez ostatnie 12 miesi\u0119cy.<\/li>\r\n                                <li>Masz u nich kart\u0119 kredytow\u0105 lub konto oszcz\u0119dno\u015bciowe? Nadal mo\u017cesz wzi\u0105\u0107 udzia\u0142!<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/details>\r\n                    \r\n                    <details class=\"group bg-slate-50 border border-slate-200 rounded-2xl overflow-hidden transition-all duration-300\">\r\n                        <summary class=\"flex justify-between items-center font-semibold p-4 cursor-pointer text-slate-800 select-none hover:bg-slate-100\">\r\n                            <span><i class=\"fa-solid fa-piggy-bank text-slate-400 mr-2\"><\/i> Lokata 4,5% - zasady<\/span>\r\n                            <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300 group-open:rotate-180\"><\/i>\r\n                        <\/summary>\r\n                        <div class=\"p-4 pt-0 text-sm text-slate-600 border-t border-slate-100 bg-white leading-relaxed\">\r\n                            Promocja \"Lokata na powitanie\" dla os\u00f3b, kt\u00f3re nie mia\u0142y konta przez ostatnie 2 lata. 4,5% w skali roku na 3 miesi\u0105ce. Maksymalna kwota depozytu: 50 000 z\u0142.\r\n                        <\/div>\r\n                    <\/details>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- KARTA 2: BNP PARIBAS -->\r\n        <!-- ============================================== -->\r\n        <article class=\"bg-white rounded-3xl shadow-[0_8px_30px_rgb(0,0,0,0.06)] overflow-hidden border border-slate-100 transition-all hover:shadow-[0_20px_40px_rgb(0,0,0,0.1)]\">\r\n            <div class=\"relative h-48 md:h-64 bg-slate-100 overflow-hidden group\">\r\n                <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/bnp-paribas-1.png\" alt=\"BNP Paribas Promocja\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.co\/800x400\/0f172a\/ffffff?text=BNP+PARIBAS+PROMOCJA'\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\r\n                <div class=\"absolute bottom-4 left-4 bg-white p-2 rounded-xl shadow-lg\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-bnp-paribas.png\" alt=\"BNP Logo\" class=\"h-8 object-contain\" onerror=\"this.src='https:\/\/placehold.co\/100x40\/ffffff\/000000?text=BNP'\">\r\n                <\/div>\r\n                <div class=\"absolute top-4 right-4 bg-brand-500 text-white px-4 py-2 rounded-full font-bold shadow-lg\">\r\n                    A\u017c 700 z\u0142 premii\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"p-6 md:p-8\">\r\n                <div class=\"flex items-center gap-3 bg-amber-50 border border-amber-200 text-amber-700 px-4 py-3 rounded-2xl mb-6\">\r\n                    <i class=\"fa-solid fa-users font-bold\"><\/i>\r\n                    <span class=\"text-sm font-semibold\">\u015apiesz si\u0119! Limit tylko 30 000 rejestracji.<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"text-2xl md:text-3xl font-extrabold text-slate-900 mb-2 leading-tight\">\r\n                    Zgarnij a\u017c 700 z\u0142 premii za proste p\u0142atno\u015bci kart\u0105!\r\n                <\/h2>\r\n                \r\n                <hr class=\"my-6 border-slate-100\">\r\n\r\n                <h3 class=\"text-sm font-bold text-slate-400 uppercase tracking-wider mb-6 flex items-center gap-2\">\r\n                    <i class=\"fa-solid fa-list-check\"><\/i> Jak odebra\u0107 700 z\u0142?\r\n                <\/h3>\r\n\r\n                <div class=\"pl-2\">\r\n                    <!-- Krok 1 -->\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-slate-800\">1<\/div>\r\n                        <h4 class=\"font-bold text-slate-900 text-lg\">Rejestracja (Do 31 sierpnia)<\/h4>\r\n                        <p class=\"text-slate-600 mt-1 text-sm leading-relaxed\">\r\n                            Przejd\u017a na stron\u0119, zaakceptuj cookies i wype\u0142nij formularz. Otw\u00f3rz \"Konto osobiste w promocji\" z \"Kart\u0105 Otwart\u0105 na \u015awiat\".<br>\r\n                            <span class=\"inline-block mt-2 text-xs font-semibold text-slate-500\">\r\n                                *Zaznacz zgody marketingowe i odblokuj PESEL, je\u015bli jest zastrze\u017cony.\r\n                            <\/span>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Krok 2 -->\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-slate-800\">2<\/div>\r\n                        <h4 class=\"font-bold text-slate-900 text-lg\">P\u0119tla kasowa (Przez 12 miesi\u0119cy)<\/h4>\r\n                        <p class=\"text-slate-600 mt-1 text-sm leading-relaxed\">\r\n                            Zaczynasz od kolejnego miesi\u0105ca. Co miesi\u0105c wykonuj te zadania:\r\n                        <\/p>\r\n                        <ul class=\"mt-3 space-y-2 text-sm text-slate-700\">\r\n                            <li class=\"flex items-start gap-2\">\r\n                                <i class=\"fa-solid fa-arrow-right-arrow-left text-brand-500 mt-1\"><\/i>\r\n                                <span>Przelej min. <strong>1000 z\u0142<\/strong> (mo\u017cesz od razu odes\u0142a\u0107).<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-2\">\r\n                                <i class=\"fa-brands fa-apple text-brand-500 mt-1\"><\/i>\r\n                                <span>Zap\u0142a\u0107 min. <strong>7 razy kart\u0105<\/strong> (lub Apple\/Google Pay). BLIK wykluczony.<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                        <div class=\"mt-3 bg-emerald-50 text-emerald-700 p-3 rounded-xl border border-emerald-100 flex items-center gap-3\">\r\n                            <i class=\"fa-solid fa-sack-dollar text-2xl\"><\/i>\r\n                            <span class=\"text-sm font-semibold\">Wyp\u0142ata: 50 z\u0142 co miesi\u0105c (\u0142\u0105cznie 600 z\u0142 w rok).<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Krok 3 -->\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-green-500\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n                        <h4 class=\"font-bold text-slate-900 text-lg\">Ekstra bonus +100 z\u0142<\/h4>\r\n                        <p class=\"text-slate-600 mt-1 text-sm leading-relaxed\">\r\n                            W 12. miesi\u0105cu posiadaj Konto Lokacyjne lub \u201eKonto Pe\u0142ne Marze\u0144\u201d z saldem min. 100 z\u0142 na koniec miesi\u0105ca.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mt-8\">\r\n                    <a href=\"https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5oq3m\" target=\"_blank\" rel=\"sponsored\" class=\"block w-full bg-slate-900 hover:bg-slate-800 text-white text-center py-4 rounded-2xl font-bold text-lg transition-transform hover:-translate-y-1 shadow-lg shadow-slate-900\/20\">\r\n                        Otw\u00f3rz konto na stronie banku <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Akordiony BNP -->\r\n                <div class=\"mt-6 space-y-3\">\r\n                    <details class=\"group bg-slate-50 border border-slate-200 rounded-2xl overflow-hidden transition-all duration-300\">\r\n                        <summary class=\"flex justify-between items-center font-semibold p-4 cursor-pointer text-slate-800 select-none hover:bg-slate-100\">\r\n                            <span><i class=\"fa-solid fa-circle-info text-slate-400 mr-2\"><\/i> Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/span>\r\n                            <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300 group-open:rotate-180\"><\/i>\r\n                        <\/summary>\r\n                        <div class=\"p-4 pt-0 text-sm text-slate-600 border-t border-slate-100 bg-white leading-relaxed\">\r\n                            Osoba pe\u0142noletnia, polski dow\u00f3d. Brak konta osobistego w BNP w ci\u0105gu ostatnich 24 miesi\u0119cy. Masz kart\u0119 kredytow\u0105 lub lokat\u0119? Nadal mo\u017cesz bra\u0107 udzia\u0142!\r\n                        <\/div>\r\n                    <\/details>\r\n                    \r\n                    <details class=\"group bg-slate-50 border border-slate-200 rounded-2xl overflow-hidden transition-all duration-300\">\r\n                        <summary class=\"flex justify-between items-center font-semibold p-4 cursor-pointer text-slate-800 select-none hover:bg-slate-100\">\r\n                            <span><i class=\"fa-solid fa-wallet text-slate-400 mr-2\"><\/i> Ile kosztuje konto?<\/span>\r\n                            <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300 group-open:rotate-180\"><\/i>\r\n                        <\/summary>\r\n                        <div class=\"p-4 pt-0 text-sm text-slate-600 border-t border-slate-100 bg-white leading-relaxed\">\r\n                            <ul class=\"list-disc pl-5 space-y-1 mt-2\">\r\n                                <li><strong>0 z\u0142<\/strong> za prowadzenie konta.<\/li>\r\n                                <li><strong>0 z\u0142<\/strong> za Kart\u0119 (w tej promocji za darmo).<\/li>\r\n                                <li><strong>0 z\u0142<\/strong> za wyp\u0142aty w obcych bankomatach poza EOG.<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/details>\r\n                <\/div>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- KARTA 3: ALIOR BANK -->\r\n        <!-- ============================================== -->\r\n        <article class=\"bg-white rounded-3xl shadow-[0_8px_30px_rgb(0,0,0,0.06)] overflow-hidden border border-slate-100 transition-all hover:shadow-[0_20px_40px_rgb(0,0,0,0.1)]\">\r\n            <div class=\"relative h-48 md:h-64 bg-slate-100 overflow-hidden group\">\r\n                <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/alior-bank-1.png\" alt=\"Alior Bank Promocja\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.co\/800x400\/0f172a\/ffffff?text=ALIOR+BANK+PROMOCJA'\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\r\n                <div class=\"absolute bottom-4 left-4 bg-white p-2 rounded-xl shadow-lg\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-alior-bank-.png\" alt=\"Alior Logo\" class=\"h-8 object-contain\" onerror=\"this.src='https:\/\/placehold.co\/100x40\/ffffff\/000000?text=ALIOR'\">\r\n                <\/div>\r\n                <div class=\"absolute top-4 right-4 bg-brand-500 text-white px-4 py-2 rounded-full font-bold shadow-lg flex flex-col items-end leading-tight\">\r\n                    <span>1000 z\u0142<\/span>\r\n                    <span class=\"text-[10px] uppercase font-normal\">+ Gad\u017cet (500 z\u0142)<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"p-6 md:p-8\">\r\n                <div class=\"flex items-center gap-3 bg-red-50 border border-red-100 text-red-600 px-4 py-3 rounded-2xl mb-6\">\r\n                    <div class=\"w-2 h-2 rounded-full bg-red-500 pulse-fomo\"><\/div>\r\n                    <i class=\"fa-regular fa-clock font-bold\"><\/i>\r\n                    <span class=\"text-sm font-semibold flex-1\">\u015apiesz si\u0119. Koniec promocji:<\/span>\r\n                    <span class=\"countdown-timer font-bold font-mono tracking-tight\" data-deadline=\"2026-06-30T23:59:59\">\u0141adowanie...<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"text-2xl md:text-3xl font-extrabold text-slate-900 mb-2 leading-tight\">\r\n                    We\u017a 1000 z\u0142 got\u00f3wki + zgarnij designersk\u0105 obr\u0105czk\u0119 p\u0142atnicz\u0105 (wart. 500 z\u0142)!\r\n                <\/h2>\r\n                \r\n                <hr class=\"my-6 border-slate-100\">\r\n\r\n                <h3 class=\"text-sm font-bold text-slate-400 uppercase tracking-wider mb-6 flex items-center gap-2\">\r\n                    <i class=\"fa-solid fa-list-check\"><\/i> Jak to odebra\u0107?\r\n                <\/h3>\r\n\r\n                <div class=\"pl-2\">\r\n                    <!-- Krok 1 -->\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-slate-800\">1<\/div>\r\n                        <h4 class=\"font-bold text-slate-900 text-lg\">Otwarcie z kodem (Do 30 czerwca)<\/h4>\r\n                        <p class=\"text-slate-600 mt-2 text-sm leading-relaxed\">\r\n                            Wype\u0142nij wniosek ze zgodami marketingowymi. \r\n                            <br><strong>Koniecznie wpisz ten kod:<\/strong>\r\n                        <\/p>\r\n                        <div class=\"flex items-center gap-2 mt-2 w-full max-w-[250px]\">\r\n                            <code class=\"bg-slate-100 border border-slate-200 px-3 py-2 rounded-xl text-base font-mono font-bold text-slate-800 flex-1 text-center\" id=\"alior-code\">ZYSKAJ2026<\/code>\r\n                            <button onclick=\"copyCode('alior-code')\" class=\"bg-slate-200 hover:bg-slate-300 text-slate-700 p-2 rounded-xl transition w-10 h-10 flex items-center justify-center\">\r\n                                <i class=\"fa-regular fa-copy\"><\/i>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Krok 2 -->\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-slate-800\">2<\/div>\r\n                        <h4 class=\"font-bold text-slate-900 text-lg\">Pierwsza aktywno\u015b\u0107 (10 dni)<\/h4>\r\n                        <p class=\"text-slate-600 mt-1 text-sm leading-relaxed\">\r\n                            Zaloguj si\u0119 do Alior Mobile, zarejestruj kart\u0119 w Bezcenne Chwile i wykonaj min. 5 p\u0142atno\u015bci (karta\/BLIK) za zakupy.\r\n                        <\/p>\r\n                        <div class=\"mt-3 bg-emerald-50 text-emerald-700 p-3 rounded-xl border border-emerald-100 text-sm font-semibold\">\r\n                            <i class=\"fa-solid fa-gift mr-2\"><\/i> Nagroda: 200 z\u0142 + kod na obr\u0105czk\u0119 gotapster (warto\u015b\u0107 500 z\u0142).\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Krok 3 -->\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-green-500\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n                        <h4 class=\"font-bold text-slate-900 text-lg\">P\u0119tla cashbacku (8 miesi\u0119cy)<\/h4>\r\n                        <p class=\"text-slate-600 mt-1 text-sm leading-relaxed\">\r\n                            Przez 8 kolejnych miesi\u0119cy zapewniaj wp\u0142yw 2000 z\u0142, loguj si\u0119 do aplikacji i p\u0142a\u0107 kart\u0105 stacjonarnie.<br>\r\n                            <strong>Bank zwraca 10% wydatk\u00f3w (max 100 z\u0142\/mc). \u0141\u0105cznie do 800 z\u0142!<\/strong>\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mt-8\">\r\n                    <a href=\"https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5opw0\" target=\"_blank\" rel=\"sponsored\" class=\"block w-full bg-slate-900 hover:bg-slate-800 text-white text-center py-4 rounded-2xl font-bold text-lg transition-transform hover:-translate-y-1 shadow-lg shadow-slate-900\/20\">\r\n                        Otw\u00f3rz konto na stronie banku <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- KARTA 4: mBANK -->\r\n        <!-- ============================================== -->\r\n        <article class=\"bg-white rounded-3xl shadow-[0_8px_30px_rgb(0,0,0,0.06)] overflow-hidden border border-slate-100 transition-all hover:shadow-[0_20px_40px_rgb(0,0,0,0.1)]\">\r\n            <div class=\"relative h-48 md:h-64 bg-slate-100 overflow-hidden group\">\r\n                <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/mbank-1.png\" alt=\"mBank Promocja\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.co\/800x400\/0f172a\/ffffff?text=mBANK+PROMOCJA'\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\r\n                <div class=\"absolute bottom-4 left-4 bg-white p-2 rounded-xl shadow-lg\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-mbank.png\" alt=\"mBank Logo\" class=\"h-8 object-contain\" onerror=\"this.src='https:\/\/placehold.co\/100x40\/ffffff\/000000?text=mBANK'\">\r\n                <\/div>\r\n                <div class=\"absolute top-4 right-4 bg-brand-500 text-white px-4 py-2 rounded-full font-bold shadow-lg\">\r\n                    Rekordowe 1260 z\u0142\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"p-6 md:p-8\">\r\n                <div class=\"flex items-center gap-3 bg-amber-50 border border-amber-200 text-amber-700 px-4 py-3 rounded-2xl mb-6\">\r\n                    <i class=\"fa-solid fa-users font-bold\"><\/i>\r\n                    <span class=\"text-sm font-semibold\">Limit tylko 2 000 sztuk \u2013 strona wkr\u00f3tce zniknie!<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"text-2xl md:text-3xl font-extrabold text-slate-900 mb-2 leading-tight\">\r\n                    Rekordowe 1260 z\u0142 premii za za\u0142o\u017cenie darmowego eKonta do Us\u0142ug!\r\n                <\/h2>\r\n                \r\n                <hr class=\"my-6 border-slate-100\">\r\n\r\n                <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-200 mb-6 flex flex-col items-center text-center\">\r\n                    <span class=\"text-sm text-slate-500 mb-2\">Pami\u0119taj, aby we wniosku wpisa\u0107 kod polecenia:<\/span>\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <code class=\"bg-white border border-slate-300 px-4 py-2 rounded-xl text-xl font-mono font-bold text-slate-900 shadow-sm\" id=\"mbank-code\">banklovers99<\/code>\r\n                        <button onclick=\"copyCode('mbank-code')\" class=\"bg-brand-500 hover:bg-brand-600 text-white p-2 rounded-xl transition w-12 h-11 flex items-center justify-center\">\r\n                            <i class=\"fa-regular fa-copy\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <h3 class=\"text-sm font-bold text-slate-400 uppercase tracking-wider mb-6 flex items-center gap-2\">\r\n                    <i class=\"fa-solid fa-list-check\"><\/i> 3 Kroki do sukcesu\r\n                <\/h3>\r\n\r\n                <div class=\"pl-2\">\r\n                    <!-- Kroki mBank (Uproszczone wizualnie) -->\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-slate-800\">1<\/div>\r\n                        <h4 class=\"font-bold text-slate-900\">Rejestracja (Do 31 sierpnia)<\/h4>\r\n                        <p class=\"text-slate-600 text-sm mt-1\">Z\u0142\u00f3\u017c wniosek, zaakceptuj \"mOkazje\" i otw\u00f3rz cel \"Moje Cele\". Podpisz umow\u0119 zdalnie.<\/p>\r\n                    <\/div>\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-slate-800\">2<\/div>\r\n                        <h4 class=\"font-bold text-slate-900\">Pierwszy miesi\u0105c<\/h4>\r\n                        <p class=\"text-slate-600 text-sm mt-1\">W ci\u0105gu 7 dni wp\u0142a\u0107 2000 z\u0142. Do ko\u0144ca miesi\u0105ca zr\u00f3b transakcje kart\u0105 na 350 z\u0142 i utrzymaj 100 z\u0142 na \"Moje Cele\".<\/p>\r\n                    <\/div>\r\n                    <div class=\"timeline-step\">\r\n                        <div class=\"timeline-icon bg-green-500\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n                        <h4 class=\"font-bold text-slate-900\">P\u0119tla aktywno\u015bci (mc 2-6)<\/h4>\r\n                        <p class=\"text-slate-600 text-sm mt-1\">Przez 5 m-cy wp\u0142acaj 2000 z\u0142, p\u0142a\u0107 kart\u0105 (350 z\u0142) i dop\u0142acaj po 100 z\u0142\/mc do \"Moje Cele\". + Odbierz premie z mOkazji i za wynagrodzenie!<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mt-8\">\r\n                    <a href=\"https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5opw2\" target=\"_blank\" rel=\"sponsored\" class=\"block w-full bg-slate-900 hover:bg-slate-800 text-white text-center py-4 rounded-2xl font-bold text-lg transition-transform hover:-translate-y-1 shadow-lg shadow-slate-900\/20\">\r\n                        Otw\u00f3rz eKonto i zgarnij 1260 z\u0142 <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- ============================================== -->\r\n        <!-- KARTA 5: REVOLUT -->\r\n        <!-- ============================================== -->\r\n        <article class=\"bg-white rounded-3xl shadow-[0_8px_30px_rgb(0,0,0,0.06)] overflow-hidden border border-slate-100 transition-all hover:shadow-[0_20px_40px_rgb(0,0,0,0.1)]\">\r\n            <div class=\"p-6 md:p-8 relative\">\r\n                <!-- Prostszy layout dla szybkiej akcji Revolut -->\r\n                <div class=\"flex flex-col md:flex-row gap-6 items-center\">\r\n                    <div class=\"w-24 h-24 shrink-0 bg-slate-100 rounded-2xl flex items-center justify-center p-2 border border-slate-200\">\r\n                        <img decoding=\"async\" src=\"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-revolut-.png\" alt=\"Revolut Logo\" class=\"w-full object-contain\" onerror=\"this.src='https:\/\/placehold.co\/100x100\/ffffff\/000000?text=REV'\">\r\n                    <\/div>\r\n                    <div class=\"flex-1 text-center md:text-left\">\r\n                        <div class=\"inline-block bg-[#0075eb]\/10 text-[#0075eb] px-3 py-1 rounded-full text-xs font-bold uppercase mb-2\">\r\n                            Najszybsza akcja\r\n                        <\/div>\r\n                        <h2 class=\"text-2xl font-extrabold text-slate-900 leading-tight\">\r\n                            Wydajesz 100 z\u0142 \u2013 odbierasz 100 z\u0142!\r\n                        <\/h2>\r\n                        <p class=\"text-slate-600 mt-2 text-sm\">\r\n                            Najprostsza promocja w internecie. Za\u0142\u00f3\u017c darmowe konto, wygeneruj wirtualn\u0105 kart\u0119, zr\u00f3b zakupy za st\u00f3w\u0119 (nawet na Allegro) i bank automatycznie oddaje Ci got\u00f3wk\u0119.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mt-6\">\r\n                    <a href=\"https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5hrzp\" target=\"_blank\" rel=\"sponsored\" class=\"block w-full bg-[#0075eb] hover:bg-blue-700 text-white text-center py-4 rounded-2xl font-bold text-lg transition-transform hover:-translate-y-1 shadow-lg shadow-blue-600\/30\">\r\n                        Otw\u00f3rz Revolut i zgarnij 100 z\u0142 <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- WSKAZ\u00d3WKA DLA PROGRAMISTY \/ U\u017bYTKOWNIKA -->\r\n        <div class=\"text-center py-8\">\r\n            <p class=\"text-slate-500 text-sm italic\">\r\n                (Struktura HTML pozwala na \u0142atwe dodawanie kolejnych bank\u00f3w z Twojej listy tj. Pekao, Millennium, PKO BP, kopiuj\u0105c powy\u017csze bloki <code>&lt;article&gt;<\/code>)\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/main>\r\n\r\n    <footer class=\"bg-slate-900 text-slate-400 py-12 mt-12 text-center text-sm border-t border-slate-800\">\r\n        <div class=\"max-w-3xl mx-auto px-4\">\r\n            <div class=\"flex justify-center items-center gap-2 mb-6 opacity-50 grayscale\">\r\n                <i class=\"fa-brands fa-cc-visa text-3xl\"><\/i>\r\n                <i class=\"fa-brands fa-cc-mastercard text-3xl\"><\/i>\r\n                <i class=\"fa-brands fa-apple-pay text-3xl\"><\/i>\r\n                <i class=\"fa-brands fa-google-pay text-3xl\"><\/i>\r\n            <\/div>\r\n            <p class=\"mb-4\">\r\n                Projekt ma charakter informacyjny. Informacje zawarte na stronie nie stanowi\u0105 porady inwestycyjnej. Sprawd\u017a aktualne regulaminy na stronach poszczeg\u00f3lnych bank\u00f3w.\r\n            <\/p>\r\n            <p>&copy; 2026 ProfitHub. Wszelkie prawa zastrze\u017cone.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ --- 1. Funkcja: Kopiowanie do schowka ---\r\n        function copyCode(elementId) {\r\n            const codeText = document.getElementById(elementId).innerText;\r\n            \/\/ Bezpieczne API schowka z fallbackiem\r\n            if (navigator.clipboard && window.isSecureContext) {\r\n                navigator.clipboard.writeText(codeText).then(showSuccess);\r\n            } else {\r\n                \/\/ Fallback dla starszych przegl\u0105darek \/ iFrame\r\n                let textArea = document.createElement(\"textarea\");\r\n                textArea.value = codeText;\r\n                textArea.style.position = \"fixed\";\r\n                textArea.style.left = \"-999999px\";\r\n                document.body.appendChild(textArea);\r\n                textArea.focus();\r\n                textArea.select();\r\n                try {\r\n                    document.execCommand('copy');\r\n                    showSuccess();\r\n                } catch (err) {\r\n                    console.error('Kopiowanie nie powiod\u0142o si\u0119', err);\r\n                }\r\n                textArea.remove();\r\n            }\r\n\r\n            function showSuccess() {\r\n                const btn = document.querySelector(`button[onclick=\"copyCode('${elementId}')\"]`);\r\n                const originalIcon = btn.innerHTML;\r\n                btn.innerHTML = '<i class=\"fa-solid fa-check text-green-500\"><\/i>';\r\n                btn.classList.add('bg-green-100');\r\n                setTimeout(() => {\r\n                    btn.innerHTML = originalIcon;\r\n                    btn.classList.remove('bg-green-100');\r\n                }, 2000);\r\n            }\r\n        }\r\n\r\n        \/\/ --- 2. Funkcja: Timery Odliczania (FOMO) ---\r\n        function updateTimers() {\r\n            const timers = document.querySelectorAll('.countdown-timer');\r\n            \r\n            timers.forEach(timer => {\r\n                const deadlineAttr = timer.getAttribute('data-deadline');\r\n                if (!deadlineAttr) return;\r\n\r\n                const deadline = new Date(deadlineAttr).getTime();\r\n                const now = new Date().getTime();\r\n                const diff = deadline - now;\r\n\r\n                if (diff < 0) {\r\n                    timer.innerHTML = \"ZAKO\u0143CZONO\";\r\n                    timer.classList.add('text-slate-400');\r\n                    \/\/ Opcjonalnie: ukrycie przycisku lub zmiana stylu po zako\u0144czeniu\r\n                    return;\r\n                }\r\n\r\n                const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\r\n                const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n                const minutes = Math.floor((diff % (1000 * 60 * 60)) \/ (1000 * 60));\r\n                const seconds = Math.floor((diff % (1000 * 60)) \/ 1000);\r\n\r\n                timer.innerHTML = `${days}d ${hours.toString().padStart(2, '0')}g ${minutes.toString().padStart(2, '0')}m ${seconds.toString().padStart(2, '0')}s`;\r\n            });\r\n        }\r\n\r\n        \/\/ Uruchom timer natychmiast, a potem co sekund\u0119\r\n        updateTimers();\r\n        setInterval(updateTimers, 1000);\r\n\r\n        \/\/ --- 3. Usprawnienie Akordion\u00f3w ---\r\n        \/\/ Zamyka inne akordiony w grupie przy otwieraniu jednego (opcjonalne, dla czystszego UI)\r\n        const details = document.querySelectorAll(\"details\");\r\n        details.forEach((targetDetail) => {\r\n            targetDetail.addEventListener(\"click\", () => {\r\n                details.forEach((detail) => {\r\n                    if (detail !== targetDetail && detail.closest('article') === targetDetail.closest('article')) {\r\n                        detail.removeAttribute(\"open\");\r\n                    }\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c6d33a1 e-con e-atomic-element e-flexbox-base e-805d877 \" data-id=\"c6d33a1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c6d33a1\">\n    \t\t<div class=\"elementor-element elementor-element-43853b3 elementor-widget elementor-widget-html\" data-id=\"43853b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n    <title>SmartBanker | Odbierz premie bankowe<\/title>\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Google Fonts: Inter -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Lucide Icons -->\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n    <!-- Tailwind Config dla specyficznych kolor\u00f3w i animacji -->\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        appDark: '#0B0F19',\r\n                        appCard: '#151A27',\r\n                        appAccent: '#3B82F6',\r\n                        appMoney: '#10B981',\r\n                        appWarning: '#F59E0B',\r\n                        appDanger: '#EF4444'\r\n                    },\r\n                    animation: {\r\n                        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n                        'slide-up': 'slideUp 0.5s ease-out forwards',\r\n                        'fade-in': 'fadeIn 0.3s ease-out forwards',\r\n                    },\r\n                    keyframes: {\r\n                        slideUp: {\r\n                            '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\r\n                        },\r\n                        fadeIn: {\r\n                            '0%': { opacity: '0' },\r\n                            '100%': { opacity: '1' },\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        body {\r\n            background-color: #0B0F19;\r\n            color: #F8FAFC;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        \/* Ukrycie standardowego scrollbara, wygl\u0105d jak w apce *\/\r\n        ::-webkit-scrollbar {\r\n            width: 6px;\r\n        }\r\n        ::-webkit-scrollbar-track {\r\n            background: #0B0F19;\r\n        }\r\n        ::-webkit-scrollbar-thumb {\r\n            background: #334155;\r\n            border-radius: 10px;\r\n        }\r\n        ::-webkit-scrollbar-thumb:hover {\r\n            background: #475569;\r\n        }\r\n\r\n        .glass-panel {\r\n            background: rgba(21, 26, 39, 0.7);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n        }\r\n\r\n        .card-hover {\r\n            transition: all 0.3s ease;\r\n        }\r\n        .card-hover:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5);\r\n            border-color: rgba(59, 130, 246, 0.3);\r\n        }\r\n\r\n        .gradient-text {\r\n            background: linear-gradient(135deg, #60A5FA, #A78BFA);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .timeline-dot::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: -25px;\r\n            top: 6px;\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background-color: #3B82F6;\r\n            border: 2px solid #0B0F19;\r\n            z-index: 10;\r\n        }\r\n\r\n        .accordion-content {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n        \r\n        .toast {\r\n            position: fixed;\r\n            bottom: 24px;\r\n            left: 50%;\r\n            transform: translateX(-50%) translateY(100px);\r\n            opacity: 0;\r\n            transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n            z-index: 100;\r\n        }\r\n        .toast.show {\r\n            transform: translateX(-50%) translateY(0);\r\n            opacity: 1;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen flex flex-col\">\r\n\r\n    <!-- Nawigacja -->\r\n    <nav class=\"fixed top-0 w-full glass-panel z-50 border-b border-white\/10\">\r\n        <div class=\"max-w-5xl mx-auto px-4 h-16 flex items-center justify-between\">\r\n            <div class=\"flex items-center gap-2\">\r\n                <div class=\"w-8 h-8 rounded-lg bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center shadow-lg\">\r\n                    <i data-lucide=\"wallet\" class=\"w-5 h-5 text-white\"><\/i>\r\n                <\/div>\r\n                <span class=\"font-bold text-xl tracking-tight\">Smart<span class=\"text-blue-400\">Banker<\/span><\/span>\r\n            <\/div>\r\n            <div class=\"hidden md:flex items-center gap-4 text-sm font-medium text-slate-300\">\r\n                <span>\u0141\u0105czna pula premii:<\/span>\r\n                <span class=\"bg-emerald-500\/10 text-emerald-400 px-3 py-1 rounded-full border border-emerald-500\/20 shadow-[0_0_15px_rgba(16,185,129,0.2)]\">\r\n                    + <span id=\"total-pool\">0<\/span> z\u0142\r\n                <\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Sekcja Hero -->\r\n    <main class=\"flex-grow pt-24 pb-20 px-4\">\r\n        <div class=\"max-w-3xl mx-auto text-center mb-12 animate-slide-up\">\r\n            <div class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-blue-500\/10 border border-blue-500\/20 text-blue-400 text-sm font-medium mb-6\">\r\n                <i data-lucide=\"shield-check\" class=\"w-4 h-4\"><\/i>\r\n                Zweryfikowane oferty bankowe\r\n            <\/div>\r\n            <h1 class=\"text-4xl md:text-5xl font-extrabold mb-4 leading-tight\">\r\n                Zarabiaj na <span class=\"gradient-text\">promocjach bankowych<\/span>\r\n            <\/h1>\r\n            <p class=\"text-slate-400 text-lg md:text-xl\">\r\n                Odbieraj darmow\u0105 got\u00f3wk\u0119 za testowanie kont. Wyselekcjonowane, bezpieczne oferty. Wybierz bank, wykonaj proste kroki i odbierz premi\u0119.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Kontener na dynamiczne karty ofert -->\r\n        <div id=\"offers-container\" class=\"max-w-4xl mx-auto space-y-6\">\r\n            <!-- Karty b\u0119d\u0105 renderowane tutaj przez JavaScript -->\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <!-- Sticky Mobile Footer -->\r\n    <div class=\"md:hidden fixed bottom-0 w-full glass-panel border-t border-white\/10 p-4 z-40 pb-safe\">\r\n        <div class=\"flex justify-between items-center\">\r\n            <div class=\"flex flex-col\">\r\n                <span class=\"text-xs text-slate-400\">Do zgarni\u0119cia:<\/span>\r\n                <span class=\"text-lg font-bold text-emerald-400\">+ <span id=\"mobile-total-pool\">0<\/span> z\u0142<\/span>\r\n            <\/div>\r\n            <button onclick=\"window.scrollTo(0,0)\" class=\"bg-white\/10 hover:bg-white\/20 text-white p-2 rounded-xl backdrop-blur-sm transition-colors\">\r\n                <i data-lucide=\"arrow-up\" class=\"w-5 h-5\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Toast Notification -->\r\n    <div id=\"toast\" class=\"toast bg-slate-800 border border-slate-700 text-white px-4 py-3 rounded-2xl shadow-2xl flex items-center gap-3\">\r\n        <div class=\"w-8 h-8 rounded-full bg-emerald-500\/20 flex items-center justify-center\">\r\n            <i data-lucide=\"check\" class=\"w-4 h-4 text-emerald-500\"><\/i>\r\n        <\/div>\r\n        <span id=\"toast-message\" class=\"font-medium text-sm\">Skopiowano pomy\u015blnie<\/span>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Inicjalizacja ikon Lucide\r\n        lucide.createIcons();\r\n\r\n        \/\/ Baza danych ofert (strukturyzacja tekstu)\r\n        const offersData = [\r\n            {\r\n                id: \"erste\",\r\n                bankName: \"Erste Bank\",\r\n                logoUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-erste.png\",\r\n                bannerUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/erste-bank.jpg\",\r\n                reward: \"800 z\u0142\",\r\n                extraReward: \"Lokata 4,5%\",\r\n                title: \"Darmowe konto do 26. roku \u017cycia. Zgarnij 800 z\u0142 premii i 4,5% na lokacie!\",\r\n                deadline: \"2026-07-31T23:59:59\",\r\n                limit: null,\r\n                link: \"https:\/\/prostodo.pl\/c?zid=16702889540&tid=5980&ha=3174784782&r=5377\",\r\n                steps: [\r\n                    {\r\n                        title: \"Start (Do 30 czerwca)\",\r\n                        content: \"Otw\u00f3rz konto promocyjne z kart\u0105 debetow\u0105 i podpisz umow\u0119. <strong>Wa\u017cne:<\/strong> We wniosku zaznacz WSZYSTKIE zgody (marketing, kontakt elektroniczny\/telefoniczny oraz EKK).\"\r\n                    },\r\n                    {\r\n                        title: \"Trzy miesi\u0105ce aktywno\u015bci\",\r\n                        content: \"W lipcu, sierpniu i wrze\u015bniu zr\u00f3b to samo:<br>- Przelej na konto min. 1500 z\u0142.<br>- Zap\u0142a\u0107 min. 5 razy kart\u0105 lub BLIKiem.<br>- Za\u0142\u00f3\u017c cel oszcz\u0119dno\u015bciowy w 'Moje Cele'.\"\r\n                    },\r\n                    {\r\n                        title: \"Odbi\u00f3r got\u00f3wki\",\r\n                        content: \"Sierpie\u0144: 200 z\u0142. Wrzesie\u0144: 200 z\u0142. Pa\u017adziernik: 200 z\u0142. (+100 z\u0142 wpada za poprawne otwarcie konta i zgody).\"\r\n                    },\r\n                    {\r\n                        title: \"BONUS! +100 z\u0142 (Program Polece\u0144)\",\r\n                        content: `Do 30 dni od otwarcia zaloguj si\u0119 i do\u0142\u0105cz do programu. Podaj kod: <span class=\"inline-flex items-center gap-1 bg-slate-800 px-2 py-1 rounded text-blue-400 font-mono text-sm border border-slate-700 mx-1 cursor-pointer hover:bg-slate-700\" onclick=\"copyToClipboard('JFJ8LX')\">JFJ8LX <i data-lucide=\"copy\" class=\"w-3 h-3\"><\/i><\/span>. W kolejnym miesi\u0105cu zr\u00f3b p\u0142atno\u015bci kart\u0105 na min. 300 z\u0142. Otrzymasz voucher do sklepu.`\r\n                    }\r\n                ],\r\n                details: `<strong>Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/strong> Nowy klient (brak konta od 1 czerwca 2024 r.). Program polece\u0144 dla os\u00f3b bez konta przez ostatnie 12 miesi\u0119cy. Posiadanie karty kredytowej nie wyklucza!<br><br><strong>Lokata 4,5%:<\/strong> Dla os\u00f3b bez konta przez ostatnie 2 lata. Okres 3 miesi\u0105ce, limit 50 000 z\u0142.`\r\n            },\r\n            {\r\n                id: \"bnp\",\r\n                bankName: \"BNP Paribas\",\r\n                logoUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-bnp-paribas.png\",\r\n                bannerUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/bnp-paribas-1.png\",\r\n                reward: \"700 z\u0142\",\r\n                title: \"Zgarnij a\u017c 700 z\u0142 premii za proste p\u0142atno\u015bci kart\u0105!\",\r\n                deadline: \"2026-08-31T23:59:59\",\r\n                limit: \"Tylko 30 000 rejestracji\",\r\n                link: \"https:\/\/prostodo.pl\/c?zid=47312489390&tid=6260&ha=444817510&r=1865\",\r\n                steps: [\r\n                    {\r\n                        title: \"Rejestracja i wniosek (Do 31 sierpnia)\",\r\n                        content: \"Odblokuj PESEL. Przejd\u017a na stron\u0119, wype\u0142nij formularz. Pobierz aplikacj\u0119 przez kod QR i wybierz 'Konto osobiste w promocji'. Zaakceptuj regulamin i zgody marketingowe. Wybierz Kart\u0119 Otwart\u0105 na \u015awiat.\"\r\n                    },\r\n                    {\r\n                        title: \"P\u0119tla kasowa przez 12 miesi\u0119cy\",\r\n                        content: \"Przez 12 kolejnych miesi\u0119cy (od nast\u0119pnego miesi\u0105ca po otwarciu):<br>- Przelej min. 1000 z\u0142.<br>- Zap\u0142a\u0107 min. 7 razy kart\u0105 (BLIK si\u0119 nie liczy).<br>Za ka\u017cdy miesi\u0105c dostaniesz 50 z\u0142 (\u0142\u0105cznie 600 z\u0142).\"\r\n                    },\r\n                    {\r\n                        title: \"Ekstra bonus +100 z\u0142 na fina\u0142\",\r\n                        content: \"W 12. miesi\u0105cu posiadaj Konto Lokacyjne lub 'Konto Pe\u0142ne Marze\u0144' z saldem min. 100 z\u0142. Zgarniasz dodatkowe 100 z\u0142!\"\r\n                    }\r\n                ],\r\n                details: `<strong>Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/strong> Osoba pe\u0142noletnia, brak konta osobistego w BNP Paribas przez ostatnie 24 miesi\u0105ce.<br><br><strong>Koszty:<\/strong> Prowadzenie konta 0 z\u0142. Karta 0 z\u0142 w tej promocji. Wyp\u0142aty z bankomat\u00f3w poza EOG 0 z\u0142.`\r\n            },\r\n            {\r\n                id: \"alior\",\r\n                bankName: \"Alior Bank\",\r\n                logoUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-alior-bank-.png\",\r\n                bannerUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/alior-bank-1.png\",\r\n                reward: \"1000 z\u0142\",\r\n                extraReward: \"+ Obr\u0105czka (500 z\u0142)\",\r\n                title: \"We\u017a a\u017c 1000 z\u0142 got\u00f3wki i zgarnij designersk\u0105 obr\u0105czk\u0119 p\u0142atnicz\u0105!\",\r\n                deadline: \"2026-06-30T23:59:59\",\r\n                limit: null,\r\n                link: \"https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5opw0\",\r\n                steps: [\r\n                    {\r\n                        title: \"Otwarcie konta z kodem (Do 30 czerwca)\",\r\n                        content: `Z\u0142\u00f3\u017c wniosek o Alior Konto. Wpisz kod promocyjny: <span class=\"inline-flex items-center gap-1 bg-slate-800 px-2 py-1 rounded text-blue-400 font-mono text-sm border border-slate-700 mx-1 cursor-pointer hover:bg-slate-700\" onclick=\"copyToClipboard('ZYSKAJ2026')\">ZYSKAJ2026 <i data-lucide=\"copy\" class=\"w-3 h-3\"><\/i><\/span>. Zaznacz zgody na marketing bezpo\u015bredni.`\r\n                    },\r\n                    {\r\n                        title: \"Pierwsza aktywno\u015b\u0107 (W ci\u0105gu 10 dni)\",\r\n                        content: \"Zaloguj si\u0119 do Alior Mobile. Zarejestruj kart\u0119 w Bezcenne Chwile. Wykonaj min. 5 p\u0142atno\u015bci kart\u0105\/BLIK. <strong>Nagroda:<\/strong> 200 z\u0142 oraz kod na darmow\u0105 obr\u0105czk\u0119 p\u0142atnicz\u0105.\"\r\n                    },\r\n                    {\r\n                        title: \"P\u0119tla cashbacku (Przez 8 miesi\u0119cy)\",\r\n                        content: \"Zapewnij wp\u0142yw min. 2000 z\u0142. Zaloguj si\u0119 1 raz do aplikacji. P\u0142a\u0107 kart\u0105\/BLIK - bank zwraca 10% warto\u015bci zakup\u00f3w (do 100 z\u0142 miesi\u0119cznie).\"\r\n                    }\r\n                ],\r\n                details: `<strong>Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/strong> Osoby, kt\u00f3re przez ostatnie 3 lata nie posiada\u0142y konta osobistego w Alior Banku.<br><br><strong>Koszty:<\/strong> Konto za 0 z\u0142. Karta za 0 z\u0142 przy wydatkach min. 300 z\u0142\/mc (inaczej 6 z\u0142).`\r\n            },\r\n            {\r\n                id: \"mbank\",\r\n                bankName: \"mBank\",\r\n                logoUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-mbank.png\",\r\n                bannerUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/mbank-1.png\",\r\n                reward: \"1260 z\u0142\",\r\n                title: \"Rekordowe 1260 z\u0142 premii za za\u0142o\u017cenie darmowego eKonta do Us\u0142ug!\",\r\n                deadline: \"2026-08-31T23:59:59\",\r\n                limit: \"Tylko 2 000 kont\",\r\n                link: \"https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5opw2\",\r\n                steps: [\r\n                    {\r\n                        title: \"Rejestracja (Do 31 sierpnia)\",\r\n                        content: `Odblokuj PESEL. Zapisz si\u0119 do akcji i z\u0142\u00f3\u017c wniosek. Wpisz kod: <span class=\"inline-flex items-center gap-1 bg-slate-800 px-2 py-1 rounded text-blue-400 font-mono text-sm border border-slate-700 mx-1 cursor-pointer hover:bg-slate-700\" onclick=\"copyToClipboard('banklovers99')\">banklovers99 <i data-lucide=\"copy\" class=\"w-3 h-3\"><\/i><\/span>. Zaakceptuj mOkazje i 'Moje Cele'. Umow\u0119 podpisz przez selfie lub mObywatel do 9 wrze\u015bnia.`\r\n                    },\r\n                    {\r\n                        title: \"Pierwszy miesi\u0105c\",\r\n                        content: \"W ci\u0105gu 7 dni przelej min. 2000 z\u0142. Do ko\u0144ca pierwszego miesi\u0105ca zap\u0142a\u0107 kart\u0105 min. 350 z\u0142. Utrzymaj saldo min. 100 z\u0142 na 'Moje Cele' w ostatni dzie\u0144 roboczy.\"\r\n                    },\r\n                    {\r\n                        title: \"P\u0119tla aktywno\u015bci (Kolejne 5 miesi\u0119cy)\",\r\n                        content: \"Co miesi\u0105c: wp\u0142yw min. 2000 z\u0142, p\u0142atno\u015bci kart\u0105 min. 350 z\u0142, przyrost salda na 'Moje Cele' o 100 z\u0142 wzgl\u0119dem poprzedniego miesi\u0105ca.\"\r\n                    },\r\n                    {\r\n                        title: \"Dodatkowe bonusy\",\r\n                        content: \"Wp\u0142yw wynagrodzenia (w 4 z 6 miesi\u0119cy): +300 z\u0142. Otwarcie konta dla dziecka: +100 z\u0142.\"\r\n                    }\r\n                ],\r\n                details: `<strong>Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/strong> Nowi klienci (brak konta po 1 stycznia 2022 r.).<br><br><strong>Koszty:<\/strong> Prowadzenie 0 z\u0142. Karta 0 z\u0142 przy p\u0142atno\u015bciach min. 350 z\u0142\/mc (inaczej 10 z\u0142).`\r\n            },\r\n            {\r\n                id: \"pekao\",\r\n                bankName: \"Pekao S.A.\",\r\n                logoUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-pekao-sa.png\",\r\n                bannerUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/pekao-S.A-1.png\",\r\n                reward: \"300 z\u0142\",\r\n                extraReward: \"+ 2400 z\u0142 zwrotu\",\r\n                title: \"Zgarnij 300 z\u0142 szybkiej got\u00f3wki + nawet 2400 z\u0142 zwrotu na podr\u00f3\u017ce!\",\r\n                deadline: \"2026-07-15T23:59:59\",\r\n                limit: null,\r\n                link: \"https:\/\/prostodo.pl\/c?zid=33525907120&tid=2637&ha=3673410168&r=711\",\r\n                steps: [\r\n                    {\r\n                        title: \"Start (Do 15 lipca)\",\r\n                        content: \"Otw\u00f3rz Konto Przekorzystne. Zaznacz zgody marketingowe. Tego samego dnia podpisz umow\u0119 online i zaloguj si\u0119 do PeoPay. <strong>Pierwsza nagroda: 100 z\u0142<\/strong>.\"\r\n                    },\r\n                    {\r\n                        title: \"Dwa miesi\u0105ce p\u0142atno\u015bci\",\r\n                        content: \"W pierwszym i drugim miesi\u0105cu wykonaj min. 5 p\u0142atno\u015bci kart\u0105 na dowoln\u0105 kwot\u0119. <strong>Kolejna nagroda: 200 z\u0142<\/strong>.\"\r\n                    },\r\n                    {\r\n                        title: \"Opcja VIP: 2400 z\u0142 na podr\u00f3\u017ce\",\r\n                        content: \"Wybierz Z\u0142ot\u0105 Kart\u0119. P\u0142a\u0107 ni\u0105 przez 12 miesi\u0119cy - bank daje 3% do 6% zwrotu (do 200 z\u0142\/mc) do wirtualnego portfela. \u015arodki te mo\u017cesz wyp\u0142aci\u0107 na zakupy zwi\u0105zane z podr\u00f3\u017cami (paliwo, bilety, wycieczki).\"\r\n                    }\r\n                ],\r\n                details: `<strong>Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/strong> Brak konta w Pekao S.A. po 1 maja 2024 r.<br><br><strong>Koszty:<\/strong> Konto za 0 z\u0142. Karta za 0 z\u0142 (warunek: wp\u0142yw 500 z\u0142 i 1 p\u0142atno\u015b\u0107) lub Z\u0142ota Karta za 0 z\u0142 (wp\u0142yw 1000 z\u0142 i 5 p\u0142atno\u015bci). Osoby <26 lat maj\u0105 karty za darmo.`\r\n            },\r\n            {\r\n                id: \"revolut\",\r\n                bankName: \"Revolut\",\r\n                logoUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-revolut-.png\",\r\n                bannerUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/revolut-1.png\",\r\n                reward: \"100 z\u0142\",\r\n                title: \"Najprostsza promocja w internecie. Wydajesz 100 z\u0142 \u2013 odbierasz 100 z\u0142!\",\r\n                deadline: \"2026-12-31T23:59:59\",\r\n                limit: null,\r\n                link: \"https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5hrzp\",\r\n                steps: [\r\n                    {\r\n                        title: \"Rejestracja\",\r\n                        content: \"Kliknij w link, podaj numer telefonu. Pobierz aplikacj\u0119 i zweryfikuj to\u017csamo\u015b\u0107.\"\r\n                    },\r\n                    {\r\n                        title: \"Darmowa karta\",\r\n                        content: \"Zam\u00f3w darmow\u0105 kart\u0119 wirtualn\u0105 i podepnij j\u0105 do Apple Pay \/ Google Pay.\"\r\n                    },\r\n                    {\r\n                        title: \"Prosta p\u0142atno\u015b\u0107 i odbi\u00f3r\",\r\n                        content: \"Zasil konto. W ci\u0105gu 30 dni wydaj \u0142\u0105cznie min. 100 z\u0142 now\u0105 kart\u0105. W ci\u0105gu 3 dni roboczych otrzymasz bonus 100 z\u0142 bezpo\u015brednio na konto!\"\r\n                    }\r\n                ],\r\n                details: `<strong>Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/strong> Tylko nowi klienci. Wiek: 18+.<br><br><strong>Koszty:<\/strong> Plan Standard to 0 z\u0142 op\u0142at miesi\u0119cznych, darmowa wirtualna karta i darmowe przelewy mi\u0119dzy u\u017cytkownikami.`\r\n            },\r\n            {\r\n                id: \"revolutbiz\",\r\n                bankName: \"Revolut Business\",\r\n                logoUrl: \"https:\/\/placehold.co\/100x100\/1e293b\/ffffff?text=RB\",\r\n                bannerUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/revolut-biznes-1.png\",\r\n                reward: \"500 z\u0142\",\r\n                title: \"Zgarnij 500 z\u0142 premii w jeden dzie\u0144 za proste zasilenie konta!\",\r\n                deadline: \"2026-07-31T23:59:59\",\r\n                limit: null,\r\n                link: \"https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5oq3c\",\r\n                steps: [\r\n                    {\r\n                        title: \"Wniosek i rejestracja\",\r\n                        content: \"Pobierz aplikacj\u0119 biznesow\u0105. Uzupe\u0142nij dane firmy (dla JDG wybierz jednoosobow\u0105 dzia\u0142alno\u015b\u0107).\"\r\n                    },\r\n                    {\r\n                        title: \"Weryfikacja\",\r\n                        content: \"Zr\u00f3b nagranie twarzy (selfie weryfikacyjne) i zdj\u0119cie dowodu osobistego. Wybierz darmowy plan Basic.\"\r\n                    },\r\n                    {\r\n                        title: \"Zasilenie i premia\",\r\n                        content: \"Gdy konto b\u0119dzie aktywne, zasil je dowoln\u0105 kwot\u0105 (np. 10 z\u0142) przelewem lub kart\u0105. Premia 500 z\u0142 wpadnie b\u0142yskawicznie, cz\u0119sto tego samego dnia!\"\r\n                    }\r\n                ],\r\n                details: `<strong>Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/strong> Nowi klienci biznesowi (JDG).<br><br><strong>Koszty:<\/strong> Plan Basic za 0 z\u0142. Karta i dostawa za darmo.`\r\n            },\r\n            {\r\n                id: \"millennium\",\r\n                bankName: \"Bank Millennium\",\r\n                logoUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/logo-milenium-.png\",\r\n                bannerUrl: \"https:\/\/bankowychecklist.pl\/wp-content\/uploads\/2026\/06\/millenium-1.png\",\r\n                reward: \"700 z\u0142\",\r\n                extraReward: \"Lokata 5,5%\",\r\n                title: \"Zgarnij a\u017c 700 z\u0142 premii na start + 5,5% dla Twoich oszcz\u0119dno\u015bci!\",\r\n                deadline: \"2026-10-27T23:59:59\",\r\n                limit: \"Limit 300 000 wniosk\u00f3w\",\r\n                link: \"https:\/\/okazjabankowa.ebrokerpartner.pl\/short\/5oq3e\",\r\n                steps: [\r\n                    {\r\n                        title: \"Wniosek i zgody (Do 27 pa\u017adziernika)\",\r\n                        content: \"Zawnioskuj o Konto Millennium 360\u00b0. Zaznacz zgody marketingowe. Podpisz umow\u0119 przez mObywatel lub otwarta bankowo\u015b\u0107.\"\r\n                    },\r\n                    {\r\n                        title: \"Pierwsza premia (200 z\u0142)\",\r\n                        content: \"W 14 dni od otwarcia: zarejestruj telefon do BLIK, zr\u00f3b wp\u0142yw min. 3000 z\u0142 (1500 z\u0142 dla os\u00f3b <26 lat) i zr\u00f3b 5 p\u0142atno\u015bci telefonem w sklepach.\"\r\n                    },\r\n                    {\r\n                        title: \"G\u0142\u00f3wna premia (500 z\u0142)\",\r\n                        content: \"Przez 5 kolejnych miesi\u0119cy: utrzymuj BLIK, wp\u0142ywy 3000 z\u0142 (lub 1500 z\u0142) i p\u0142a\u0107 kart\u0105\/telefonem min. 1000 z\u0142 miesi\u0119cznie w sklepach stacjonarnych.\"\r\n                    }\r\n                ],\r\n                details: `<strong>Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/strong> Osoby bez rachunku w Millennium od 1 stycznia 2022 r. Karta kredytowa nie wyklucza.<br><br><strong>Koszty:<\/strong> Konto za 0 z\u0142. Karta za 0 z\u0142 przy 5 p\u0142atno\u015bciach kart\u0105\/BLIK w miesi\u0105cu (dla os\u00f3b 18-26 lat wystarczy 1 p\u0142atno\u015b\u0107).`\r\n            },\r\n            {\r\n                id: \"pkobp\",\r\n                bankName: \"PKO BP\",\r\n                logoUrl: \"https:\/\/placehold.co\/100x100\/1e293b\/ffffff?text=PKO\",\r\n                bannerUrl: \"https:\/\/placehold.co\/800x400\/0f172a\/ffffff?text=PKO+BP+Promocja\",\r\n                reward: \"600 z\u0142\",\r\n                title: \"Zgarnij 600 z\u0142 premii got\u00f3wkowej za za\u0142o\u017cenie darmowego Konta za Zero!\",\r\n                deadline: \"2026-06-30T23:59:59\",\r\n                limit: \"Tylko 7 000 wniosk\u00f3w\",\r\n                link: \"#\",\r\n                steps: [\r\n                    {\r\n                        title: \"Rejestracja z kodem\",\r\n                        content: `Z\u0142\u00f3\u017c wniosek i koniecznie wpisz kod promocyjny: <span class=\"inline-flex items-center gap-1 bg-slate-800 px-2 py-1 rounded text-blue-400 font-mono text-sm border border-slate-700 mx-1 cursor-pointer hover:bg-slate-700\" onclick=\"copyToClipboard('PREMIA')\">PREMIA <i data-lucide=\"copy\" class=\"w-3 h-3\"><\/i><\/span>.`\r\n                    },\r\n                    {\r\n                        title: \"Pierwsza st\u00f3wa\",\r\n                        content: \"W pierwszym pe\u0142nym miesi\u0105cu zr\u00f3b min. 1 p\u0142atno\u015b\u0107 kart\u0105. Dostaniesz 100 z\u0142.\"\r\n                    },\r\n                    {\r\n                        title: \"Moneyback (Do 500 z\u0142)\",\r\n                        content: \"Przez 10 miesi\u0119cy p\u0142a\u0107 kart\u0105 (5% zwrotu, max 50 z\u0142 miesi\u0119cznie) i loguj si\u0119 min. 1 raz w miesi\u0105cu do aplikacji IKO.\"\r\n                    }\r\n                ],\r\n                details: `<strong>Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/strong> Osoby bez konta w PKO BP od 1 pa\u017adziernika 2024 do 31 marca 2026 r.<br><br><strong>Koszty:<\/strong> Prowadzenie konta 0 z\u0142.`\r\n            },\r\n            {\r\n                id: \"pocztowy\",\r\n                bankName: \"Bank Pocztowy\",\r\n                logoUrl: \"https:\/\/placehold.co\/100x100\/1e293b\/ffffff?text=BP\",\r\n                bannerUrl: \"https:\/\/placehold.co\/800x400\/0f172a\/ffffff?text=Bank+Pocztowy\",\r\n                reward: \"960 z\u0142\",\r\n                extraReward: \"+ 1000 z\u0142 z polece\u0144\",\r\n                title: \"Zgarnij a\u017c 960 z\u0142 premii w got\u00f3wce + do 1000 z\u0142 za polecanie znajomych!\",\r\n                deadline: \"2026-08-31T23:59:59\",\r\n                limit: null,\r\n                link: \"#\",\r\n                steps: [\r\n                    {\r\n                        title: \"Wniosek i rejestracja\",\r\n                        content: \"Odblokuj PESEL. Otw\u00f3rz 'Konto w Porz\u0105dku', zaakceptuj zgody marketingowe i podpisz umow\u0119.\"\r\n                    },\r\n                    {\r\n                        title: \"Cashback za zakupy\",\r\n                        content: \"W ka\u017cdym z kolejnych miesi\u0119cy p\u0142a\u0107 kart\u0105 za codzienne zakupy. Bank b\u0119dzie zwraca\u0142 Ci cz\u0119\u015b\u0107 wydatk\u00f3w prosto na konto (a\u017c do kwoty 960 z\u0142 w okresie promocji).\"\r\n                    },\r\n                    {\r\n                        title: \"Program Polece\u0144\",\r\n                        content: \"Polecaj konto znajomym generuj\u0105c link z poziomu aplikacji. Za skutecznie otwarte konta mo\u017cesz zgarn\u0105\u0107 dodatkowe 1000 z\u0142!\"\r\n                    }\r\n                ],\r\n                details: `<strong>Kto mo\u017ce wzi\u0105\u0107 udzia\u0142?<\/strong> Nowi klienci, nieposiadaj\u0105cy konta w Banku Pocztowym.<br><br><strong>Koszty:<\/strong> Przejrzyste warunki, darmowe konto przy aktywnym korzystaniu.`\r\n            }\r\n        ];\r\n\r\n        \/\/ Zmienna do zliczania ca\u0142kowitej puli\r\n        let totalRewardValue = 0;\r\n\r\n        \/\/ Funkcja do wyci\u0105gania liczby ze stringa (np. \"800 z\u0142\" -> 800)\r\n        function parseReward(str) {\r\n            const num = parseInt(str.replace(\/[^0-9]\/g, ''));\r\n            return isNaN(num) ? 0 : num;\r\n        }\r\n\r\n        \/\/ Renderowanie kart ofert\r\n        function renderOffers() {\r\n            const container = document.getElementById('offers-container');\r\n            container.innerHTML = '';\r\n\r\n            offersData.forEach((offer, index) => {\r\n                totalRewardValue += parseReward(offer.reward);\r\n\r\n                \/\/ Tworzenie HTML dla danej oferty\r\n                const cardHTML = `\r\n                <div class=\"glass-panel rounded-3xl p-6 border border-slate-800 relative overflow-hidden card-hover animate-slide-up\" style=\"animation-delay: ${index * 0.1}s\">\r\n                    <!-- T\u0142o gradientowe (subtelne) -->\r\n                    <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-64 h-64 bg-blue-500\/10 blur-[80px] rounded-full pointer-events-none\"><\/div>\r\n                    \r\n                    <div class=\"flex flex-col md:flex-row gap-6 relative z-10\">\r\n                        <!-- Lewa strona: Logo i Grafik -->\r\n                        <div class=\"w-full md:w-1\/4 flex flex-col items-center gap-4\">\r\n                            <div class=\"w-20 h-20 rounded-2xl bg-white p-2 shadow-xl border border-slate-700\/50 flex items-center justify-center overflow-hidden\">\r\n                                <img decoding=\"async\" src=\"${offer.logoUrl}\" alt=\"${offer.bankName}\" class=\"max-w-full max-h-full object-contain\" onerror=\"this.src='https:\/\/placehold.co\/100x100\/1e293b\/ffffff?text=Bank'\">\r\n                            <\/div>\r\n                            \r\n                            <div class=\"text-center w-full\">\r\n                                <div class=\"text-xs text-slate-400 uppercase tracking-wider font-semibold mb-1\">Do odebrania<\/div>\r\n                                <div class=\"text-3xl font-black text-emerald-400 flex justify-center items-center gap-1\">\r\n                                    ${offer.reward}\r\n                                <\/div>\r\n                                ${offer.extraReward ? `<div class=\"text-sm text-emerald-500\/80 font-medium mt-1\">${offer.extraReward}<\/div>` : ''}\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Prawa strona: Tre\u015b\u0107 -->\r\n                        <div class=\"w-full md:w-3\/4 flex flex-col justify-between\">\r\n                            <div>\r\n                                <div class=\"flex flex-wrap gap-2 mb-3\">\r\n                                    <!-- Timer -->\r\n                                    <div class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-slate-800\/80 border border-slate-700 text-xs font-medium text-slate-300\">\r\n                                        <i data-lucide=\"clock\" class=\"w-3.5 h-3.5 text-blue-400\"><\/i>\r\n                                        Koniec: <span class=\"countdown-timer font-mono text-blue-300\" data-deadline=\"${offer.deadline}\">Obliczanie...<\/span>\r\n                                    <\/div>\r\n                                    \r\n                                    <!-- Limit (je\u015bli istnieje) -->\r\n                                    ${offer.limit ? `\r\n                                    <div class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-amber-500\/10 border border-amber-500\/20 text-xs font-medium text-amber-400\">\r\n                                        <div class=\"w-2 h-2 rounded-full bg-amber-500 animate-pulse-slow\"><\/div>\r\n                                        ${offer.limit}\r\n                                    <\/div>` : ''}\r\n                                <\/div>\r\n\r\n                                <h2 class=\"text-xl md:text-2xl font-bold text-white mb-4 leading-tight\">${offer.title}<\/h2>\r\n                                \r\n                                <!-- G\u0142\u00f3wny przycisk akcji -->\r\n                                <a href=\"${offer.link}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group flex items-center justify-center gap-2 w-full md:w-auto bg-blue-600 hover:bg-blue-500 text-white font-semibold py-3.5 px-6 rounded-xl transition-all shadow-[0_0_20px_rgba(37,99,235,0.3)] hover:shadow-[0_0_25px_rgba(59,130,246,0.5)]\">\r\n                                    Otw\u00f3rz konto z premi\u0105\r\n                                    <i data-lucide=\"arrow-right\" class=\"w-5 h-5 group-hover:translate-x-1 transition-transform\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Sekcja rozwijana: Jak odebra\u0107? -->\r\n                    <div class=\"mt-8 pt-6 border-t border-slate-800\">\r\n                        <button class=\"flex items-center justify-between w-full text-left text-slate-300 hover:text-white transition-colors\" onclick=\"toggleAccordion('acc-${offer.id}', this)\">\r\n                            <div class=\"flex items-center gap-2 font-semibold\">\r\n                                <i data-lucide=\"list-checks\" class=\"w-5 h-5 text-blue-400\"><\/i>\r\n                                Jak odebra\u0107 nagrod\u0119? (Krok po kroku)\r\n                            <\/div>\r\n                            <i data-lucide=\"chevron-down\" class=\"w-5 h-5 transition-transform duration-300 transform\"><\/i>\r\n                        <\/button>\r\n                        \r\n                        <div id=\"acc-${offer.id}\" class=\"accordion-content\">\r\n                            <div class=\"pt-6 pb-2\">\r\n                                <!-- Timeline (Kroki) -->\r\n                                <div class=\"relative pl-6 ml-2 border-l-2 border-slate-800 space-y-8\">\r\n                                    ${offer.steps.map((step, idx) => `\r\n                                        <div class=\"relative timeline-dot\">\r\n                                            <h4 class=\"text-sm font-bold text-blue-400 mb-1.5 uppercase tracking-wide\">Krok ${idx + 1}: ${step.title}<\/h4>\r\n                                            <p class=\"text-slate-400 text-sm leading-relaxed\">${step.content}<\/p>\r\n                                        <\/div>\r\n                                    `).join('')}\r\n                                <\/div>\r\n                                \r\n                                <!-- Szczeg\u00f3\u0142y dodatkowe -->\r\n                                <div class=\"mt-8 bg-slate-900\/50 border border-slate-800 rounded-xl p-4 text-sm text-slate-400\">\r\n                                    <div class=\"flex items-center gap-2 mb-2 text-slate-300 font-semibold\">\r\n                                        <i data-lucide=\"info\" class=\"w-4 h-4\"><\/i> Wa\u017cne szczeg\u00f3\u0142y\r\n                                    <\/div>\r\n                                    ${offer.details}\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                `;\r\n                container.insertAdjacentHTML('beforeend', cardHTML);\r\n            });\r\n\r\n            \/\/ Animacja licznika ca\u0142kowitej kwoty\r\n            animateValue(\"total-pool\", 0, totalRewardValue, 2000);\r\n            animateValue(\"mobile-total-pool\", 0, totalRewardValue, 2000);\r\n            \r\n            \/\/ Re-inicjalizacja ikon dla nowo wyrenderowanych element\u00f3w\r\n            lucide.createIcons();\r\n            \r\n            \/\/ Start Timer\u00f3w\r\n            startTimers();\r\n        }\r\n\r\n        \/\/ Funkcja rozwijania\/zwijania (Accordion)\r\n        window.toggleAccordion = function(id, button) {\r\n            const content = document.getElementById(id);\r\n            const icon = button.querySelector('[data-lucide=\"chevron-down\"]');\r\n            \r\n            if (content.style.maxHeight && content.style.maxHeight !== '0px') {\r\n                content.style.maxHeight = '0px';\r\n                icon.style.transform = 'rotate(0deg)';\r\n            } else {\r\n                content.style.maxHeight = content.scrollHeight + \"px\";\r\n                icon.style.transform = 'rotate(180deg)';\r\n                \/\/ Aktualizacja maxHeight na wypadek zmiany rozmiaru ekranu lub zawarto\u015bci\r\n                setTimeout(() => {\r\n                    content.style.maxHeight = 'fit-content';\r\n                }, 400);\r\n            }\r\n        }\r\n\r\n        \/\/ Kopiowanie do schowka z powiadomieniem\r\n        window.copyToClipboard = function(text) {\r\n            try {\r\n                \/\/ Nowoczesne API\r\n                navigator.clipboard.writeText(text).then(showToast, fallbackCopyTextToClipboard(text));\r\n            } catch (err) {\r\n                \/\/ Fallback dla iFrame \/ starych przegl\u0105darek\r\n                fallbackCopyTextToClipboard(text);\r\n            }\r\n        }\r\n\r\n        function fallbackCopyTextToClipboard(text) {\r\n            var textArea = document.createElement(\"textarea\");\r\n            textArea.value = text;\r\n            textArea.style.top = \"0\";\r\n            textArea.style.left = \"0\";\r\n            textArea.style.position = \"fixed\";\r\n            document.body.appendChild(textArea);\r\n            textArea.focus();\r\n            textArea.select();\r\n            try {\r\n                document.execCommand('copy');\r\n                showToast();\r\n            } catch (err) {\r\n                console.error('B\u0142\u0105d kopiowania', err);\r\n            }\r\n            document.body.removeChild(textArea);\r\n        }\r\n\r\n        function showToast() {\r\n            const toast = document.getElementById('toast');\r\n            toast.classList.add('show');\r\n            setTimeout(() => {\r\n                toast.classList.remove('show');\r\n            }, 3000);\r\n        }\r\n\r\n        \/\/ Animacja licznika (np. od 0 do 8500)\r\n        function animateValue(id, start, end, duration) {\r\n            if (start === end) return;\r\n            const obj = document.getElementById(id);\r\n            let startTimestamp = null;\r\n            const step = (timestamp) => {\r\n                if (!startTimestamp) startTimestamp = timestamp;\r\n                const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\r\n                \/\/ Ease out\r\n                const easeProgress = 1 - Math.pow(1 - progress, 3);\r\n                obj.innerHTML = Math.floor(easeProgress * (end - start) + start).toLocaleString('pl-PL');\r\n                if (progress < 1) {\r\n                    window.requestAnimationFrame(step);\r\n                }\r\n            };\r\n            window.requestAnimationFrame(step);\r\n        }\r\n\r\n        \/\/ Logika odliczania czasu\r\n        function startTimers() {\r\n            const timerElements = document.querySelectorAll('.countdown-timer');\r\n            \r\n            function updateTimers() {\r\n                const now = new Date().getTime();\r\n                \r\n                timerElements.forEach(el => {\r\n                    const deadlineStr = el.getAttribute('data-deadline');\r\n                    const deadline = new Date(deadlineStr).getTime();\r\n                    const distance = deadline - now;\r\n                    \r\n                    if (distance < 0) {\r\n                        el.innerHTML = \"Zako\u0144czona\";\r\n                        el.classList.remove('text-blue-300');\r\n                        el.classList.add('text-red-400');\r\n                        return;\r\n                    }\r\n                    \r\n                    const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n                    const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n                    \r\n                    if (days > 30) {\r\n                        el.innerHTML = `${days} dni`;\r\n                    } else if (days > 0) {\r\n                        el.innerHTML = `${days}d ${hours}h`;\r\n                        el.classList.remove('text-blue-300');\r\n                        el.classList.add('text-amber-400');\r\n                    } else {\r\n                        const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n                        el.innerHTML = `${hours}h ${minutes}m`;\r\n                        el.classList.remove('text-blue-300');\r\n                        el.classList.add('text-red-400', 'animate-pulse');\r\n                    }\r\n                });\r\n            }\r\n            \r\n            updateTimers(); \/\/ Pierwsze wywo\u0142anie\r\n            setInterval(updateTimers, 60000); \/\/ Aktualizacja co minut\u0119 (nie potrzebujemy sekund dla tak d\u0142ugich dat)\r\n        }\r\n\r\n        \/\/ Inicjalizacja aplikacji po za\u0142adowaniu DOM\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            renderOffers();\r\n        });\r\n\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bankowychecklist \u2013 Testuj banki, zarabiaj premie Sprawdzone promocje bankowe Bezpieczne testowanieus\u0142ug bankowych. Otwierasz konto, wykonujesz konkretne kroki z naszej checklisty [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bankowychecklist.pl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bankowychecklist.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bankowychecklist.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bankowychecklist.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bankowychecklist.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":26,"href":"https:\/\/bankowychecklist.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/bankowychecklist.pl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/bankowychecklist.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}