:root{
  --primary:#e10600;
  --primary-2:#ff2a24;
  --secondary:#ffffff;
  --ink:#0f1115;
  --muted:#5b6472;
  --surface:#ffffff;
  --surface-2:#f6f7f9;
  --border:rgba(15,17,21,.12);
  --shadow:0 14px 34px rgba(15,17,21,.14);
  --shadow-soft:0 10px 26px rgba(15,17,21,.10);
  --shadow-btn:0 10px 18px rgba(225,6,0,.22);
  --radius:18px;
  --radius-sm:12px;
  --max:1120px;
  --pad:clamp(16px, 3vw, 24px);
  --gap:clamp(14px, 2.8vw, 22px);
  --header-h:72px;
  --ring:0 0 0 3px rgba(225,6,0,.24);
}

*{box-sizing:border-box}
html,body{overflow-x:hidden;width:100%}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  color:var(--ink);
  background:linear-gradient(180deg, #fff 0%, #fff 55%, var(--surface-2) 100%);
  line-height:1.55;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
p,h1,h2,h3{margin:0}
ul{margin:0;padding:0;list-style:none}
::selection{background:rgba(225,6,0,.16)}

.container{
  width:min(var(--max), 100% - (var(--pad) * 2));
  margin-inline:auto;
  min-width:0;
}

.skipLink{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;height:1px;
  overflow:hidden;
}
.skipLink:focus{
  left:var(--pad);
  top:var(--pad);
  width:auto;height:auto;
  padding:10px 14px;
  border-radius:999px;
  background:var(--ink);
  color:var(--secondary);
  z-index:9999;
  box-shadow:var(--shadow);
}

.topBanner{
  width:100%;
  background:linear-gradient(180deg, rgba(225,6,0,.08), rgba(225,6,0,0));
}
.topBanner__link{display:block}
.topBanner__media{
  width:100%;
  border-bottom:1px solid rgba(15,17,21,.08);
}
.topBanner__media img{
  width:100%;
  max-height:340px;
  object-fit:contain;
  background:linear-gradient(135deg, rgba(225,6,0,.10), rgba(15,17,21,.02));
}

.siteHeader{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.82);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(15,17,21,.08);
}
.header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
  min-height:var(--header-h);
  min-width:0;
}
.brand{display:flex;align-items:center;min-width:0}
.brand__logo{
  width:clamp(150px, 16vw, 210px);
  height:auto;
}

