:root{
  --bg:#262437;
  --bg-2:#1e1c2c;
  --bg-3:#2e2c40;
  --bg-card:#302e44;
  --bg-card-hover:#3a3852;
  --border:rgba(255,255,255,.08);
  --border-strong:rgba(255,255,255,.16);
  --primary:#FE294B;
  --primary-2:#d91d3e;
  --primary-glow:rgba(254,41,75,.35);
  --text:#ffffff;
  --muted:#a9a7bf;
  --muted-2:#757289;
  --slots:#2ee2d6;
  --live:#ff7a3d;
  --sports:#9b7dff;
  --crash:#4be47a;
  --events:#f6c94b;
  --radius:14px;
  --radius-sm:10px;
  --radius-lg:20px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --shadow-primary:0 10px 25px rgba(254,41,75,.35);
  --container:1280px;
  --pad:24px;
  --tr:200ms cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html,body{
  margin:0;padding:0;
  overflow-x:hidden;
  width:100%;
  -webkit-text-size-adjust:100%;
}
body{
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.55;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  overflow-wrap:anywhere;
  word-break:break-word;
  background-image:
    radial-gradient(1200px 600px at 10% -10%, rgba(254,41,75,.08), transparent 60%),
    radial-gradient(900px 500px at 110% 10%, rgba(155,125,255,.08), transparent 60%);
  background-attachment:fixed;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(28px,4vw,46px)}
h2{font-size:clamp(24px,3vw,36px)}
h3{font-size:clamp(18px,2vw,22px)}
h4{font-size:16px}
p{margin:0 0 .8em}
ul,ol{padding-left:1.25em;margin:0 0 1em}
li{margin:.25em 0}
strong{font-weight:800;color:#fff}

.container{
  width:100%;max-width:var(--container);
  margin:0 auto;padding:0 var(--pad);
}

/* ───── BUTTONS ───── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:12px 22px;
  font-weight:800;font-size:14px;letter-spacing:.03em;
  border-radius:999px;
  text-transform:uppercase;
  border:2px solid transparent;
  transition:transform var(--tr), box-shadow var(--tr), background var(--tr), color var(--tr), border-color var(--tr);
  white-space:nowrap;
  user-select:none;
  cursor:pointer;
}
.btn--primary{
  background:linear-gradient(180deg,#ff3a5b 0%, var(--primary) 55%, var(--primary-2) 100%);
  color:#fff;
  box-shadow:0 8px 18px rgba(254,41,75,.4), inset 0 1px 0 rgba(255,255,255,.25);
}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(254,41,75,.55), inset 0 1px 0 rgba(255,255,255,.25)}
.btn--primary:active{transform:translateY(0);box-shadow:0 6px 12px rgba(254,41,75,.45), inset 0 1px 0 rgba(255,255,255,.15)}
.btn--ghost{
  background:transparent;color:#fff;
  border:2px solid var(--border-strong);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.btn--ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}
.btn--ghost:active{transform:translateY(0)}
.btn--lg{min-height:54px;padding:15px 30px;font-size:15px}
.btn--sm{min-height:36px;padding:8px 14px;font-size:12px}
.btn--pill{border-radius:999px}
.btn--block{width:100%}

/* ───── HEADER ───── */
.hdr{position:sticky;top:0;z-index:50;background:linear-gradient(180deg, rgba(22,20,34,.95), rgba(22,20,34,.85));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.hdr__top{background:linear-gradient(180deg, rgba(30,28,44,.95), rgba(30,28,44,.88))}
.hdr__inner{display:flex;align-items:center;gap:24px;min-height:72px;position:relative}
.hdr__logo{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.hdr__logo-img{max-height:36px;width:auto;display:none}
.hdr__logo-txt{font-size:28px;font-weight:900;letter-spacing:.04em;color:var(--primary);text-shadow:0 2px 12px rgba(254,41,75,.35)}
.hdr__nav{display:flex;align-items:center;gap:6px;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}
.hdr__nav::-webkit-scrollbar{display:none}
.hdr__nav a{padding:10px 14px;font-weight:700;font-size:14px;color:#e7e5f5;border-radius:10px;white-space:nowrap;transition:color var(--tr),background var(--tr)}
.hdr__nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.hdr__cta{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.hdr__login{padding:10px 16px;font-weight:800;font-size:13px;letter-spacing:.06em;color:#fff;border-bottom:2px solid transparent;transition:border-color var(--tr)}
.hdr__login:hover{border-bottom-color:#fff}
.hdr__help{display:inline-flex;align-items:center;gap:8px;color:var(--events)}
.hdr__help-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid var(--events);border-radius:50%;font-weight:900;font-size:14px}
.hdr__help-txt{font-weight:700;font-size:14px}
.hdr__burger{display:none;flex-direction:column;gap:4px;width:42px;height:42px;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.05)}
.hdr__burger span{width:22px;height:2px;background:#fff;border-radius:2px;transition:transform var(--tr),opacity var(--tr)}
.hdr__burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hdr__burger.is-open span:nth-child(2){opacity:0}
.hdr__burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.hdr__cats{background:linear-gradient(180deg, rgba(38,36,55,.6), rgba(38,36,55,.9));border-top:1px solid var(--border);border-bottom:1px solid var(--border);background-image:repeating-linear-gradient(135deg, rgba(255,255,255,.02) 0 2px, transparent 2px 8px)}
.hdr__cats-inner{display:flex;align-items:center;gap:8px;padding:12px 0;overflow-x:auto;scrollbar-width:none;justify-content:center;flex-wrap:wrap}
.hdr__cats-inner::-webkit-scrollbar{display:none}
.cat{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:14px;font-weight:900;font-size:14px;letter-spacing:.04em;transition:transform var(--tr),background var(--tr)}
.cat:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}
.cat__ico{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center}
.cat__ico svg{width:26px;height:26px}
.cat--slots{color:var(--slots)}
.cat--live{color:var(--live)}
.cat--sports{color:var(--sports)}
.cat--crash{color:var(--crash)}
.cat--events{color:var(--events)}

.mmenu{display:none;padding:12px 20px 20px;background:var(--bg-2);border-bottom:1px solid var(--border);position:sticky;top:72px;z-index:40;flex-direction:column;gap:6px}
.mmenu.is-open{display:flex}
.mmenu a{padding:12px 14px;border-radius:10px;font-weight:700;color:#e7e5f5;background:rgba(255,255,255,.04)}
.mmenu a.btn{background:linear-gradient(180deg,#ff3a5b, var(--primary-2));color:#fff}

/* ───── HERO ───── */
.hero{padding:0 0 48px;position:relative}
.hero__banner{width:100%;max-width:var(--container);margin:0 auto;padding:20px var(--pad) 0}
.hero__banner-link{display:block;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}
.hero__banner-img{width:100%;height:auto;max-height:360px;object-fit:cover;display:block}
.hero__inner{padding-top:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.hero__chip{display:inline-block;padding:8px 16px;border-radius:999px;background:rgba(254,41,75,.15);color:#ffbcc8;font-weight:800;font-size:12px;letter-spacing:.12em;border:1px solid rgba(254,41,75,.3)}
.hero__title{margin:0;font-size:clamp(22px,3vw,34px);color:#e7e5f5;font-weight:800}
.hero__bonus{display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px 0}
.hero__bonus-big{font-size:clamp(42px,7vw,86px);font-weight:900;line-height:1;color:#fff;text-shadow:0 6px 30px rgba(254,41,75,.35);letter-spacing:-.02em}
.hero__bonus-big strong{color:var(--primary);font-weight:900}
.hero__bonus-plus{font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--events);line-height:1}
.hero__bonus-fs{font-size:clamp(22px,3.5vw,40px);font-weight:900;color:#fff;letter-spacing:.02em}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.hero__tnc{font-size:12px;color:var(--muted);margin-top:6px}

/* ───── SECTION COMMON ───── */
section{padding:56px 0}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.section__title{margin:0 0 4px}
.section__sub{margin:0;color:var(--muted);font-size:14px;max-width:620px}
.section__link{color:#fff;font-weight:700;opacity:.8;transition:opacity var(--tr),color var(--tr);white-space:nowrap}
.section__link:hover{opacity:1;color:var(--primary)}
.section__cta{display:flex;justify-content:center;margin-top:28px}

.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.filter{padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.05);color:#d7d5e8;font-weight:700;font-size:13px;border:1px solid var(--border);transition:all var(--tr)}
.filter:hover{background:rgba(255,255,255,.1);border-color:var(--border-strong)}
.filter--active{background:linear-gradient(180deg,#ff3a5b,var(--primary-2));color:#fff;border-color:transparent;box-shadow:var(--shadow-primary)}

/* ───── JACKPOT ───── */
.jackpot{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(254,41,75,.15),rgba(246,201,75,.1));
  border:1px solid rgba(254,41,75,.3);
  border-radius:var(--radius-lg);
  padding:20px 26px;margin-bottom:28px;
  position:relative;overflow:hidden;
}
.jackpot::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 120px at 0% 100%, rgba(254,41,75,.2), transparent 60%);pointer-events:none}
.jackpot__left{display:flex;flex-direction:column;gap:4px;min-width:0}
.jackpot__label{font-size:12px;letter-spacing:.18em;color:#ffbcc8;font-weight:800}
.jackpot__value{font-size:clamp(28px,4.5vw,44px);font-weight:900;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 4px 20px rgba(246,201,75,.4)}

/* ───── GRIDS ───── */
.grid{display:grid;gap:18px}
.grid--games{grid-template-columns:repeat(6,minmax(0,1fr))}
.grid--live{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--promo{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--trust{grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0}
.grid>*{min-width:0}

.games{background:linear-gradient(180deg, transparent, rgba(30,28,44,.4))}
.games--alt{background:linear-gradient(180deg, rgba(30,28,44,.4), transparent)}

/* ───── GAME TILE ───── */
.tile{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
  transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr);
  display:flex;flex-direction:column;
  min-width:0;
}
.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--border-strong)}
.tile__media{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;background:#0f0e18}
.tile__media img{width:100%;height:100%;object-fit:cover;transition:transform 400ms ease}
.tile:hover .tile__media img{transform:scale(1.05)}
.tile__badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:6px;font-weight:900;font-size:11px;letter-spacing:.08em;color:#fff}
.tile__badge--hit{background:#7d3ef5}
.tile__badge--new{background:#3a3852;color:#cfcee2}
.tile__badge--hot{background:linear-gradient(90deg,#ff6a00,#ff294b)}
.tile__badge--jp{background:linear-gradient(90deg,#f6c94b,#ff9500);color:#1a1728}
.tile__body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.tile__name{font-size:14px;margin:0;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile__prov{font-size:12px;color:var(--muted);margin:0}
.tile__btns{display:flex;gap:6px;margin-top:auto}
.tile__btns .btn{flex:1;min-height:34px;padding:6px 8px;font-size:11px}

/* ───── LIVE TILE ───── */
.ltile{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;transition:transform var(--tr),border-color var(--tr),box-shadow var(--tr);
  display:flex;flex-direction:column;min-width:0;
}
.ltile:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow)}
.ltile__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0f0e18;display:block}
.ltile__media img{width:100%;height:100%;object-fit:cover}
.ltile__live{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(0,0,0,.6);font-size:11px;font-weight:800;letter-spacing:.1em;color:#fff;backdrop-filter:blur(4px)}
.ltile__dot{width:8px;height:8px;border-radius:50%;background:#ff3a3a;box-shadow:0 0 10px #ff3a3a;animation:pulse 1.6s infinite ease-in-out}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}
.ltile__body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.ltile__name{font-size:18px;margin:0;font-weight:800}
.ltile__meta{margin:0;font-size:13px;color:var(--muted)}
.ltile__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.ltile__bet{padding:6px 12px;border-radius:8px;background:rgba(254,41,75,.1);color:#ffbcc8;font-weight:800;font-size:12px;border:1px solid rgba(254,41,75,.3)}

/* ───── PROMO ───── */
.promo{background:linear-gradient(180deg, transparent, rgba(155,125,255,.05), transparent)}
.pcard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--tr),border-color var(--tr);min-width:0}
.pcard:hover{transform:translateY(-4px);border-color:var(--border-strong)}
.pcard--lead{grid-column:span 2;background:linear-gradient(135deg, rgba(254,41,75,.12), var(--bg-card));border-color:rgba(254,41,75,.3)}
.pcard__media{aspect-ratio:16/9;overflow:hidden;display:block;background:#0f0e18}
.pcard__media img{width:100%;height:100%;object-fit:cover;transition:transform 400ms ease}
.pcard:hover .pcard__media img{transform:scale(1.03)}
.pcard__body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcard__tag{display:inline-block;align-self:flex-start;padding:4px 12px;border-radius:999px;background:rgba(254,41,75,.15);color:#ffbcc8;font-size:11px;font-weight:900;letter-spacing:.12em;border:1px solid rgba(254,41,75,.3)}
.pcard__title{margin:0;font-size:20px;font-weight:800}
.pcard__text{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.pcard__list{margin:0;padding-left:1.2em;color:var(--muted);font-size:13px}
.pcard__list li{margin:.25em 0}
.pcard__list strong{color:#fff}
.pcard .btn{margin-top:auto;align-self:flex-start}
.pcard__body .btn--block{align-self:stretch}

.vip{margin-top:32px;background:linear-gradient(135deg, rgba(246,201,75,.1), rgba(254,41,75,.08));border:1px solid rgba(246,201,75,.25);border-radius:var(--radius-lg);overflow:hidden}
.vip__inner{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;padding:28px}
.vip__left{min-width:0}
.vip__title{font-size:28px;margin:0 0 10px;color:#fff;font-weight:900}
.vip__text{margin:0 0 18px;color:#e7e5f5}
.vip__tiers{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 22px}
.vip__tiers li{padding:6px 14px;background:rgba(255,255,255,.08);border:1px solid var(--border);border-radius:999px;font-weight:700;font-size:13px;letter-spacing:.05em}
.vip__media{display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);max-height:260px}
.vip__media img{width:100%;height:100%;object-fit:cover;max-height:260px}

/* ───── PROVIDERS ───── */
.prov__strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;padding:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:34px}
.prov__logo{display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(255,255,255,.04);border-radius:var(--radius-sm);border:1px solid transparent;transition:background var(--tr),border-color var(--tr),transform var(--tr);min-width:0}
.prov__logo:hover{background:rgba(255,255,255,.1);border-color:var(--border-strong);transform:translateY(-2px)}
.prov__logo img{max-width:100%;max-height:38px;width:auto;object-fit:contain;filter:grayscale(100%) brightness(1.5);transition:filter var(--tr)}
.prov__logo:hover img{filter:grayscale(0%) brightness(1)}

/* ───── SEO TEXT ───── */
.seo{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}
.seo__h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 16px}
.seo__h3{font-size:clamp(18px,2vw,22px);margin:22px 0 10px;color:#fff}
.seo p{color:#d7d5e8}
.seo ul{color:#d7d5e8}

/* ───── ABOUT ───── */
.about{background:linear-gradient(180deg, transparent, rgba(46,44,64,.4))}
.about__lead{max-width:880px;margin:0 0 26px;color:#d7d5e8;font-size:15px}
.about__lead p{margin-bottom:.8em}

.trust{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0;transition:transform var(--tr),border-color var(--tr)}
.trust:hover{transform:translateY(-3px);border-color:var(--border-strong)}
.trust__ico{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(254,41,75,.2),rgba(254,41,75,.05));border:1px solid rgba(254,41,75,.3);overflow:hidden}
.trust__ico img{width:100%;height:100%;object-fit:cover}
.trust__title{font-size:17px;margin:0;font-weight:800}
.trust__text{margin:0;color:var(--muted);font-size:14px;line-height:1.5}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:26px}
.stat{display:flex;flex-direction:column;gap:4px;text-align:center;min-width:0}
.stat__num{font-size:clamp(22px,3vw,32px);font-weight:900;color:var(--primary)}
.stat__lbl{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

.about__cta{display:flex;justify-content:center;margin-top:24px}

/* ───── FAQ ───── */
.faq{background:linear-gradient(180deg, transparent, rgba(30,28,44,.4))}
.faq__list{display:flex;flex-direction:column;gap:12px}
.faq__item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--tr)}
.faq__item:hover{border-color:var(--border-strong)}
.faq__item[open]{border-color:rgba(254,41,75,.3)}
.faq__q{list-style:none;cursor:pointer;padding:18px 24px 18px 58px;position:relative;font-weight:800;font-size:16px;color:#fff;user-select:none}
.faq__q::-webkit-details-marker{display:none}
.faq__q::before{content:"+";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(254,41,75,.15);border:1px solid rgba(254,41,75,.4);color:var(--primary);font-size:18px;font-weight:900;transition:transform var(--tr),background var(--tr)}
.faq__item[open] .faq__q::before{content:"−";transform:translateY(-50%) rotate(180deg);background:var(--primary);color:#fff;border-color:transparent}
.faq__a{padding:0 24px 22px 58px;color:#d7d5e8;font-size:14.5px;line-height:1.65;border-top:1px solid var(--border)}
.faq__a h4{color:#fff;font-size:15px;margin:14px 0 6px;font-weight:800}
.faq__a p{margin:10px 0}
.faq__a ul,.faq__a ol{margin:10px 0 12px}
.faq__a li{margin:.25em 0}

/* ───── FOOTER ───── */
.ftr{background:linear-gradient(180deg, var(--bg-2), #15131f);border-top:1px solid var(--border);padding:52px 0 28px;margin-top:40px}
.ftr__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}
.ftr__brand{min-width:0}
.ftr__logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}
.ftr__logo img{max-height:38px;width:auto;display:none}
.ftr__logo span{font-size:26px;font-weight:900;color:var(--primary);letter-spacing:.04em}
.ftr__tag{margin:0;color:var(--muted);font-size:14px;max-width:360px}
.ftr__col h4{margin:0 0 12px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#e7e5f5}
.ftr__col a{display:block;padding:4px 0;color:var(--muted);font-size:14px;transition:color var(--tr)}
.ftr__col a:hover{color:#fff}

.ftr__pays{padding:24px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ftr__pays h4{margin:0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#e7e5f5;flex:0 0 auto}
.ftr__pays-list{display:flex;flex-wrap:wrap;gap:8px}
.ftr__pays-list span{padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--border);font-size:12px;color:#cfcee2;font-weight:700}

.ftr__resp{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--border);align-items:center}
.ftr__resp-left{display:flex;gap:14px;align-items:flex-start}
.ftr__age{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:2px solid #ff3a3a;color:#ff3a3a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}
.ftr__resp-left p{margin:0;color:var(--muted);font-size:13px}
.ftr__seals{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.ftr__seals span{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--border);font-size:12px;color:#cfcee2;font-weight:700}

.ftr__bot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:20px;flex-wrap:wrap}
.ftr__bot p{margin:0;color:var(--muted-2);font-size:13px}
.ftr__social{display:flex;gap:8px}
.ftr__social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:#fff;border:1px solid var(--border);transition:background var(--tr),transform var(--tr)}
.ftr__social a:hover{background:var(--primary);transform:translateY(-2px)}

/* ───── CATFISH ───── */
.catfish{
  position:fixed;left:10px;right:10px;bottom:10px;z-index:90;
  max-width:calc(100% - 20px);
  display:flex;align-items:center;gap:10px;
  padding:10px 14px 10px 14px;
  background:linear-gradient(90deg, #1e1c2c, #2a2740);
  border:1px solid rgba(254,41,75,.4);
  border-radius:var(--radius);
  box-shadow:0 -10px 30px rgba(0,0,0,.4), 0 0 0 1px rgba(254,41,75,.2) inset;
  padding-bottom:calc(10px + env(safe-area-inset-bottom));
  transform:translateY(0);transition:transform 300ms ease,opacity 300ms ease;
}
.catfish.is-hidden{transform:translateY(150%);opacity:0;pointer-events:none}
.catfish__link{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.catfish__ico{font-size:28px;flex:0 0 auto}
.catfish__txt{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}
.catfish__txt strong{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catfish__txt span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catfish__btn{padding:10px 18px;border-radius:999px;background:linear-gradient(180deg,#ff3a5b,var(--primary-2));color:#fff;font-weight:900;font-size:12px;letter-spacing:.08em;box-shadow:var(--shadow-primary);flex:0 0 auto}
.catfish__close{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background:#1e1c2c;color:#fff;border:1px solid var(--border-strong);font-size:18px;font-weight:900;line-height:1}
.catfish__close:hover{background:var(--primary)}

/* ───── EXIT POPUP ───── */
.exit{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.exit[hidden]{display:none}
.exit__overlay{position:absolute;inset:0;background:rgba(10,8,22,.8);backdrop-filter:blur(6px)}
.exit__box{position:relative;background:linear-gradient(180deg,#2a2740,#1e1c2c);border:1px solid rgba(254,41,75,.4);border-radius:var(--radius-lg);padding:28px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.exit__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:22px;font-weight:900;line-height:1;border:1px solid var(--border)}
.exit__close:hover{background:var(--primary)}
.exit__img{width:100%;max-height:160px;object-fit:cover;border-radius:var(--radius);margin-bottom:16px}
.exit__title{font-size:24px;margin:0 0 6px;color:#fff}
.exit__sub{color:var(--muted);margin:0 0 16px;font-size:14px}
.exit__bonus{font-size:clamp(18px,3vw,26px);font-weight:900;color:var(--primary);margin-bottom:18px;line-height:1.2}
.exit__tnc{color:var(--muted-2);font-size:11px;margin:12px 0 0}

/* ───── RESPONSIVE ───── */
@media (max-width: 1100px){
  .grid--games{grid-template-columns:repeat(4,minmax(0,1fr))}
  .grid--promo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcard--lead{grid-column:span 2}
  .grid--trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prov__strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ftr__top{grid-template-columns:1fr 1fr;gap:28px}
  .ftr__brand{grid-column:span 2}
}

@media (max-width: 900px){
  .hdr__nav{display:none}
  .hdr__help-txt{display:none}
  .hdr__burger{display:flex}
  .hdr__inner{min-height:64px}
  .mmenu{top:64px}
  .hdr__login{padding:8px 10px;font-size:12px}
  .cat{padding:8px 12px;font-size:13px}
  .cat__ico svg{width:22px;height:22px}
  .grid--live{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vip__inner{grid-template-columns:1fr;padding:22px}
  .vip__media{order:-1;max-height:200px}
  .ftr__resp{grid-template-columns:1fr}
  .ftr__seals{justify-content:flex-start}
}

@media (max-width: 640px){
  :root{--pad:16px}
  section{padding:42px 0}
  h1{font-size:clamp(26px,7vw,34px)}
  h2{font-size:clamp(22px,5.5vw,28px)}
  .hero__cta{flex-direction:column;width:100%}
  .hero__cta .btn{width:100%}
  .hero__bonus-big{font-size:clamp(36px,10vw,54px)}
  .hero__banner-img{max-height:220px}
  .grid--games{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .grid--live{grid-template-columns:1fr}
  .grid--promo{grid-template-columns:1fr}
  .pcard--lead{grid-column:span 1}
  .grid--trust{grid-template-columns:1fr}
  .prov__strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}
  .ftr__top{grid-template-columns:1fr;gap:24px}
  .ftr__brand{grid-column:auto}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .jackpot{padding:16px 18px}
  .section__head{align-items:flex-start}
  .faq__q{padding:16px 18px 16px 54px;font-size:15px}
  .faq__a{padding:0 18px 18px 54px;font-size:14px}
  .faq__q::before{left:14px;width:26px;height:26px;font-size:16px}
  .hdr__cats-inner{gap:4px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
  .hdr__cats-inner .cat{flex:0 0 auto}
  .catfish__btn{padding:8px 12px;font-size:11px}
  .catfish__ico{font-size:24px}
  .catfish__txt strong{font-size:13px}
  .catfish__txt span{font-size:11px}
  .seo{padding:22px}
  .filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .filters .filter{flex:0 0 auto}
  .vip__title{font-size:22px}
  .ftr__bot{flex-direction:column;align-items:flex-start}
}

@media (max-width: 380px){
  .hero__bonus-big{font-size:38px}
  .hero__bonus-fs{font-size:20px}
  .tile__btns{flex-direction:column;gap:6px}
  .tile__btns .btn{width:100%}
}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important;animation:none !important}
}