:root{--bg:#f4f6f2;--surface:#fff;--ink:#18211d;--muted:#5d6862;--line:#dbe2dd;--brand:#176b4d;--brand-dark:#10543d;--soft:#eaf4ef;--warn:#fff6e5;--warn-ink:#7b4a13;--danger:#9b3a3a;--gold:#c98716;--shadow:0 8px 28px rgba(24,33,29,.07);--radius:12px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--brand);text-underline-offset:3px}button{font:inherit}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{height:64px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.site-logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border:1px dashed #9aa7a0;border-radius:9px;background:#f1f3f1;color:#728078;font-size:10px}.nav{display:flex;gap:22px;margin-left:auto}.nav a{color:#35413b;text-decoration:none;font-size:14px;font-weight:650}.header-cta,.cta{border:0;border-radius:9px;background:var(--brand);color:#fff;text-decoration:none;font-weight:750;cursor:pointer;transition:.18s ease}.header-cta{padding:9px 15px}.cta{padding:10px 15px;white-space:nowrap}.header-cta:hover,.cta:hover{background:var(--brand-dark);transform:translateY(-1px)}.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 10px}.breadcrumbs{font-size:13px;color:var(--muted);padding:18px 0 6px}.breadcrumbs a{color:inherit}.page-head{padding:4px 0 16px}.page-head h1{max-width:930px;margin:0 0 8px;font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.035em}.status-line{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:13px}.status-line strong{color:var(--brand)}
.offers{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:24px}.offers-head,.offer{display:grid;grid-template-columns:42px 1.35fr 1.1fr .7fr .8fr .55fr 144px;gap:12px;align-items:center}.offers-head{padding:9px 14px;background:#eef2ef;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.offer{position:relative;padding:11px 14px;border-bottom:1px solid var(--line);min-height:82px}.offer:last-child{border-bottom:0}.offer.top{background:linear-gradient(90deg,var(--soft),#fff 45%)}.offer.top:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}.rank{font-size:14px;font-weight:850;color:#7a867f}.brand-cell{display:flex;align-items:center;gap:11px;min-width:0}.brand-cell img{width:82px;height:38px;object-fit:contain;background:#202723;border-radius:7px;padding:6px}.brand-name{font-weight:800;font-size:14px}.badge{display:inline-block;margin-top:2px;padding:1px 6px;border-radius:99px;background:var(--soft);color:var(--brand);font-size:10px;font-weight:800}.bonus strong{display:block;font-size:18px;line-height:1.2}.bonus small,.metric small{display:block;color:var(--muted);font-size:11px}.metric{font-size:14px;font-weight:750}.score{font-size:14px;font-weight:850;color:#72500d}.score span{color:var(--gold)}.offer-actions{display:grid;gap:5px}.details-btn{border:0;background:transparent;color:var(--brand);font-size:11px;font-weight:700;cursor:pointer}.offer-detail{display:none;grid-column:2/-1;padding:9px 11px;background:#f4f7f5;border-radius:8px;color:#47534d;font-size:12px}.offer.open .offer-detail{display:block}.offer-note{margin:-8px 0 28px;color:var(--muted);font-size:13px}
.layout{display:grid;grid-template-columns:minmax(0,800px) 260px;gap:46px;align-items:start}.article{min-width:0}.article section{scroll-margin-top:82px;margin:0 0 48px}.article h2{font-size:clamp(25px,3vw,31px);line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}.article h3{font-size:21px;line-height:1.3;margin:28px 0 8px}.article p{margin:0 0 14px}.article ul,.article ol{padding-left:22px}.article li+li{margin-top:5px}.lede{font-size:18px;color:#34423b}.toc{position:sticky;top:84px;border-left:2px solid var(--line);padding-left:18px}.toc strong{display:block;margin-bottom:8px;font-size:13px}.toc a{display:block;padding:4px 0;color:var(--muted);font-size:12px;text-decoration:none}.toc a:hover{color:var(--brand)}.back-rank{margin-top:12px!important;color:var(--brand)!important;font-weight:800}.table-wrap{overflow-x:auto;margin:16px 0 20px;border:1px solid var(--line);border-radius:10px;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:610px;font-size:14px}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{background:#eef2ef;font-size:12px}.data-table tr:last-child td{border-bottom:0}.calc,.notice{margin:16px 0;padding:14px 16px;border-radius:9px}.calc{background:var(--soft);border-left:3px solid var(--brand)}.calc strong{display:block;font-size:18px}.notice{background:var(--warn);border-left:3px solid #c27820;color:var(--warn-ink)}.checklist{list-style:none;padding:0!important}.checklist li{position:relative;padding-left:26px}.checklist li:before{content:"\2713";position:absolute;left:0;color:var(--brand);font-weight:900}.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;padding:14px 0;border:0;background:transparent;text-align:left;font-weight:800;cursor:pointer}.faq-a{display:none;padding:0 30px 14px 0;color:#46524c}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}
.responsible{display:flex;gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.responsible b{font-size:20px}.responsible p{margin:0;color:var(--muted);font-size:13px}.site-footer{background:#18211d;color:#dce4df;margin-top:42px;padding:28px 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}.site-footer a{color:#dce4df}.site-footer p{font-size:12px;color:#aebbb4}.eeat-logos{display:flex;gap:12px;align-items:center}.eeat-logos img{max-width:84px;max-height:32px;object-fit:contain;filter:grayscale(1);opacity:.78}.footer-links{display:grid;gap:6px;font-size:13px}.subpage-hero 
@media(max-width:960px){.nav{display:none}.menu-btn{display:block}.header-cta{display:none}.nav.open{position:absolute;display:grid;top:64px;left:0;right:0;margin:0;padding:16px;background:#fff;border-bottom:1px solid var(--line)}.offers-head{display:none}.offer{grid-template-columns:34px 1fr 110px;gap:8px}.offer .bonus{grid-column:2/4}.offer .metric{display:grid;grid-template-columns:auto 1fr}.offer .score{grid-column:2}.offer-actions{grid-column:3;grid-row:3}.offer-detail{grid-column:2/4}.layout{grid-template-columns:1fr}.toc{position:static;order:-1;border:1px solid var(--line);border-radius:9px;padding:12px 16px}.toc a:not(.back-rank){display:none}.footer-grid{grid-template-columns:1fr 1fr}.subpage-hero }
@media(max-width:620px){.container{width:min(calc(100% - 20px),var(--max))}.page-head h1{font-size:31px}.offer{grid-template-columns:28px 1fr 92px;padding:10px;min-height:0}.brand-cell img{width:70px}.bonus strong{font-size:17px}.offer .metric{font-size:12px}.cta{padding:9px 10px;font-size:12px}.article section{margin-bottom:38px}.article h2{font-size:25px}.article h3{font-size:19px}.footer-grid{grid-template-columns:1fr}.compact-offer .cta{grid-column:1/-1;text-align:center}.responsible{align-items:flex-start}.status-line{gap:4px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Refined offer list: compact casino editorial treatment */
.offers{position:relative;border-color:#cad5ce;border-radius:14px;box-shadow:0 14px 38px rgba(24,33,29,.1)}
.offers:before{content:"";position:absolute;z-index:3;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#a96d12,#e1bb5c 25%,#176b4d 66%,#0c4733)}
.offers-head,.offer{grid-template-columns:46px 1.45fr 1.12fr .7fr .8fr .55fr 150px}
.offers-head{padding:13px 15px 9px;background:linear-gradient(180deg,#24372e,#19271f);border-bottom-color:#34483e;color:#f0f4f1;font-size:10px;letter-spacing:.08em}
.offer{padding:10px 15px;min-height:84px;background:linear-gradient(90deg,#fff,#fbfcfb);transition:background .18s ease,box-shadow .18s ease}
.offer:hover{background:#f7faf8;box-shadow:inset 4px 0 #176b4d}
.offer.top{background:linear-gradient(90deg,#edf7f1 0,#fbfdfb 45%,#fff 100%)}
.offer.top:hover{background:linear-gradient(90deg,#e6f3eb,#f9fcfa 48%,#fff)}
.offer.top:before{width:4px;background:linear-gradient(180deg,#dab243,#176b4d)}
.rank{display:grid;place-items:center;width:29px;height:29px;border:1px solid #ccd6cf;border-radius:50%;background:#fff;font-size:11px;font-weight:900;box-shadow:0 2px 8px rgba(24,33,29,.06)}
.offer.top .rank{border-color:#d5b568;background:linear-gradient(145deg,#fff9df,#f1d98c);color:#65470e}
.brand-cell{gap:14px}
.brand-cell img{width:108px;height:50px;object-fit:contain;background:transparent;border:0;border-radius:0;padding:0;filter:drop-shadow(0 3px 5px rgba(17,29,23,.22))}
.brand-name{font-size:14px;font-weight:850}
.badge{margin-top:3px;padding:2px 7px;border:1px solid #bcd8c8;background:#edf7f1;font-size:9px;letter-spacing:.02em}
.offer.top:first-of-type .badge{border-color:#d6b75f;background:#fff5cf;color:#76520a}
.bonus strong{letter-spacing:-.015em}
.bonus small,.metric small{margin-top:2px;font-size:10px}
.metric{font-weight:800}
.score{font-weight:900}
.score span{color:#d49117;text-shadow:0 1px #fff}
.offer-actions{gap:3px}
.offer-actions .cta{position:relative;overflow:hidden;border:1px solid #0d5a3f;background:linear-gradient(180deg,#1d7c59,#126444);box-shadow:0 5px 13px rgba(23,107,77,.2),inset 0 1px rgba(255,255,255,.18);text-align:center}
.offer-actions .cta:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,rgba(231,194,91,.8),transparent)}
.offer-actions .cta:hover{background:linear-gradient(180deg,#238866,#10573d);box-shadow:0 7px 16px rgba(23,107,77,.27)}
.details-btn{font-size:10px;font-weight:850}
.offer-detail{border:1px solid #dce5df;background:#f4f8f5}
@media(max-width:960px){.offer .brand-cell img{width:112px;height:50px}}
@media(max-width:620px){.offers{border-radius:11px}.offer{grid-template-columns:29px 1fr 94px}.offer .brand-cell{gap:10px}.offer .brand-cell img{width:92px;height:44px}.rank{width:26px;height:26px}}


/* Offer rank color system */
.offer.top:before{display:none}
.offer:hover{box-shadow:none}
.offer:nth-of-type(1) .rank{border-color:#c93f3f;background:#d94a4a;color:#fff}
.offer:nth-of-type(2) .rank{border-color:#3f65b5;background:#4f74c8;color:#fff}
.offer:nth-of-type(3) .rank{border-color:#a65b25;background:#bd6d32;color:#fff}
.offer:nth-of-type(n+4) .rank{border-color:#5b6b63;background:#66776e;color:#fff}


/* Mobile offer card layout fix */
@media(max-width:620px){
  .offer{
    grid-template-columns:32px minmax(0,1fr) 116px;
    grid-template-rows:auto auto auto auto auto;
    column-gap:10px;
    row-gap:8px;
    padding:12px 10px;
  }
  .offer .rank{grid-column:1;grid-row:1;align-self:start}
  .offer .brand-cell{grid-column:2/4;grid-row:1;min-width:0}
  .offer .brand-cell img{width:82px;height:42px;flex:0 0 82px}
  .offer .brand-name{font-size:13px}
  .offer .bonus{grid-column:2/4;grid-row:2;min-width:0}
  .offer .bonus strong{font-size:17px}
  .offer .metric{display:block;min-width:0;font-size:13px;line-height:1.25}
  .offer .metric:nth-child(4){grid-column:2;grid-row:3}
  .offer .metric:nth-child(5){grid-column:3;grid-row:3}
  .offer .metric small{margin-top:3px;line-height:1.3}
  .offer .score{grid-column:2;grid-row:4;align-self:center}
  .offer .offer-actions{grid-column:3;grid-row:4;align-self:center;width:116px}
  .offer .offer-actions .cta{width:100%;padding:9px 7px;font-size:11px}
  .offer .details-btn{font-size:9px}
  .offer .offer-detail{grid-column:1/4;grid-row:5}
}
@media(max-width:380px){
  .offer{grid-template-columns:30px minmax(0,1fr) 104px}
  .offer .brand-cell img{width:72px;height:38px;flex-basis:72px}
  .offer .offer-actions{width:104px}
  .offer .offer-actions .cta{font-size:10px}
}


/* Mobile offer card readability redesign */
@media(max-width:620px){
  .offer{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto auto auto auto auto;
    gap:9px 10px;
    padding:12px;
    min-height:0;
  }
  .offer .rank{
    position:absolute;
    top:13px;
    left:12px;
    width:27px;
    height:27px;
    z-index:2;
  }
  .offer .brand-cell{
    grid-column:1/3;
    grid-row:1;
    gap:11px;
    min-height:44px;
    padding-left:39px;
  }
  .offer .brand-cell img{
    width:76px;
    height:42px;
    flex:0 0 76px;
  }
  .offer .brand-name{font-size:14px;line-height:1.2}
  .offer .badge{margin-top:4px}
  .offer .bonus{
    grid-column:1/3;
    grid-row:2;
    padding:8px 10px;
    border-radius:8px;
    background:#f0f5f2;
    border-left:3px solid #176b4d;
  }
  .offer.top .bonus{background:#edf6f0}
  .offer .bonus strong{font-size:18px;line-height:1.15}
  .offer .bonus small{font-size:10px}
  .offer .metric{
    display:block;
    padding:7px 9px;
    border:1px solid #dce4df;
    border-radius:8px;
    background:#fff;
    font-size:14px;
    line-height:1.2;
  }
  .offer .metric:nth-child(4){grid-column:1;grid-row:3}
  .offer .metric:nth-child(5){grid-column:2;grid-row:3}
  .offer .metric small{font-size:9px;line-height:1.25;color:#66736c}
  .offer .score{
    grid-column:1;
    grid-row:4;
    align-self:center;
    padding-left:4px;
    font-size:15px;
  }
  .offer .offer-actions{
    grid-column:2;
    grid-row:4;
    justify-self:end;
    align-self:center;
    width:132px;
  }
  .offer .offer-actions .cta{
    width:100%;
    min-height:38px;
    padding:8px 8px;
    font-size:11px;
  }
  .offer .details-btn{padding:2px 0;font-size:9px}
  .offer .offer-detail{
    grid-column:1/3;
    grid-row:5;
    margin-top:1px;
  }
}
@media(max-width:360px){
  .offer{padding:10px;gap:8px}
  .offer .rank{top:11px;left:10px}
  .offer .brand-cell{padding-left:37px}
  .offer .brand-cell img{width:68px;height:38px;flex-basis:68px}
  .offer .offer-actions{width:120px}
  .offer .offer-actions .cta{font-size:10px}
}


/* Offer score emphasis */
.score{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:start;
  gap:4px;
  min-width:58px;
  padding:5px 9px;
  border:1px solid #e2bd62;
  border-radius:999px;
  background:linear-gradient(180deg,#fff9dd,#ffefb6);
  color:#5f4105;
  font-size:16px;
  line-height:1;
  box-shadow:0 3px 9px rgba(174,120,14,.12);
}
.score span{
  color:#f0a400;
  font-size:19px;
  line-height:1;
  text-shadow:0 1px 0 #fff,0 0 8px rgba(240,164,0,.18);
}
@media(max-width:620px){
  .offer .score{
    display:inline-flex;
    min-width:64px;
    padding:6px 10px;
    font-size:17px;
  }
  .offer .score span{font-size:20px}
}


/* Final site logo */
.site-logo img.logo-mark{
  width:38px;
  height:38px;
  object-fit:contain;
  border:0;
  border-radius:0;
  background:transparent;
  color:transparent;
  filter:drop-shadow(0 2px 4px rgba(13,45,32,.18));
}
.site-footer .site-logo img.logo-mark{width:42px;height:42px}

.site-logo img.logo-mark{width:42px;height:42px}.site-footer .site-logo img.logo-mark{width:44px;height:44px}

/* Inline mobile screenshot */
.text-visual{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:28px;align-items:start}
.text-visual-copy{min-width:0}
.mobile-shot{margin:2px 0 0;position:sticky;top:86px}
.mobile-shot img{display:block;width:100%;height:auto;border:1px solid #d7dfda;border-radius:18px;background:#f4f6f2;box-shadow:0 14px 30px rgba(24,33,29,.13)}
.mobile-shot figcaption{margin-top:7px;color:#68756e;font-size:10px;line-height:1.35;text-align:center}
@media(max-width:760px){
  .text-visual{grid-template-columns:1fr;gap:16px}
  .mobile-shot{position:static;width:min(100%,300px);margin:2px auto 0}
}


/* Editorial inline image flow */
.text-visual{display:block}
.text-visual:after{content:"";display:block;clear:both}
.mobile-shot{
  float:right;
  position:static;
  width:248px;
  margin:0 0 16px 28px;
}
.mobile-shot img{
  display:block;
  width:100%;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:0 12px 24px rgba(24,33,29,.08);
}
@media(max-width:760px){
  .mobile-shot{
    float:none;
    width:min(100%,280px);
    margin:8px auto 18px;
  }
}


/* Withdrawal screenshot flow */
.payout-shot{
  float:left;
  position:static;
  width:248px;
  margin:2px 28px 16px 0;
}
.payout-shot img{
  display:block;
  width:100%;
  height:auto;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:0 12px 24px rgba(24,33,29,.08);
}
.clear-visual{clear:both}
#wyplata:after{content:"";display:block;clear:both}
@media(max-width:760px){
  .payout-shot{
    float:none;
    width:min(100%,280px);
    margin:8px auto 18px;
  }
}

/* Payout image alignment refinement */
.payout-shot{float:right;width:232px;margin:2px 0 16px 28px}
@media(max-width:760px){.payout-shot{float:none;width:min(100%,270px);margin:8px auto 18px}}

/* Editorial mobile screen: 25 EUR page */
.euro-shot{float:right;position:static;width:238px;margin:2px 0 18px 28px}
.euro-shot img{display:block;width:100%;height:auto;border:0;border-radius:18px;background:#f4f6f2;box-shadow:0 14px 28px rgba(15,48,37,.16)}
.clear-visual{clear:both}
#przeliczenie:after{content:"";display:block;clear:both}
@media(max-width:760px){.euro-shot{float:none;width:min(100%,275px);margin:8px auto 20px}.euro-shot img{border-radius:16px}}

/* Structured integration for the 25 EUR editorial screen */
.euro-visual-grid{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:26px;align-items:start;margin-bottom:22px}
.euro-visual-grid .euro-shot{float:none;width:205px;margin:0}
.euro-visual-grid .euro-copy>h3{margin-top:0}
.euro-visual-grid .calc{width:100%;box-sizing:border-box}
@media(max-width:760px){.euro-visual-grid{display:flex;flex-direction:column;gap:8px}.euro-visual-grid .euro-shot{order:2;width:min(100%,250px);margin:6px auto 4px}.euro-visual-grid .euro-copy{order:1;width:100%}}

/* Wagering tracker integration: 25 EUR page */
.wager-visual-grid{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:26px;align-items:start;margin:4px 0 24px}
.wager-copy>h3{margin-top:0}
.wager-shot{width:205px;margin:0}
.wager-shot img{display:block;width:100%;height:auto;border-radius:18px;background:#f4f6f2;box-shadow:0 14px 28px rgba(15,48,37,.16)}
.wager-visual-grid .table-wrap{margin-bottom:14px}
@media(max-width:760px){.wager-visual-grid{display:flex;flex-direction:column;gap:10px}.wager-copy{width:100%}.wager-shot{width:min(100%,250px);margin:4px auto 2px}}


/* 100 PLN terms screen integration */
.hundred-visual-grid{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:26px;align-items:start;margin:22px 0 26px}
.hundred-copy>h3{margin-top:0}
.hundred-shot{width:205px;margin:0}
.hundred-shot img{display:block;width:100%;height:auto;border-radius:18px;background:#f4f6f2;box-shadow:0 14px 28px rgba(15,48,37,.16)}
.hundred-visual-grid .calc,.hundred-visual-grid .notice{width:100%;box-sizing:border-box}
@media(max-width:760px){.hundred-visual-grid{display:flex;flex-direction:column;gap:10px}.hundred-copy{width:100%}.hundred-shot{width:min(100%,250px);margin:5px auto 2px}}

/* 100 PLN withdrawal screen integration */
.withdrawal100-grid{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:26px;align-items:start;margin:4px 0 24px}
.withdrawal100-copy>h3:first-child{margin-top:0}
.withdrawal100-shot{width:205px;margin:0}
.withdrawal100-shot img{display:block;width:100%;height:auto;border-radius:18px;background:#f4f6f2;box-shadow:0 14px 28px rgba(15,48,37,.16)}
@media(max-width:760px){.withdrawal100-grid{display:flex;flex-direction:column;gap:10px}.withdrawal100-copy{width:100%}.withdrawal100-shot{width:min(100%,250px);margin:5px auto 2px}}