:root{--tlo:#f4f6f4;--karta:#fff;--tekst:#15201b;--slaby:#56655d;--linia:#dbe2dd;--akcent:#0b7a53;--akcent-tekst:#fff;--zle:#d0383c;
--premia:#6d3fc0;--premia-tlo:#efe8fb;--darmowe:#1f64b8;--darmowe-tlo:#e3eefb;color-scheme:light}
:root[data-motyw="ciemny"]{--tlo:#0e1411;--karta:#17201b;--tekst:#e6eee9;--slaby:#9bada3;--linia:#2a3631;--akcent:#3ccf91;--akcent-tekst:#04170f;--zle:#ff6b6b;--premia:#b89cf5;--premia-tlo:#2b2142;--darmowe:#7fb2f0;--darmowe-tlo:#172a42;color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-motyw="jasny"]){--tlo:#0e1411;--karta:#17201b;--tekst:#e6eee9;--slaby:#9bada3;--linia:#2a3631;--akcent:#3ccf91;--akcent-tekst:#04170f;--zle:#ff6b6b;--premia:#b89cf5;--premia-tlo:#2b2142;--darmowe:#7fb2f0;--darmowe-tlo:#172a42;color-scheme:dark}}
header .motyw{min-width:44px;min-height:44px;border:1px solid var(--linia);border-radius:12px;background:var(--karta);color:var(--tekst);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
header .motyw svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
header .prawo{display:flex;gap:8px;align-items:center}
*{box-sizing:border-box}body{margin:0;background:var(--tlo);color:var(--tekst);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere}
header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-bottom:1px solid var(--linia)}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;color:inherit;text-decoration:none}.logo img{width:28px;height:28px;border-radius:7px}
main,footer{max-width:680px;margin:0 auto;padding:16px}footer{color:var(--slaby);font-size:.88rem;border-top:1px solid var(--linia)}
h1{font-size:1.5rem;line-height:1.25;margin:6px 0 10px}h2{font-size:1.15rem;margin:20px 0 8px}a{color:var(--akcent)}
.slaby{color:var(--slaby);font-size:.92rem}.minela{color:var(--zle);font-weight:700}.uwagi{background:var(--karta);border:1px solid var(--linia);border-radius:12px;padding:10px 12px}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:12px;border:1px solid var(--linia);background:var(--karta);color:var(--tekst);font-weight:600;text-decoration:none}
.btn.glowny{background:var(--akcent);border-color:var(--akcent);color:var(--akcent-tekst)}.przyciski{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.znaczek{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.znaczek.premia{background:var(--premia-tlo);color:var(--premia)}.znaczek.darmowe{background:var(--darmowe-tlo);color:var(--darmowe)}
.lista{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.lista li{background:var(--karta);border:1px solid var(--linia);border-radius:18px;overflow:hidden}
.lista li.typ-premia{border-top:6px solid var(--premia)}.lista li.typ-darmowe{border-top:6px solid var(--darmowe)}
.lista a{display:flex;flex-direction:column;gap:2px;height:100%;padding:12px 16px 14px;color:inherit;text-decoration:none}
.lista a:hover .dalej{text-decoration:underline}
.lista .gora{font-size:.95rem}.lista .kw{font-size:2rem;font-weight:800;line-height:1.15;margin-top:4px}
.lista .typ-premia .kw,.lista li.typ-premia .kw{color:var(--premia)}.lista li.typ-darmowe .kw{color:var(--darmowe)}
.lista .pod{font-weight:600;font-size:.92rem}
.lista .dol{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;color:var(--slaby);font-size:.88rem}
.lista .dalej{color:var(--akcent);font-weight:700}
.ramka{background:var(--karta);border:1px solid var(--linia);border-radius:18px;padding:16px 18px;margin:12px 0 8px}
.ramka.typ-premia{border-top:6px solid var(--premia)}.ramka.typ-darmowe{border-top:6px solid var(--darmowe)}
.ramka p{margin:4px 0}.kwota{font-size:2.6rem;font-weight:800;line-height:1.1;letter-spacing:-.01em}
.typ-premia .kwota{color:var(--premia)}.typ-darmowe .kwota{color:var(--darmowe)}.pod{font-weight:600}
.termin{color:var(--slaby)}.termin span{font-weight:700;color:var(--tekst)}
.kroki{list-style:none;counter-reset:k;padding:0;margin:0}.kroki>li{counter-increment:k;position:relative;padding-left:44px;margin-bottom:14px}
.kroki>li::before{content:counter(k);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--akcent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.kroki h3{font-size:1rem;margin:4px 0 6px}
.check{list-style:none;padding:0;margin:0}.check li{padding:6px 0 6px 28px;position:relative;border-bottom:1px solid var(--linia)}
.check li::before{content:"✓";position:absolute;left:4px;color:var(--akcent);font-weight:800}
.nagrody{width:100%;border-collapse:collapse;font-size:.95rem}.nagrody th,.nagrody td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--linia);vertical-align:top}
.nagrody th{color:var(--slaby);font-weight:600;font-size:.85rem}.nagrody td:first-child{white-space:nowrap}
@media (max-width:420px){.nagrody thead{display:none}.nagrody tr{display:block;padding:8px 0;border-bottom:1px solid var(--linia)}.nagrody td{display:block;border:0;padding:2px 0}.nagrody td:last-child{color:var(--slaby);font-size:.88rem}.kwota{font-size:2.2rem}}