.nav{display:flex;align-items:center;min-width:0}
.nav__toggle{
  display:none;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(15,17,21,.14);
  background:linear-gradient(180deg, #fff, #f7f7f9);
  box-shadow:0 10px 20px rgba(15,17,21,.10);
  cursor:pointer;
}
.nav__toggle:focus-visible{outline:none;box-shadow:var(--shadow-soft), var(--ring)}
.nav__toggleBars{
  width:18px;height:12px;
  display:inline-block;
  position:relative;
}
.nav__toggleBars::before,
.nav__toggleBars::after{
  content:"";
  position:absolute;
  left:0;right:0;
  height:2px;
  border-radius:2px;
  background:var(--ink);
}
.nav__toggleBars::before{top:1px}
.nav__toggleBars::after{bottom:1px}
.nav__toggleText{font-weight:800}

.nav__panel{min-width:0}
.nav__list{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  min-width:0;
}
.nav__item{min-width:0}
.nav__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:999px;
  color:rgba(15,17,21,.86);
  font-weight:800;
  letter-spacing:.2px;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
  min-width:0;
}
.nav__link:hover{
  background:rgba(225,6,0,.08);
  color:var(--ink);
  transform:translateY(-1px);
}
.nav__link:active{transform:translateY(0)}
.nav__link:focus-visible{outline:none;box-shadow:var(--ring)}
.nav__link--cta{
  background:linear-gradient(180deg, var(--primary-2), var(--primary));
  color:var(--secondary);
  box-shadow:var(--shadow-btn);
  border:1px solid rgba(0,0,0,.08);
}
.nav__link--cta:hover{
  background:linear-gradient(180deg, #ff3a35, var(--primary));
  transform:translateY(-2px);
  box-shadow:0 14px 24px rgba(225,6,0,.26);
}
.nav__link--cta:active{
  transform:translateY(0);
  box-shadow:0 10px 18px rgba(225,6,0,.20);
}

.main{min-width:0}
.section{padding:clamp(34px, 5vw, 70px) 0;min-width:0}
.section--soft{
  background:linear-gradient(180deg, rgba(15,17,21,.03), rgba(15,17,21,0));
}
.section__head{max-width:900px}
.section__title{
  font-size:clamp(22px, 3vw, 34px);
  line-height:1.15;
  letter-spacing:-.5px;
}
.section__lead{
  margin-top:12px;
  color:rgba(15,17,21,.78);
  font-size:clamp(15px, 1.25vw, 17px);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

.hero{
  padding:clamp(28px, 4.8vw, 66px) 0;
  background:
    radial-gradient(80% 60% at 15% 10%, rgba(225,6,0,.14) 0%, rgba(225,6,0,0) 60%),
    radial-gradient(70% 55% at 85% 30%, rgba(15,17,21,.06) 0%, rgba(15,17,21,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,247,249,1) 100%);
}
.hero__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:clamp(16px, 3vw, 30px);
  align-items:center;
  min-width:0;
}
.hero__content{min-width:0}
.hero__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(225,6,0,.08);
  color:rgba(15,17,21,.82);
  font-weight:800;
  letter-spacing:.2px;
  font-size:13px;
  border:1px solid rgba(225,6,0,.18);
  overflow-wrap:anywhere;
}
.hero__title{
  margin-top:14px;
  font-size:clamp(30px, 4.2vw, 52px);
  line-height:1.05;
  letter-spacing:-1px;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.hero__accent{
  display:inline-block;
  margin-top:8px;
  color:var(--primary);
  text-shadow:0 12px 22px rgba(225,6,0,.12);
}
.hero__actions{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
.hero__trust{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--gap);
  min-width:0;
}
.hero__fineprint{
  margin-top:14px;
  color:rgba(15,17,21,.64);
  font-size:13px;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

.mediaCard{
  display:block;
  border-radius:var(--radius);
  border:1px solid rgba(15,17,21,.10);
  background:linear-gradient(180deg, #fff, #fbfbfd);
  box-shadow:var(--shadow);
  overflow:hidden;
  transform:translateZ(0);
  min-width:0;
  transition:transform .18s ease, box-shadow .18s ease;
}
.mediaCard:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(15,17,21,.18)}
.mediaCard:active{transform:translateY(0)}
.mediaCard:focus-visible{outline:none;box-shadow:var(--shadow), var(--ring)}
.mediaCard__frame{
  background:linear-gradient(135deg, rgba(225,6,0,.12), rgba(15,17,21,.03));
  padding:clamp(12px, 2.2vw, 18px);
}
.mediaCard__frame img{
  width:100%;
  max-height:420px;
  object-fit:contain;
}
.mediaCard__caption{
  padding:14px 14px 16px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
  letter-spacing:.2px;
  background:linear-gradient(180deg, var(--primary-2), var(--primary));
  color:var(--secondary);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 18px rgba(225,6,0,.20);
}
.pill--ghost{
  background:rgba(15,17,21,.04);
  color:rgba(15,17,21,.78);
  border:1px solid rgba(15,17,21,.10);
  box-shadow:none;
}

.trustCard{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:14px 14px;
  border-radius:var(--radius-sm);
  border:1px solid rgba(15,17,21,.10);
  background:rgba(255,255,255,.9);
  box-shadow:var(--shadow-soft);
  min-width:0;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.trustCard:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,17,21,.14);border-color:rgba(225,6,0,.22)}
.trustCard:active{transform:translateY(0)}
.trustCard:focus-visible{outline:none;box-shadow:var(--shadow-soft), var(--ring)}
.trustCard__icon{
  flex:0 0 auto;
  width:34px;height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(225,6,0,.10);
  border:1px solid rgba(225,6,0,.18);
}
.trustCard__text{
  min-width:0;
  color:rgba(15,17,21,.78);
  font-size:14px;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.trustCard__text strong{color:rgba(15,17,21,.92)}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:12px 18px;
  border-radius:14px;
  font-weight:900;
  letter-spacing:.2px;
  border:1px solid transparent;
  cursor:pointer;
  user-select:none;
  transform:translateZ(0);
  transition:transform .14s ease, box-shadow .14s ease, filter .14s ease, background .14s ease, border-color .14s ease;
  text-align:center;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.btn:focus-visible{outline:none;box-shadow:var(--ring)}
.btn--primary{
  background:linear-gradient(180deg, var(--primary-2), var(--primary));
  color:var(--secondary);
  box-shadow:var(--shadow-btn);
  border-color:rgba(0,0,0,.10);
}
.btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 26px rgba(225,6,0,.28);
  filter:saturate(1.05);
}
.btn--primary:active{
  transform:translateY(0);
  box-shadow:0 10px 18px rgba(225,6,0,.20);
}
.btn--ghost{
  background:linear-gradient(180deg, #ffffff, #f3f4f6);
  color:rgba(15,17,21,.92);
  border-color:rgba(15,17,21,.14);
  box-shadow:0 12px 22px rgba(15,17,21,.12);
}
.btn--ghost:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 28px rgba(15,17,21,.16);
  border-color:rgba(225,6,0,.26);
}
.btn--ghost:active{
  transform:translateY(0);
  box-shadow:0 12px 22px rgba(15,17,21,.12);
}

.grid{
  display:grid;
  gap:var(--gap);
  margin-top:22px;
  min-width:0;
}
.grid--3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.feature{
  display:block;
  padding:18px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(15,17,21,.10);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
  min-width:0;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.feature:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,17,21,.14);border-color:rgba(225,6,0,.22)}
