/* ═══════════════════════════════════════════
RESET + TOKENS
═══════════════════════════════════════════ */
.p4*,.p4*::before,.p4*::after{box-sizing:border-box;margin:0;padding:0;}
.p4 a{text-decoration:none;color:inherit;}
.p4 img{max-width:100%;display:block;}
/* Tylko 5 kolorów + biały i off-white */
/* --night : tło ciemnych sekcji */
/* --white : tło jasnych sekcji */
/* --off : tło lekko szarych sekcji */
/* --red : CTA i alerty TYLKO */
/* --mint : dane i wykresy TYLKO */
/* --ink : tekst na jasnym tle */
.p4{
font-family:'Poppins',system-ui,sans-serif;
font-size:16px; line-height:1.7;
-webkit-font-smoothing:antialiased;
color-scheme:only light;
}
/* layout */
.w {max-width:1200px;margin:0 auto;padding:0 24px;}
.wn{max-width:860px; margin:0 auto;padding:0 24px;}
.full{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
/* ═══════════════════════════════════════════
TYPOGRAFIA
═══════════════════════════════════════════ */
.p4-h1{font-family:'Raleway',sans-serif;font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.08;color:#ffffff;}
.p4-h1 em{font-style:italic;color:#4ECDC4;font-weight:400;}
.p4-h2-dark{font-family:'Raleway',sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.12;color:#ffffff !important;}
.p4-h2-lite{font-family:'Raleway',sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.12;color:#0f1117 !important;}
/* ═══════════════════════════════════════════
BUTTONS — czerwień TYLKO tutaj
═══════════════════════════════════════════ */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Poppins',sans-serif;font-weight:600;border-radius:4px;cursor:pointer;transition:all .18s;border:none;text-decoration:none;white-space:nowrap;}
.btn-red{background:#FF0000;color:#ffffff !important;font-size:16px;padding:16px 32px;box-shadow:0 4px 20px rgba(255,0,0,0.25);}
.btn-red:hover{background:#CC0000;transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,0,0,0.35);color:#ffffff !important;}
.btn-outline-dark{background:transparent;color:#ffffff !important;border:1.5px solid rgba(255,255,255,0.3);font-size:15px;padding:14px 28px;}
.btn-outline-dark:hover{background:rgba(255,255,255,0.08);color:#ffffff !important;}
/* ═══════════════════════════════════════════
SEKCJA ETYKIETY
═══════════════════════════════════════════ */
.lbl{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.lbl::before{content:'';display:block;width:24px;height:2px;background:currentColor;flex-shrink:0;}
.lbl-dark{color:#FF0000;} /* na jasnym tle — czerwona etykieta */
.lbl-lite{color:#4ECDC4;} /* na ciemnym tle — mintowa etykieta */
/* ═══════════════════════════════════════════
1. HERO — CIEMNY
═══════════════════════════════════════════ */
.hero{background:#1e2636 !important;padding:80px 0 0;position:relative;overflow:hidden;}
.hero__bg{position:absolute;right:-20px;top:-20px;font-family:'Raleway',sans-serif;font-size:clamp(200px,28vw,360px);font-weight:800;color:rgba(255,255,255,0.025);line-height:1;pointer-events:none;user-select:none;}
.hero__redline{position:absolute;left:0;top:0;width:4px;height:100%;background:#FF0000;}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;position:relative;z-index:2;}
.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#4ECDC4;margin-bottom:24px;}
.hero__eyebrow::before{content:'';display:block;width:28px;height:2px;background:#FF0000;}
.hero__lead{font-size:17px;line-height:1.65;color:rgba(255,255,255,0.6);max-width:480px;margin-bottom:36px;font-weight:300;}
.hero__ctas{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px;}
.hero__note{font-size:12px;color:rgba(255,255,255,0.3);}
/* Dashboard */
.dash{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;overflow:hidden;}
.dash__bar{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);}
.dash__title{font-size:11px;font-weight:600;color:rgba(255,255,255,0.4);letter-spacing:.08em;text-transform:uppercase;}
.dash__live{display:flex;align-items:center;gap:6px;font-size:11px;color:#4ECDC4;font-weight:600;}
.dash__dot{width:6px;height:6px;border-radius:50%;background:#4ECDC4;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.dash__kpis{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,0.06);}
.dash__kpi{padding:14px 16px;border-right:1px solid rgba(255,255,255,0.06);}
.dash__kpi:last-child{border-right:none;}
.dash__kpi-lbl{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:5px;}
.dash__kpi-val{font-family:'Raleway',sans-serif;font-size:20px;font-weight:800;line-height:1;color:#ffffff;margin-bottom:4px;}
.dash__kpi-val--mint{color:#4ECDC4;}
.dash__kpi-sub{font-size:10px;color:rgba(255,255,255,0.35);}
.dash__kpi-sub--warn{color:#e8a020;}
.dash__chart{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.06);}
.dash__chart-lbl{font-size:10px;color:rgba(255,255,255,0.3);margin-bottom:10px;letter-spacing:.04em;}
.dash__months{display:flex;justify-content:space-between;margin-top:6px;}
.dash__months span{font-size:10px;color:rgba(255,255,255,0.2);}
.dash__bottom{display:grid;grid-template-columns:1fr 1fr;}
.dash__alert{padding:14px 16px;border-right:1px solid rgba(255,255,255,0.06);background:rgba(255,0,0,0.05);display:flex;align-items:flex-start;gap:10px;}
.dash__alert-icon{width:22px;height:22px;border-radius:50%;background:#FF0000;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dash__alert-title{font-size:12px;font-weight:700;color:#FF0000;margin-bottom:2px;}
.dash__alert-sub{font-size:10px;color:rgba(255,255,255,0.35);line-height:1.4;}
.dash__cost{padding:14px 16px;}
.dash__cost-lbl{font-size:10px;color:rgba(255,255,255,0.3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;}
.dash__cost-val{font-family:'Raleway',sans-serif;font-size:18px;font-weight:800;color:#ffffff;margin-bottom:8px;}
.dash__bars{display:flex;align-items:flex-end;gap:3px;height:32px;}
.dash__bar-w{flex:1;height:100%;background:rgba(255,255,255,0.06);border-radius:2px;display:flex;align-items:flex-end;}
.dash__bar-f{width:100%;border-radius:2px;}
.dash__bar-f--grey{background:rgba(255,255,255,0.2);}
.dash__bar-f--red{background:#FF0000;}
/* Ticker */
.ticker{padding:14px 0;border-top:1px solid rgba(255,255,255,0.06);overflow:hidden;position:relative;}
.ticker::before,.ticker::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;}
.ticker::before{left:0;background:linear-gradient(to right,#1e2636,transparent);}
.ticker::after{right:0;background:linear-gradient(to left,#1e2636,transparent);}
.ticker__track{display:flex;gap:48px;animation:tick 22s linear infinite;width:max-content;}
@keyframes tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.ticker__item{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:rgba(255,255,255,0.3);white-space:nowrap;}
.ticker__item::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#FF0000;flex-shrink:0;}
.ticker__item--mint::before{background:#4ECDC4;}
/* ═══════════════════════════════════════════
2. STAT BAND — CZERWONY
═══════════════════════════════════════════ */
.stats{background:#1e2636 !important;padding:40px 0;border-top:3px solid #FF0000;border-bottom:3px solid #FF0000;}
.stats__grid{display:grid;grid-template-columns:repeat(3,1fr);}
.stats__item{padding:20px 40px;border-right:1px solid rgba(255,255,255,0.08);}
.stats__item:last-child{border-right:none;}
.stats__num{font-family:'Raleway',sans-serif;font-size:52px;line-height:1;font-weight:800;color:#ffffff !important;margin-bottom:6px;}
.stats__num sup{font-size:24px;vertical-align:super;}
.stats__lbl{font-size:13px;color:rgba(255,255,255,0.6) !important;line-height:1.5;font-weight:300;}
/* ═══════════════════════════════════════════
3. INTRO — JASNY
═══════════════════════════════════════════ */
.intro{background:#ffffff !important;padding:80px 0;border-bottom:1px solid #e2e0db;}
.intro__quote{font-family:'Raleway',sans-serif;font-size:clamp(22px,3vw,32px);line-height:1.38;font-weight:700;color:#0f1117 !important;margin-bottom:24px;padding-left:28px;border-left:4px solid #FF0000;}
.intro__body{font-size:17px;color:#0f1117 !important;line-height:1.8;}
.intro__body p+p{margin-top:16px;}
/* ═══════════════════════════════════════════
4. MITY — CIEMNY
═══════════════════════════════════════════ */
.myths{background:#1e2636 !important;padding:80px 0;}
.myths__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:48px;grid-auto-rows:1fr;}
.myth{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:10px;overflow:hidden;}
.myth__top{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,0.07);min-height:80px;}
.myth__tag-bad{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#FF0000;margin-bottom:8px;}
.myth__txt-bad{font-size:14px;color:rgba(255,255,255,0.5);font-style:italic;line-height:1.55;}
.myth__bot{padding:20px 24px;}
.myth__tag-good{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4ECDC4;margin-bottom:8px;}
.myth__txt-good{font-size:14px;color:rgba(255,255,255,0.75);line-height:1.6;}
/* ═══════════════════════════════════════════
5. KPI — JASNY z tabami
═══════════════════════════════════════════ */
.kpi{background:#F4F5F7 !important;padding:80px 0;border-bottom:1px solid #e2e0db;}
.kpi__tabs{display:flex;gap:0;border-bottom:2px solid #e2e0db;margin-bottom:32px;}
.kpi__tab{padding:12px 28px;font-size:14px;font-weight:500;color:#7a7d8a;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none;font-family:'Poppins',sans-serif;}
.kpi__tab.on{color:#0f1117;border-bottom-color:#FF0000;font-weight:700;}
.kpi__tab:hover:not(.on){color:#3d3f4a;}
.kpi__panel{display:none;}
.kpi__panel.on{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.kpi__card{background:#ffffff;border:1px solid #e2e0db;border-radius:10px;padding:24px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;}
.kpi__card:hover{border-color:#4ECDC4;box-shadow:0 4px 20px rgba(78,205,196,0.1);}
.kpi__card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#4ECDC4;transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.kpi__card:hover::before{transform:scaleX(1);}
.kpi__idx{font-size:11px;color:#7a7d8a;margin-bottom:10px;font-weight:500;}
.kpi__name{font-size:16px;font-weight:700;color:#0f1117 !important;margin-bottom:8px;}
.kpi__desc{font-size:13px;color:#3d3f4a;line-height:1.6;margin-bottom:14px;}
.kpi__bm{display:inline-block;background:rgba(78,205,196,0.12);color:#35A89F;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid rgba(78,205,196,0.25);}
/* Mid CTA na jasnym tle */
.kpi__cta{margin-top:48px;padding:36px 44px;background:#1e2636;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.kpi__cta-hl{font-family:'Raleway',sans-serif;font-size:19px;font-weight:800;color:#ffffff;margin-bottom:6px;}
.kpi__cta-sub{font-size:14px;color:rgba(255,255,255,0.5);max-width:420px;line-height:1.5;}
/* ═══════════════════════════════════════════
6. KALKULATOR — CIEMNY
═══════════════════════════════════════════ */
.calc-sec{background:#1e2636 !important;padding:80px 0;}
.calc-box{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:36px;margin-top:48px;position:relative;overflow:hidden;}
.calc-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,#4ECDC4,#1e2636);}
.calc-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(78,205,196,0.1);color:#4ECDC4;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:14px;border:1px solid rgba(78,205,196,0.2);}
.calc-title{font-size:20px;font-weight:700;color:#ffffff !important;margin-bottom:8px;}
.calc-desc{font-size:14px;color:rgba(255,255,255,0.5);margin-bottom:24px;line-height:1.6;}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end;}
.calc-field label{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,0.4);margin-bottom:6px;letter-spacing:.06em;text-transform:uppercase;min-height:32px;}
.calc-field input{width:100%;padding:12px 16px;border:1.5px solid rgba(255,255,255,0.1);border-radius:4px;font-family:'Poppins',sans-serif;font-size:16px;color:#ffffff;background:rgba(255,255,255,0.06);outline:none;transition:all .2s;}
.calc-field input::placeholder{color:rgba(255,255,255,0.2);}
.calc-field input:focus{border-color:#4ECDC4;background:rgba(78,205,196,0.06);}
.calc-result{margin-top:20px;padding:22px 26px;background:rgba(78,205,196,0.08);border:1px solid rgba(78,205,196,0.2);border-radius:6px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.calc-result__lbl{font-size:13px;color:rgba(255,255,255,0.5);}
.calc-result__sub{font-size:11px;color:rgba(255,255,255,0.3);margin-top:2px;}
.calc-result__val{font-family:'Raleway',sans-serif;font-size:40px;font-weight:800;color:#4ECDC4;}
/* ═══════════════════════════════════════════
7. KROKI — JASNY
═══════════════════════════════════════════ */
.steps-sec{background:#ffffff !important;padding:80px 0;border-bottom:1px solid #e2e0db;}
.steps{margin-top:48px;}
.step{display:grid;grid-template-columns:64px 1fr;gap:0 24px;padding:32px 0;border-bottom:1px solid #e2e0db;}
.step:last-child{border-bottom:none;}
.step__num{font-family:'Raleway',sans-serif;font-size:44px;color:#e2e0db;line-height:1;padding-top:2px;font-weight:800;user-select:none;}
.step__title{font-size:17px;font-weight:700;color:#0f1117 !important;margin-bottom:8px;}
.step__body{font-size:15px;color:#3d3f4a !important;line-height:1.7;}
.step__tag{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#35A89F;background:rgba(78,205,196,0.1);padding:4px 12px;border-radius:20px;}
/* ═══════════════════════════════════════════
8. ARTYKUŁY — CIEMNY
═══════════════════════════════════════════ */
.arts{background:#1e2636 !important;padding:80px 0;}
.arts__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:44px;gap:24px;flex-wrap:wrap;}
.arts__title{font-family:'Raleway',sans-serif;font-size:clamp(26px,3vw,36px);font-weight:800;color:#ffffff !important;}
.arts__sub{font-size:14px;color:rgba(255,255,255,0.4);max-width:320px;text-align:right;line-height:1.5;}
.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.art{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.art:hover{border-color:#4ECDC4;transform:translateY(-4px);}
.art__img{height:150px;background:rgba(255,255,255,0.04);position:relative;overflow:hidden;}
.art__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.art:hover .art__img img{transform:scale(1.04);}
.art__cat{position:absolute;top:10px;left:10px;background:#1e2636;color:#4ECDC4;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:20px;}
.art__body{padding:18px;flex:1;display:flex;flex-direction:column;}
.art__title{font-size:14px;font-weight:600;line-height:1.4;color:#ffffff !important;margin-bottom:8px;}
.art__exc{font-size:12px;color:rgba(255,255,255,0.45);line-height:1.6;flex:1;}
.art__footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;justify-content:space-between;}
.art__read{font-size:12px;color:#4ecdc4;font-weight:700;}
.art__date{font-size:11px;color:rgba(255,255,255,0.3);}
/* coming soon */
.coming{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px;}
.coming__item{padding:14px 18px;border:1px dashed rgba(255,255,255,0.1);border-radius:6px;display:flex;align-items:flex-start;gap:10px;}
.coming__dot{width:6px;height:6px;border-radius:50%;background:#4ECDC4;flex-shrink:0;margin-top:6px;}
.coming__title{font-size:13px;font-weight:500;color:rgba(255,255,255,0.5);}
.coming__badge{display:inline-block;margin-top:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,0.25);background:rgba(255,255,255,0.04);padding:2px 8px;border-radius:10px;}
/* ═══════════════════════════════════════════
9. FINAL CTA — JASNY (kontrast do reszty)
═══════════════════════════════════════════ */
.final{background:#F4F5F7 !important;padding:100px 0;}
.final__inner{max-width:680px;}
.final__label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FF0000;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.final__label::before{content:'';display:block;width:24px;height:2px;background:#FF0000;}
.final__title{font-family:'Raleway',sans-serif;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.1;color:#0f1117 !important;margin-bottom:20px;}
.final__body{font-size:17px;color:#3d3f4a !important;max-width:480px;margin-bottom:40px;font-weight:300;line-height:1.7;}
.final__checks{display:flex;align-items:center;gap:28px;margin-top:20px;flex-wrap:wrap;}
.final__check{display:flex;align-items:center;gap:8px;font-size:13px;color:#7a7d8a;}
.final__check::before{content:'✓';color:#4ECDC4;font-weight:700;font-size:15px;}
.final__note{font-size:12px;color:#7a7d8a;margin-top:18px;}
.final__note a{color:#3d3f4a;}
/* ═══════════════════════════════════════════
RESPONSIVE
═══════════════════════════════════════════ */
@media(max-width:960px){
.hero__grid{grid-template-columns:1fr;}
.hero__right{display:none;}
.art-grid{grid-template-columns:repeat(2,1fr);}
.arts__sub{text-align:left;}
}
@media(max-width:768px){
.w,.wn{padding:0 20px;}
.hero,.myths,.calc-sec,.arts,.stats,.intro,.kpi,.steps-sec,.final{padding:56px 0 !important;}
.myths__grid,.kpi__panel.on,.calc-grid,.coming{grid-template-columns:1fr;}
.stats__grid{grid-template-columns:1fr;}
.stats__item{border-right:none;border-bottom:1px solid rgba(255,255,255,0.12);padding:18px 20px;}
.stats__num{font-size:40px;}
.kpi__cta{padding:24px;flex-direction:column;align-items:flex-start;}
.kpi__tabs{overflow-x:auto;}
.step{grid-template-columns:48px 1fr;}
.step__num{font-size:32px;}
}
@media(max-width:600px){.art-grid{grid-template-columns:1fr;}}
/* ═══ DARK MODE LOCK ═══
Strategia: zamiast walczyć z przeglądarką element po elemencie,
wymuszamy light rendering na całym komponencie przez forced-colors
+ jawne overrides na każdym selektorze który może się zmienić.
═══════════════════════════════════════════ */
/* Blokada na poziomie kontenera */
.p4 { color-scheme: only light !important; }
@media (prefers-color-scheme: dark) {
/* ── JASNE SEKCJE — tła ── */
.p4 .intro { background:#ffffff !important; }
.p4 .kpi { background:#F4F5F7 !important; }
.p4 .kpi__card { background:#ffffff !important; }
.p4 .steps-sec { background:#ffffff !important; }
.p4 .final { background:#F4F5F7 !important; }
/* ── INTRO — wszystkie teksty ── */
.p4 .intro__quote { color:#0f1117 !important; }
.p4 .intro__quote strong { color:#FF0000 !important; }
.p4 .intro__body { color:#0f1117 !important; }
.p4 .intro__body p { color:#0f1117 !important; }
.p4 .intro__body * { background:transparent !important; }
/* ── KPI — wszystkie teksty ── */
.p4 .p4-h2-lite { color:#0f1117 !important; }
.p4 .kpi > .w > p { color:#3d3f4a !important; }
.p4 .kpi__tab { color:#7a7d8a !important; background:transparent !important; border-color:#e2e0db !important; }
.p4 .kpi__tab.on { color:#0f1117 !important; border-bottom-color:#FF0000 !important; }
.p4 .kpi__tab:hover:not(.on) { color:#3d3f4a !important; }
.p4 .kpi__idx { color:#7a7d8a !important; }
.p4 .kpi__name { color:#0f1117 !important; }
.p4 .kpi__desc { color:#3d3f4a !important; }
.p4 .kpi__cta { background:#1e2636 !important; }
.p4 .kpi__cta-hl { color:#ffffff !important; }
.p4 .kpi__cta-sub { color:rgba(255,255,255,0.5) !important; }
/* ── KROKI — wszystkie teksty ── */
.p4 .step__title { color:#0f1117 !important; }
.p4 .step__body { color:#3d3f4a !important; }
.p4 .step__num { color:#e2e0db !important; }
.p4 .step__tag { color:#35A89F !important; background:rgba(78,205,196,0.1) !important; }
.p4 .steps-sec .lbl-dark { color:#FF0000 !important; }
.p4 .steps-sec .p4-h2-lite { color:#0f1117 !important; }
/* ── FINAL — wszystkie teksty ── */
.p4 .final__label { color:#FF0000 !important; }
.p4 .final__title { color:#0f1117 !important; }
.p4 .final__body { color:#3d3f4a !important; }
.p4 .final__note { color:#7a7d8a !important; }
.p4 .final__check { color:#7a7d8a !important; }
/* Biała karta w final */
.p4 .final > .w > div > div:last-child { background:#ffffff !important; }
.p4 .final > .w > div > div:last-child p { color:#0f1117 !important; }
.p4 .final > .w > div > div:last-child > p { color:#7a7d8a !important; }
.p4 .final > .w > div > div:last-child a p { color:#0f1117 !important; }
.p4 .final > .w > div > div:last-child a p:last-child { color:#7a7d8a !important; }
/* ── INLINE STYLE OVERRIDES — to najtrudniejsze ── */
/* Inline styles mają wyższy priorytet niż klasy,
ale !important w klasie bije inline !important */
/* Jasne sekcje — paragraf z color:#3d3f4a inline */
.p4 .kpi > .w > p[style] { color:#3d3f4a !important; }
.p4 .calc-sec > .wn > p[style] { color:rgba(255,255,255,0.55) !important; }
.p4 .steps-sec > .w > p[style] { color:#3d3f4a !important; }
/* Artykuł link boxy */
.p4 .kpi > .w > div[style*="background:#1e2636"] p { color:#ffffff !important; }
.p4 .steps-sec > .w > div[style*="background:#F4F5F7"] p { color:#0f1117 !important; }
.p4 .steps-sec > .w > div[style*="background:#F4F5F7"] p:last-child { color:#7a7d8a !important; }
/* ── CIEMNE SEKCJE — zostają ciemne ── */
.p4 .hero { background:#1e2636 !important; }
.p4 .stats { background:#1e2636 !important; border-top-color:#FF0000 !important; border-bottom-color:#FF0000 !important; }
.p4 .myths { background:#1e2636 !important; }
.p4 .calc-sec { background:#1e2636 !important; }
.p4 .arts { background:#1e2636 !important; }
/* Teksty ciemnych sekcji — już mają jawne kolory, ale na wszelki wypadek */
.p4 .arts__title { color:#ffffff !important; }
.p4 .arts__sub { color:rgba(255,255,255,0.4) !important; }
.p4 .art__title { color:#ffffff !important; }
.p4 .art__exc { color:rgba(255,255,255,0.45) !important; }
.p4 .coming__title { color:rgba(255,255,255,0.5) !important; }
.p4 .coming__badge { color:rgba(255,255,255,0.25) !important; }
.p4 .calc-title { color:#ffffff !important; }
.p4 .calc-desc { color:rgba(255,255,255,0.5) !important; }
.p4 .calc-field label { color:rgba(255,255,255,0.4) !important; }
.p4 .calc-field input { color:#ffffff !important; background:rgba(255,255,255,0.06) !important; border-color:rgba(255,255,255,0.1) !important; }
.p4 .myth__txt-good { color:rgba(255,255,255,0.75) !important; }
.p4 .myth__txt-bad { color:rgba(255,255,255,0.5) !important; }
.p4 .lbl-lite { color:#4ECDC4 !important; }
.p4 .p4-h2-dark { color:#ffffff !important; }
.p4 .stats__num { color:#ffffff !important; }
.p4 .stats__lbl { color:rgba(255,255,255,0.6) !important; }
}
HR to liczby,
KPI
Koszty
Retencja
Analityka
Proces
Co hamuje analitykę HR
Czytaj artykuł →
Od intuicji do danych —
Czytaj artykuł →
(function() {
function switchKpi(id,el){
document.querySelectorAll('.kpi__panel').forEach(function(p){p.classList.remove('on');});
document.querySelectorAll('.kpi__tab').forEach(function(t){t.classList.remove('on');});
document.getElementById('kpi-'+id).classList.add('on');
el.classList.add('on');
}
function cov(){
var r=parseFloat(document.getElementById('c1').value)||0;
var d=parseFloat(document.getElementById('c2').value)||0;
var s=parseFloat(document.getElementById('c3').value)||0;
var t=parseFloat(document.getElementById('c4').value)||0;
if(!r&&!d){document.getElementById('cr').style.display='none';return;}
var total=(r/21)*d+(s*t*0.10)*(d/21);
document.getElementById('cr').style.display='flex';
document.getElementById('cv').textContent=new Intl.NumberFormat('pl-PL',{style:'currency',currency:'PLN',maximumFractionDigits:0}).format(total);
}
// Expose to inline onclick handlers
window.hrsKpiSwitch = switchKpi;
window.hrsCov = cov;
})();
HR
Pillar page · Analityka HR
HR to liczby,
nie intuicja.
Kompletny przewodnik po analityce HR: jak mierzyć rekrutację, które KPI mają sens dla zarządu i jak dane zastępują przeczucia w decyzjach kadrowych.
30 min • bez zobowiązań • konkretne wnioski
Time to Fill
32 dni
↓ 4 dni vs Q1
Offer Acceptance
78%
cel: 85%
Quality of Hire
8.4/10
po 90 dniach
Time to Fill — ostatnie 6 miesięcy
32 dni
StyLutMarKwiMajCze
Early Attrition: 24%
Powyżej normy (20%) — 4 odejścia w 6 mies.
Cost of Vacancy / mies.
38 400 zł
Time to Fill
Quality of Hire
Cost per Hire
Early Attrition Rate
Offer Acceptance Rate
Sourcing Effectiveness
Cost of Vacancy
Time to Hire
Time to Fill
Quality of Hire
Cost per Hire
Early Attrition Rate
Offer Acceptance Rate
Sourcing Effectiveness
Cost of Vacancy
Time to Hire
250%
rocznego wynagrodzenia — tyle może kosztować jedna zła decyzja rekrutacyjna
67%
firm nie mierzy jakości zatrudnienia po zakończeniu rekrutacji
3×
szybciej obsadzają stanowiska firmy z wdrożonym systemem KPI rekrutacji
Większość firm wie, ile wydaje na rekrutację.
Prawie żadna nie wie, ile ją ta rekrutacja kosztuje.
Analityka HR to nie narzędzie dla działów personalnych — to system decyzyjny dla zarządów i właścicieli firm. Zamienia rozproszony chaos kadrowy w mierzalne wskaźniki, które można śledzić, porównywać i optymalizować.
W HRscore każdą rekrutację prowadzimy w oparciu o dane: definiujemy KPI na wejściu, mierzymy proces, raportujemy wynik. Nie dlatego, że tak wypada — dlatego, że to jedyna droga do powtarzalnych, wysokiej jakości zatrudnień.
Artykuły z obszaru analityki HR
KPIJakie KPI w rekrutacji naprawdę mają znaczenie?
Wskaźniki, które pokazują skuteczność procesu — nie tylko aktywność zespołu.
KosztyKoszt wakatu — ile kosztuje firmę nieobsadzone stanowisko?
Liczby, których nie widać w P&L — ale które mocno wpływają na wynik.
RetencjaJak się nie dać zaskoczyć rotacji pracowników
Wskaźniki wczesnego ostrzegania i jak mierzyć ryzyko odejść zanim do nich dojdzie.
AnalitykaJak obliczyć rzeczywisty koszt rotacji pracowników?
Metodologia liczenia kosztu rotacji krok po kroku — z przykładami i wzorami.
ProcesBottlenecks w rekrutacji — jak działa wąskie gardło procesu
Gdzie blokuje się Twój proces? Checklista do samodzielnej diagnozy.
Wkrótce
Dashboard HR dla zarządu — template i metodologia
Jak zbudować raport HR, który zarząd faktycznie przeczyta i użyje do decyzji.
Kolejne artykuły w przygotowaniu
Model dojrzałości procesu rekrutacyjnego — na którym etapie jesteś?
WkrótcePredictive hiring — jak AI pomaga prognozować potrzeby kadrowe
WkrótceDashboard HR dla zarządu — co mierzyć i jak to pokazać
WkrótceBias w rekrutacji — jak dane ujawniają błędy, których nie widzisz
WkrótceMity i fakty
Co hamuje analitykę HR
w polskich firmach
✕ Mit
„Rekrutacja to proces miękki — nie da się tego mierzyć liczbami.”
✓ Fakt
Każda rekrutacja zostawia ślad w danych: czas etapów, koszt pozyskania, jakość zatrudnienia po 3 i 6 miesiącach. Miękkie są oceny — twarde są konsekwencje.
✕ Mit
„Mamy za mało danych, żeby cokolwiek analizować.”
✓ Fakt
Do pierwszej wartościowej analizy wystarczą 3 wskaźniki i 6 miesięcy historii. Problem nie jest brak danych — problem jest brak systemu zbierania.
✕ Mit
„To jest temat dla dużych korporacji — dla nas za skomplikowane.”
✓ Fakt
MŚP traci proporcjonalnie więcej na złych decyzjach kadrowych niż korporacje. Analityka HR jest dla małych firm ważniejsza, nie mniej ważna.
✕ Mit
„Dobry rekruter czuje który kandydat pasuje — dane nie zastąpią doświadczenia.”
✓ Fakt
Intuicja rekrutera jest wartościowa — ale bez danych nie ma weryfikacji. Kiedy doświadczenie i liczby się nie zgadzają — warto wiedzieć dlaczego.
KPI rekrutacji
Co się liczy w HR?
01 — Czas
Time to Fill
Czas od otwarcia rekrutacji do podpisania umowy. Mierzy efektywność całego procesu — od decyzji o zatrudnieniu do jej finalizacji.
Benchmark PL: 28–45 dni02 — Czas
Time to Hire
Czas od aplikacji kandydata do jego akceptacji. Wskaźnik szybkości decyzji po stronie hiring managera i procesu oceny.
Benchmark PL: 14–28 dni03 — Akceptacja
Offer Acceptance Rate
Procent kandydatów przyjmujących ofertę. Niski wskaźnik sygnalizuje problem z EVP lub niedopasowaniem oczekiwań.
Zdrowy poziom: >85%04 — Źródło
Sourcing Channel Effectiveness
Który kanał (LinkedIn, polecenia, job boardy) generuje najlepszych pracowników w stosunku do kosztu i czasu.
Mierz osobno dla każdej roli05 — Jakość
Quality of Hire
Jakość zatrudnienia mierzona po 3 i 6 miesiącach: wynik oceny, retencja, czas do pełnej produktywności. Najważniejszy wskaźnik.
Mierzony po 3 i 6 mies.06 — Koszt
Cost per Hire
Całkowity koszt pozyskania pracownika: ogłoszenia, czas rekrutera, narzędzia, wsparcie zewnętrzne. Punkt wyjścia do kalkulacji ROI.
Zależy od stanowiska07 — Ukryty koszt
Cost of Vacancy
Ile kosztuje firmę każdy dzień bez obsadzonego stanowiska. Jeden z największych ukrytych kosztów — rzadko liczony, a często decydujący.
Oblicz kalkulator ↓08 — Retencja
Early Attrition Rate
Procent pracowników odchodzących w pierwszych 12 miesiącach. Bezpośredni miernik jakości dopasowania i skuteczności onboardingu.
Alarm: >20% w 12 mies.Pogłębiony artykuł
Jakie KPI w rekrutacji naprawdę mają znaczenie?
Które wskaźniki pokazują skuteczność procesu, a które tylko aktywność zespołu.
Kalkulator
Ile kosztuje Cię nieobsadzone stanowisko?
Cost of Vacancy to ukryty koszt, którego większość firm nie liczy. Wpisz dane i sprawdź rzeczywistą stratę każdego tygodnia.
● Narzędzie interaktywne
Kalkulator Cost of Vacancy
Wynik uwzględnia utracony przychód oraz 10% spadek efektywności zespołu podczas wakatu.
Metodologia liczenia: Wynik składa się z dwóch składników. Utracony przychód = (miesięczny przychód ÷ 21 dni roboczych) × liczba dni wakatu. Obciążenie zespołu = 10% spadek efektywności × liczba osób × czas wakatu (w miesiącach). Przyjęto 21 dni roboczych w miesiącu. Wynik jest szacunkowy — rzeczywisty koszt może być wyższy po uwzględnieniu rekrutacji i onboardingu następcy (średnio +30–50% rocznego wynagrodzenia).
Jak wdrożyć
Od intuicji do danych —
4 kroki do analityki HR
01
Zdefiniuj, co chcesz mierzyć — i dlaczego
Nie zaczynaj od danych — zacznij od pytań. Gdzie podejrzewasz, że coś nie działa? Dobry zestaw KPI odpowiada na konkretne pytania biznesowe. Zacznij od 3 wskaźników, nie od 15.
Czas: 1 dzień roboczy02
Ustal bazę — skąd bierzesz dane
Dane o czasie etapów są w kalendarzach. Dane o kosztach — w fakturach. Dane o jakości — w ocenach pracowników. Zanim sięgniesz po narzędzia, sprawdź co już masz.
Czas: 3–5 dni03
Zbuduj prosty raport dla zarządu
Dashboard HR to nie 20 wykresów — to 5 liczb odpowiadających na pytanie: czy nasz proces rekrutacji działa? Time to fill, cost per hire, quality of hire, early attrition rate i jeden wskaźnik specyficzny dla Twojej branży.
Czas: 1–2 tygodnie04
Wprowadź rytm przeglądów i decyzji
Dane bez rytmu przeglądów to dekoracja. Ustal miesięczne spotkanie, na którym omawiasz wskaźniki i wyciągasz wnioski. Po kwartale możesz identyfikować trendy i przewidywać problemy zanim staną się kosztowne.
Czas: ongoingPogłębiony artykuł
Ile kosztuje firmę nieobsadzone stanowisko?
Metodologia liczenia Cost of Vacancy z przykładami dla różnych stanowisk.
Zostań na bieżąco
Otrzymuj nowe artykuły i analizy HR wprost na skrzynkę.
Co dwa tygodnie — konkretna wiedza o rekrutacji, analityce HR i zarządzaniu ludźmi. Bez spamu.
@import url("https://assets.mlcdn.com/fonts.css?version=1779867"); /* LOADER */ .ml-form-embedSubmitLoad { display: inline-block; width: 20px; height: 20px; } .g-recaptcha { transform: scale(1); -webkit-transform: scale(1); transform-origin: 0 0; -webkit-transform-origin: 0 0; height: ; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .ml-form-embedSubmitLoad:after { content: " "; display: block; width: 11px; height: 11px; margin: 1px; border-radius: 50%; border: 4px solid #fff; border-color: #ffffff #ffffff #ffffff transparent; animation: ml-form-embedSubmitLoad 1.2s linear infinite; } @keyframes ml-form-embedSubmitLoad { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #mlb2-41937932.ml-form-embedContainer { box-sizing: border-box; display: block; margin: 0; position: static; width: 100% !important; clear: both; } #mlb2-41937932.ml-form-embedContainer h4, #mlb2-41937932.ml-form-embedContainer p, #mlb2-41937932.ml-form-embedContainer span, #mlb2-41937932.ml-form-embedContainer button { text-transform: none !important; letter-spacing: normal !important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper { background-color: #f6f6f6; border-width: 0px; border-color: transparent; border-radius: 4px; border-style: solid; box-sizing: border-box; display: block !important; margin: 0; padding: 0; position: relative; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper.embedPopup, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 400px; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 400px; width: 100%; clear: both; } #mlb2-41937932.ml-form-embedContainer .ml-form-align-left { text-align: left; } #mlb2-41937932.ml-form-embedContainer .ml-form-align-center { text-align: left; } #mlb2-41937932.ml-form-embedContainer .ml-form-align-default { display: block !important; vertical-align: initial !important; text-align: left !important; } #mlb2-41937932.ml-form-embedContainer .ml-form-align-right { text-align: right; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img { border-top-left-radius: 4px; border-top-right-radius: 4px; height: auto; margin: 0 auto !important; max-width: 100%; width: undefinedpx; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody { padding: 20px 0 20px; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal { padding-bottom: 0; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent { text-align: left; margin: 0 0 20px 0; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 { color: #000000; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 400; margin: 0 0 10px 0; text-align: left; word-break: break-word; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p { color: #000000; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0 0 10px 0; text-align: left; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol { color: #000000; font-family: 'Poppins', sans-serif; font-size: 14px; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol { list-style-type: lower-alpha; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol ol, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol ol { list-style-type: lower-roman; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a { color: #000000; text-decoration: underline; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group { text-align: left!important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label { margin-bottom: 5px; color: #333333; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: bold; font-style: normal; text-decoration: none;; display: inline-block; line-height: 20px; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child { margin: 0; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form { margin: 0; width: 100%; display: block; clear: both; overflow: hidden; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow { margin: 0 0 20px 0; width: 100%; display: block; clear: both; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow { float: none; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm { margin: 0; padding: 0 0 20px 0; width: 100%; height: auto; float: none; clear: both; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow { margin: 0 0 10px 0; width: 100%; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item { margin: 0; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal { margin: 0; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { background-color: #ffffff !important; color: #333333 !important; border-color: #cccccc; border-radius: 4px !important; border-style: solid !important; border-width: 1px !important; font-family: 'Poppins', sans-serif; font-size: 14px !important; height: auto; line-height: 21px !important; margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0; padding: 10px 10px !important; width: 100% !important; box-sizing: border-box !important; max-width: 100% !important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-webkit-input-placeholder { color: #333333; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-moz-placeholder { color: #333333; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-ms-input-placeholder { color: #333333; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-moz-placeholder { color: #333333; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow textarea, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow textarea { background-color: #ffffff !important; color: #333333 !important; border-color: #cccccc; border-radius: 4px !important; border-style: solid !important; border-width: 1px !important; font-family: 'Poppins', sans-serif; font-size: 14px !important; height: auto; line-height: 21px !important; margin-bottom: 0; margin-top: 0; padding: 10px 10px !important; width: 100% !important; box-sizing: border-box !important; max-width: 100% !important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before { border-color: #cccccc!important; background-color: #ffffff!important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type="checkbox"]{ box-sizing: border-box; padding: 0; position: absolute; z-index: -1; opacity: 0; margin-top: 5px; margin-left: -1.5rem; overflow: visible; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before { border-radius: 4px!important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::before { border-color: #000000!important; background-color: #000000!important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::after { top: 2px; box-sizing: border-box; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after { top: 0px!important; box-sizing: border-box!important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after { top: 0px!important; box-sizing: border-box!important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after { top: 0px!important; box-sizing: border-box!important; position: absolute; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before { top: 0px!important; box-sizing: border-box!important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before { position: absolute; top: 4px; left: -1.5rem; display: block; width: 16px; height: 16px; pointer-events: none; content: ""; background-color: #ffffff; border: #adb5bd solid 1px; border-radius: 50%; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after { position: absolute; top: 2px!important; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before { position: absolute; top: 4px; left: -1.5rem; display: block; width: 16px; height: 16px; pointer-events: none; content: ""; background-color: #ffffff; border: #adb5bd solid 1px; border-radius: 50%; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after { position: absolute; top: 0px!important; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after { position: absolute; top: 0px!important; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-radio .custom-control-label::after { background: no-repeat 50%/50% 50%; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-checkbox .custom-control-label::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after { background: no-repeat 50%/50% 50%; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input { position: absolute; z-index: -1; opacity: 0; box-sizing: border-box; padding: 0; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label { color: #000000; font-size: 12px!important; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 22px; margin-bottom: 0; position: relative; vertical-align: top; font-style: normal; font-weight: 700; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-select, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-select { background-color: #ffffff !important; color: #333333 !important; border-color: #cccccc; border-radius: 4px !important; border-style: solid !important; border-width: 1px !important; font-family: 'Poppins', sans-serif; font-size: 14px !important; line-height: 20px !important; margin-bottom: 0; margin-top: 0; padding: 10px 28px 10px 12px !important; width: 100% !important; box-sizing: border-box !important; max-width: 100% !important; height: auto; display: inline-block; vertical-align: middle; background: url('https://assets.mlcdn.com/ml/images/default/dropdown.svg') no-repeat right .75rem center/8px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow { height: auto; width: 100%; float: none; clear: both; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn { padding-top: 25px; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { background-color: #ffffff; color: #333333; border-color: #cccccc; border-radius: 4px; border-style: solid; border-width: 1px; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 0; margin-top: 0; padding: 10px 10px; width: 100%; box-sizing: border-box; overflow-y: initial; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { background-color: #0c0e1b !important; border-color: #0c0e1b; border-style: solid; border-width: 1px; border-radius: 4px; box-shadow: none; color: #ffffff !important; cursor: pointer; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px !important; font-weight: 700; line-height: 20px; margin: 0 !important; padding: 10px !important; width: 100%; height: auto; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover { background-color: #333333 !important; border-color: #333333 !important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] { box-sizing: border-box; padding: 0; position: absolute; z-index: -1; opacity: 0; margin-top: 5px; margin-left: -1.5rem; overflow: visible; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description { color: #000000; display: block; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin-bottom: 0; position: relative; vertical-align: top; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label { font-weight: normal; margin: 0; padding: 0; position: relative; display: block; min-height: 24px; padding-left: 24px; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a { color: #000000; text-decoration: underline; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p { color: #000000 !important; font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: normal !important; line-height: 18px !important; padding: 0 !important; margin: 0 5px 0 0 !important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child { margin: 0; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit { margin: 0 0 20px 0; float: none; clear: both; display: block; width: 100%; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { background-color: #0c0e1b !important; border: none !important; border-radius: 4px !important; box-shadow: none !important; color: #ffffff !important; cursor: pointer; font-family: 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 21px !important; height: auto; padding: 10px !important; width: 100% !important; box-sizing: border-box !important; text-align: center !important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading { display: none; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover { background-color: #333333 !important; } .ml-subscribe-close { width: 30px; height: 30px; background: url('https://assets.mlcdn.com/ml/images/default/modal_close.png') no-repeat; background-size: 30px; cursor: pointer; margin-top: -10px; margin-right: -10px; position: absolute; top: 0; right: 0; } .ml-error input, .ml-error textarea, .ml-error select { border-color: red!important; } .ml-error .custom-checkbox-radio-list { border: 1px solid red !important; border-radius: 4px; padding: 10px; } .ml-error .label-description, .ml-error .label-description p, .ml-error .label-description p a, .ml-error label:first-child { color: #ff0000 !important; } #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p, #mlb2-41937932.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter { color: #ff0000 !important; } @media only screen and (max-width: 400px){ .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; } .ml-form-formContent.horozintalForm { float: left!important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; } .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; } .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; } .ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn { padding-top: 0px!important; } } function ml_webform_success_41937932() { var $ = ml_jQuery || jQuery; $('.ml-subscribe-form-41937932 .row-success').show(); $('.ml-subscribe-form-41937932 .row-form').hide(); } fetch("https://assets.mailerlite.com/jsonp/1443346/forms/188807374426867079/takel")Chcesz porozmawiać o swojej rekrutacji? Umów bezpłatną konsultację→
HRscore — Baza wiedzy
Obszary które eksplorujemy na blogu