.feature:active{transform:translateY(0)}
.feature:focus-visible{outline:none;box-shadow:var(--shadow-soft), var(--ring)}
.feature__top{display:flex;align-items:center;gap:10px;min-width:0}
.feature__icon{
  width:40px;height:40px;
  border-radius:14px;
  display:grid;place-items:center;
  background:rgba(225,6,0,.10);
  border:1px solid rgba(225,6,0,.18);
  flex:0 0 auto;
}
.feature__title{font-size:18px;line-height:1.15;min-width:0}
.feature__text{
  margin-top:10px;
  color:rgba(15,17,21,.76);
  font-size:14.5px;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

.noteCard{
  margin-top:22px;
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:18px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(225,6,0,.22);
  background:linear-gradient(180deg, rgba(225,6,0,.08), rgba(255,255,255,.92));
  box-shadow:var(--shadow-soft);
  min-width:0;
}
.noteCard__icon{
  flex:0 0 auto;
  width:42px;height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, var(--primary-2), var(--primary));
  color:var(--secondary);
  box-shadow:0 12px 22px rgba(225,6,0,.22);
}
.noteCard__body{min-width:0}
.noteCard__title{font-weight:900;font-size:16px}
.noteCard__text{
  margin-top:8px;
  color:rgba(15,17,21,.78);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.noteCard .btn{margin-top:12px}

.promoGrid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--gap);
  min-width:0;
}
.promoCard{
  display:block;
  padding:18px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(15,17,21,.10);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
  min-width:0;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.promoCard:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,17,21,.14);border-color:rgba(225,6,0,.22)}
.promoCard:active{transform:translateY(0)}
.promoCard:focus-visible{outline:none;box-shadow:var(--shadow-soft), var(--ring)}
.promoCard--highlight{
  background:linear-gradient(180deg, rgba(225,6,0,.10), rgba(255,255,255,.95));
  border-color:rgba(225,6,0,.22);
}
.promoCard__head{display:flex;flex-direction:column;gap:10px;min-width:0}
.promoCard__tag{
  align-self:flex-start;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(15,17,21,.04);
  border:1px solid rgba(15,17,21,.10);
  font-weight:900;
  font-size:12px;
}
.promoCard__tag--dark{
  background:rgba(15,17,21,.90);
  color:var(--secondary);
  border-color:rgba(0,0,0,.10);
}
.promoCard__title{
  font-size:19px;
  line-height:1.15;
  letter-spacing:-.3px;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.promoCard__text{
  margin-top:10px;
  color:rgba(15,17,21,.76);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.promoCard__footer{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.promoCard__badge{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(225,6,0,.10);
  border:1px solid rgba(225,6,0,.18);
  font-weight:900;
  font-size:12px;
}
.promoCard__badge--ghost{
  background:rgba(15,17,21,.04);
  border-color:rgba(15,17,21,.10);
  color:rgba(15,17,21,.78);
}

.ctaStrip{
  margin-top:22px;
  padding:18px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(225,6,0,.22);
  background:
    radial-gradient(80% 120% at 0% 20%, rgba(225,6,0,.14), rgba(225,6,0,0) 65%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,247,249,.92));
  box-shadow:var(--shadow-soft);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
.ctaStrip__content{min-width:0}
.ctaStrip__eyebrow{
  font-weight:900;
  color:rgba(15,17,21,.72);
  font-size:12px;
  letter-spacing:.3px;
  text-transform:uppercase;
}
.ctaStrip__title{
  margin-top:6px;
  font-size:20px;
  font-weight:950;
  line-height:1.15;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.ctaStrip__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}

.steps{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--gap);
  min-width:0;
}
.step{
  display:flex;
  gap:14px;
  padding:18px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(15,17,21,.10);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
  min-width:0;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.step:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,17,21,.14);border-color:rgba(225,6,0,.22)}
.step:active{transform:translateY(0)}
.step:focus-visible{outline:none;box-shadow:var(--shadow-soft), var(--ring)}
.step__num{
  flex:0 0 auto;
  width:44px;height:44px;
  border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(180deg, var(--primary-2), var(--primary));
  color:var(--secondary);
  font-weight:950;
  box-shadow:0 12px 22px rgba(225,6,0,.22);
}
.step__body{min-width:0}
.step__title{font-size:18px;line-height:1.2}
.step__text{
  margin-top:8px;
  color:rgba(15,17,21,.76);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

.inlineCta{
  margin-top:22px;
  padding:18px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(15,17,21,.10);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
.inlineCta__copy{min-width:0}
.inlineCta__title{font-size:20px;line-height:1.15}
.inlineCta__text{
  margin-top:10px;
  color:rgba(15,17,21,.76);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.inlineCta__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
}

.sportGrid,
.casinoGrid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--gap);
  min-width:0;
}
.sportCard,
.casinoCard{
  display:block;
  border-radius:var(--radius);
  border:1px solid rgba(15,17,21,.10);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
  min-width:0;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sportCard:hover,
.casinoCard:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(15,17,21,.14);border-color:rgba(225,6,0,.22)}
.sportCard:active,
.casinoCard:active{transform:translateY(0)}
.sportCard:focus-visible,
.casinoCard:focus-visible{outline:none;box-shadow:var(--shadow-soft), var(--ring)}
.sportCard__media,
.casinoCard__media{
  padding:14px;
  background:linear-gradient(135deg, rgba(225,6,0,.10), rgba(15,17,21,.03));
  border-bottom:1px solid rgba(15,17,21,.08);
}
.sportCard__media img,
.casinoCard__media img{
  width:100%;
  max-height:260px;
  object-fit:contain;
}
.sportCard__title,
.casinoCard__title{
  padding:14px 16px 0;
  font-size:18px;
  line-height:1.2;
}
.sportCard__text,
.casinoCard__text{
  padding:10px 16px 16px;
  color:rgba(15,17,21,.76);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

.textGrid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--gap);
  min-width:0;
}
.textBlock{
  padding:18px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(15,17,21,.10);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
  min-width:0;
}
.textBlock h3{font-size:18px;line-height:1.2}
.textBlock p{
  margin-top:10px;
  color:rgba(15,17,21,.76);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

.paymentsGrid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--gap);
  min-width:0;
}
.paymentItem{
  padding:18px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(15,17,21,.10);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
  min-width:0;
}
.paymentItem h3{font-size:18px;line-height:1.2}
.paymentItem p{
  margin-top:10px;
  color:rgba(15,17,21,.76);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

.wideCta{
  margin-top:22px;
  padding:18px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(225,6,0,.22);
  background:linear-gradient(180deg, rgba(225,6,0,.08), rgba(255,255,255,.92));
  box-shadow:var(--shadow-soft);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
.wideCta__content{min-width:0}
.wideCta__title{
  font-weight:950;
  font-size:18px;
  line-height:1.2;
}
.wideCta__text{
  margin-top:8px;
  color:rgba(15,17,21,.76);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

.faq{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--gap);
  min-width:0;
}
.faqItem{
  padding:18px 16px;
  border-radius:var(--radius);
  border:1px solid rgba(15,17,21,.10);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow-soft);
  min-width:0;
}
.faqItem h3{
  font-size:17px;
  line-height:1.2;
  letter-spacing:-.2px;
}
.faqItem p{
  margin-top:10px;
  color:rgba(15,17,21,.76);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

.finalCta{
  padding:clamp(34px, 5vw, 76px) 0;
  background:
    radial-gradient(90% 70% at 15% 30%, rgba(225,6,0,.18), rgba(225,6,0,0) 60%),
    radial-gradient(70% 55% at 85% 45%, rgba(15,17,21,.08), rgba(15,17,21,0) 65%),
    linear-gradient(180deg, #fff 0%, #f6f7f9 100%);
}
.finalCta__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:22px 18px;
  border-radius:calc(var(--radius) + 6px);
  border:1px solid rgba(225,6,0,.22);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow);
  min-width:0;
}
.finalCta__content{min-width:0;max-width:760px}
.finalCta__title{
  font-size:clamp(22px, 3vw, 34px);
  line-height:1.12;
  letter-spacing:-.6px;
}
.finalCta__text{
  margin-top:10px;
  color:rgba(15,17,21,.76);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.finalCta__bonus{
  margin-top:14px;
  font-weight:950;
  color:var(--primary);
  font-size:clamp(16px, 1.6vw, 19px);
  line-height:1.15;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.finalCta__actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:min(320px, 100%);
}

.siteFooter{
  padding:36px 0 22px;
  background:linear-gradient(180deg, rgba(15,17,21,.02), rgba(15,17,21,.06));
  border-top:1px solid rgba(15,17,21,.08);
}
.footer__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--gap);
  align-items:start;
  min-width:0;
}
.footer__logo{
  width:clamp(160px, 18vw, 240px);
  height:auto;
}
.footer__text{
  margin-top:12px;
  color:rgba(15,17,21,.72);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.footer__nav ul{display:grid;gap:10px}
.footer__nav a{
  display:inline-flex;
  align-items:center;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(15,17,21,.10);
  background:rgba(255,255,255,.84);
  box-shadow:0 10px 20px rgba(15,17,21,.08);
  font-weight:900;
  color:rgba(15,17,21,.86);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.footer__nav a:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(15,17,21,.12);border-color:rgba(225,6,0,.22)}
.footer__nav a:active{transform:translateY(0)}
.footer__nav a:focus-visible{outline:none;box-shadow:0 14px 26px rgba(15,17,21,.12), var(--ring)}
.footer__bottom{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(15,17,21,.08);
  color:rgba(15,17,21,.62);
  font-size:13px;
}

.catfish{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:1100;
  padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));
  pointer-events:none;
}
.catfish__inner{
  pointer-events:auto;
  width:min(var(--max), 100%);
  margin-inline:auto;
  border-radius:18px;
  border:1px solid rgba(225,6,0,.22);
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 12px;
  min-width:0;
}
.catfish__text{
  min-width:0;
  font-weight:950;
  color:rgba(15,17,21,.92);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.catfish__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.iconBtn{
  width:42px;height:42px;
  border-radius:14px;
  border:1px solid rgba(15,17,21,.12);
  background:linear-gradient(180deg, #fff, #f3f4f6);
  box-shadow:0 12px 20px rgba(15,17,21,.10);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.iconBtn:hover{transform:translateY(-2px);box-shadow:0 16px 26px rgba(15,17,21,.14);border-color:rgba(225,6,0,.22)}
.iconBtn:active{transform:translateY(0)}
.iconBtn:focus-visible{outline:none;box-shadow:0 16px 26px rgba(15,17,21,.14), var(--ring)}
.iconBtn__x{
  width:14px;height:14px;
  position:relative;
}
.iconBtn__x::before,
.iconBtn__x::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:2px;
  border-radius:2px;
  background:rgba(15,17,21,.86);
  transform-origin:center;
}
.iconBtn__x::before{transform:translate(-50%,-50%) rotate(45deg)}
.iconBtn__x::after{transform:translate(-50%,-50%) rotate(-45deg)}

.modal{
  position:fixed;
  inset:0;
  z-index:1200;
  background:rgba(15,17,21,.62);
  backdrop-filter:blur(6px) saturate(120%);
  display:none;
  align-items:center;
  justify-content:center;
  padding:var(--pad);
}
.modal.is-open{display:flex}
.modal__panel{
  width:min(860px, 100%);
  border-radius:22px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.96);
  box-shadow:0 22px 64px rgba(0,0,0,.30);
  overflow:hidden;
  min-width:0;
}
.modal__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:16px 16px 0;
}
.modal__body{
  padding:12px 16px 18px;
  min-width:0;
}
.modal__title{
  font-size:clamp(20px, 2.4vw, 28px);
  line-height:1.12;
  letter-spacing:-.5px;
}
.modal__lead{
  margin-top:10px;
  color:rgba(15,17,21,.76);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.modal__bonus{
  margin-top:14px;
  padding:14px 14px;
  border-radius:16px;
  border:1px solid rgba(225,6,0,.22);
  background:linear-gradient(180deg, rgba(225,6,0,.10), rgba(255,255,255,.95));
  font-weight:950;
  color:var(--primary);
  line-height:1.15;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.modal__actions{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

@media (max-width: 980px){
  .hero__grid{grid-template-columns:1fr;align-items:start}
  .hero__trust{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .finalCta__inner{flex-direction:column;align-items:stretch}
  .finalCta__actions{flex-direction:row;flex-wrap:wrap;min-width:0}
}

@media (max-width: 860px){
  .grid--3{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .promoGrid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .sportGrid,.casinoGrid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .textGrid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .paymentsGrid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .footer__grid{grid-template-columns:1fr}
  .ctaStrip{flex-direction:column;align-items:stretch}
  .ctaStrip__actions{justify-content:flex-start}
  .inlineCta{flex-direction:column;align-items:stretch}
  .inlineCta__actions{justify-content:flex-start}
}

@media (max-width: 720px){
  .nav__toggle{display:inline-flex}
  .nav__panel{
    position:absolute;
    right:var(--pad);
    top:calc(var(--header-h) - 8px);
    width:min(360px, calc(100vw - (var(--pad) * 2)));
    background:rgba(255,255,255,.96);
    border:1px solid rgba(15,17,21,.10);
    border-radius:18px;
    box-shadow:var(--shadow);
    padding:10px;
    display:none;
  }
  .nav__panel.is-open{display:block}
  .nav__list{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    white-space:normal;
  }
  .nav__link{justify-content:space-between}
  .nav__link--cta{justify-content:center}
  .hero__trust{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .faq{grid-template-columns:1fr}
  .btn{width:100%}
  .hero__actions{flex-direction:column;align-items:stretch}
  .finalCta__actions{flex-direction:column}
  .wideCta{flex-direction:column;align-items:stretch}
}

@media (min-width: 721px) and (max-width: 1024px){
  .nav__panel{
    max-width:520px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .nav__list{gap:8px}
}

@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto}
  .btn,.feature,.promoCard,.trustCard,.step,.sportCard,.casinoCard,.mediaCard,.nav__link,.iconBtn{
    transition:none;
  }
}
.betclic-polskieligi__wrap{
  width:100%;
  padding:clamp(28px, 4.5vw, 60px) 0;
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,247,249,0.6) 100%);
  color:#0f1115;
  box-sizing:border-box;
}
.betclic-polskieligi__wrap *{box-sizing:border-box;min-width:0}

.betclic-polskieligi__container{
  width:min(1120px, calc(100% - 2rem));
  margin-inline:auto;
  padding:0 0.25rem;
}

.betclic-polskieligi__title{
  font-size:clamp(1.4rem, 2.6vw, 2rem);
  line-height:1.18;
  letter-spacing:-0.02em;
  margin:0 0 1rem 0;
  font-weight:900;
  color:#0f1115;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

.betclic-polskieligi__lead{
  display:block;
  padding:1rem 1.1rem;
  margin-bottom:1.5rem;
  border-radius:1.1rem;
  border:1px solid rgba(225,6,0,0.18);
  background:linear-gradient(180deg, rgba(225,6,0,0.06), rgba(255,255,255,0.92));
  box-shadow:0 10px 26px rgba(15,17,21,0.08);
}
.betclic-polskieligi__lead p{
  margin:0 0 0.7rem 0;
  font-size:clamp(0.95rem, 1.1vw, 1.05rem);
  line-height:1.6;
  color:rgba(15,17,21,0.82);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.betclic-polskieligi__lead p:last-child{margin-bottom:0}

.betclic-polskieligi__section{
  padding:1.1rem 1.1rem;
  margin-bottom:1.1rem;
  border-radius:1.1rem;
  border:1px solid rgba(15,17,21,0.10);
  background:rgba(255,255,255,0.94);
  box-shadow:0 10px 22px rgba(15,17,21,0.06);
}

.betclic-polskieligi__section--cta{
  border-color:rgba(225,6,0,0.24);
  background:linear-gradient(180deg, rgba(225,6,0,0.08), rgba(255,255,255,0.94));
}

.betclic-polskieligi__h3{
  font-size:clamp(1.1rem, 1.7vw, 1.35rem);
  line-height:1.25;
  margin:0 0 0.7rem 0;
  font-weight:900;
  color:#0f1115;
  letter-spacing:-0.01em;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.betclic-polskieligi__h4{
  font-size:clamp(1rem, 1.3vw, 1.1rem);
  line-height:1.3;
  margin:1rem 0 0.4rem 0;
  font-weight:800;
  color:#0f1115;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.betclic-polskieligi__p{
  margin:0 0 0.8rem 0;
  font-size:clamp(0.93rem, 1.05vw, 1rem);
  line-height:1.6;
  color:rgba(15,17,21,0.78);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.betclic-polskieligi__p:last-child{margin-bottom:0}
.betclic-polskieligi__p--small{
  font-size:0.85rem;
  color:rgba(15,17,21,0.6);
}

.betclic-polskieligi__list{
  margin:0.4rem 0 0 0;
  padding:0 0 0 1.1rem;
  list-style:disc;
}
.betclic-polskieligi__list li{
  margin-bottom:0.6rem;
  font-size:clamp(0.93rem, 1.05vw, 1rem);
  line-height:1.55;
  color:rgba(15,17,21,0.78);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.betclic-polskieligi__list li:last-child{margin-bottom:0}
.betclic-polskieligi__list li strong{color:rgba(15,17,21,0.94);font-weight:800}

.betclic-polskieligi__olist{
  margin:0.4rem 0 0.6rem 0;
  padding:0 0 0 1.3rem;
  list-style:decimal;
}
.betclic-polskieligi__olist li{
  margin-bottom:0.5rem;
  font-size:clamp(0.93rem, 1.05vw, 1rem);
  line-height:1.55;
  color:rgba(15,17,21,0.78);
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.betclic-polskieligi__olist li strong{color:rgba(15,17,21,0.94);font-weight:800}

.betclic-polskieligi__aside{
  display:block;
  padding:1.1rem 1.1rem;
  margin-bottom:1.1rem;
  border-radius:1.1rem;
  border-left:4px solid #e10600;
  background:rgba(15,17,21,0.04);
  box-shadow:0 8px 18px rgba(15,17,21,0.05);
}
.betclic-polskieligi__asideTitle{
  font-size:clamp(1.05rem, 1.5vw, 1.2rem);
  line-height:1.25;
  margin:0 0 0.6rem 0;
  font-weight:900;
  color:#0f1115;
  overflow-wrap:anywhere;
  word-break:break-word;
}

@media (min-width: 720px){
  .betclic-polskieligi__container{
    width:min(1120px, calc(100% - 3rem));
  }
  .betclic-polskieligi__section,
  .betclic-polskieligi__lead,
  .betclic-polskieligi__aside{
    padding:1.4rem 1.5rem;
  }
}

@media (min-width: 1024px){
  .betclic-polskieligi__title{margin-bottom:1.2rem}
  .betclic-polskieligi__section,
  .betclic-polskieligi__lead,
  .betclic-polskieligi__aside{
    padding:1.6rem 1.8rem;
  }
}

@media (prefers-reduced-motion: reduce){
  .betclic-polskieligi__section,
  .betclic-polskieligi__lead,
  .betclic-polskieligi__aside{
    transition:none;
  }
}