/* =========================================================
   168WINS — REFERENCE MATCH LAYER
   Desktop proportions + responsive refinements
   Loaded after style.css and hero.css so this file is authoritative.
   ========================================================= */
:root{
  --ref-bg:#03101d;
  --ref-panel:#071a2d;
  --ref-panel-2:#0a1f36;
  --ref-line:rgba(77,166,231,.30);
  --ref-pink:#f43bea;
  --ref-pink-2:#ff78f7;
  --ref-violet:#8d42ff;
  --ref-blue:#58a9ff;
  --ref-gold:#ffc747;
}


/* Anchor offsets for the sticky header */
main section[id],footer[id],#home{scroll-margin-top:94px;}
@media (max-width:991.98px){main section[id],footer[id],#home{scroll-margin-top:78px;}}
body{
  background:
    radial-gradient(circle at 50% -10%,rgba(87,31,171,.10),transparent 35%),
    linear-gradient(180deg,#020914 0%,#03101d 50%,#020a14 100%) !important;
}

.container-xxl{max-width:1440px;}

/* Header / Topbar */
.site-header{
  position:sticky;
  top:0;
  z-index:1040;
  background:rgba(2,8,17,.97)!important;
  border-bottom:1px solid rgba(87,84,208,.34)!important;
  box-shadow:0 6px 22px rgba(0,0,0,.22);
}
.site-header .navbar{min-height:76px;padding:0;}
.site-header .brand{margin-right:18px;padding:0;}
.site-header .brand img{width:186px;max-height:54px;object-fit:contain;}
.site-header .navbar-collapse{min-width:0;}
.nav-icon-menu{gap:2px!important;align-items:stretch;}
.nav-icon-menu .nav-link{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:76px;
  padding:0 9px!important;
  color:#f4f7fb!important;
  font-size:.78rem!important;
  font-weight:500!important;
  white-space:nowrap;
}
.nav-icon-menu .nav-link::after{left:9px!important;right:9px!important;bottom:8px!important;}
.nav-ico{
  width:22px;height:22px;
  display:grid;place-items:center;
  border-radius:7px;
  color:#ff91f7;
  font-size:.70rem;
  background:linear-gradient(180deg,rgba(219,58,234,.16),rgba(108,53,210,.09));
  border:1px solid rgba(255,101,244,.15);
  box-shadow:inset 0 0 12px rgba(226,54,232,.05);
}
.nav-actions{display:flex;gap:10px;margin-left:14px;}
.nav-actions .btn{min-width:122px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;font-size:.79rem;padding:.55rem .85rem;}
.navbar-toggler{width:42px;height:42px;color:#fff!important;border:1px solid rgba(244,75,236,.32)!important;border-radius:10px;}

/* Mobile navigation */
.offcanvas-dark{background:linear-gradient(180deg,#061222,#030b14)!important;border-left:1px solid rgba(237,70,231,.32)!important;}
.mobile-menu{gap:7px;}
.mobile-menu a{
  min-height:54px;
  padding:8px 10px!important;
  display:grid;
  grid-template-columns:38px 1fr auto;
  align-items:center;
  gap:10px;
  border:1px solid rgba(69,145,210,.17)!important;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(10,31,51,.82),rgba(5,18,32,.72));
}
.mobile-menu-ico{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#ff7af2;background:linear-gradient(135deg,rgba(236,49,229,.17),rgba(107,62,226,.17));border:1px solid rgba(246,91,238,.28);}
.mobile-menu-arrow{font-size:.72rem;color:#71869b;}

/* Ticker */
.ticker-wrap{background:linear-gradient(90deg,#1a0e39 0%,#4a1768 52%,#241040 100%)!important;border-bottom:1px solid rgba(242,72,234,.34)!important;}
.ticker-wrap .ticker{min-height:40px;gap:12px;}
.ticker-wrap .ticker-track{font-size:.77rem;color:#eef2fa;}
.ticker-wrap .ticker-icon{color:#ff68ef!important;}
.ticker-wrap .ticker-arrow{width:26px;height:26px;background:rgba(184,65,222,.18)!important;}

/* Hero */
.hero-ref{
  position:relative;
  width:100%;
  min-height:0;
  aspect-ratio:2156/729;
  background-image:url("../img/hero-optimized.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid rgba(76,139,202,.24);
  overflow:hidden;
}
.hero-ref::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(1,6,18,.90) 0%,rgba(2,7,20,.77) 18%,rgba(4,7,27,.52) 35%,rgba(4,7,24,.18) 49%,rgba(0,0,0,0) 62%);
  pointer-events:none;
}
.hero-ref::after{display:none!important;}
.hero-ref__container{height:100%;position:relative;z-index:2;}
.hero-ref__copy{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-48%);
  width:45%!important;
  max-width:650px;
  padding:0!important;
}
.hero-ref__eyebrow{margin:0 0 8px!important;color:#ff72ee!important;font-size:clamp(18px,1.45vw,25px)!important;line-height:1.15!important;font-weight:500!important;}
.hero-ref__title{margin:0!important;font-size:clamp(38px,3.55vw,58px)!important;line-height:1.07!important;font-weight:800!important;letter-spacing:-.025em!important;}
.hero-ref__title-line{display:block;white-space:nowrap!important;overflow:visible!important;padding:0!important;}
.hero-ref__title-line--white{color:#fff!important;text-shadow:0 4px 13px rgba(0,0,0,.72)!important;}
.hero-ref__title-line--pink{margin-top:4px!important;color:#ff8af2!important;background:linear-gradient(180deg,#fff 0%,#ffcdf9 17%,#ff7fed 53%,#f354e7 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.70)) drop-shadow(0 0 12px rgba(235,61,229,.18))!important;}
.hero-ref__desc{margin:18px 0 0!important;color:#f4f6fb!important;font-size:clamp(13px,1.03vw,16px)!important;line-height:1.48!important;font-weight:400!important;text-shadow:0 2px 6px rgba(0,0,0,.9)!important;}
.hero-ref__actions{display:flex;gap:12px;margin-top:20px;}
.hero-ref__actions .btn{min-width:230px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;font-size:.91rem;}
.hero-ref__benefits{display:flex!important;align-items:center;gap:25px!important;margin-top:18px!important;width:auto!important;}
.hero-ref__benefit{display:flex!important;align-items:center;gap:9px!important;}
.hero-ref__icon{width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:50%!important;font-size:16px!important;border:1px solid rgba(235,72,232,.60)!important;background:radial-gradient(circle at 42% 34%,rgba(212,71,246,.28),rgba(37,20,83,.56))!important;box-shadow:0 0 15px rgba(232,62,228,.20)!important;}
.hero-ref__benefit strong{font-size:.78rem!important;font-weight:600!important;}
.hero-ref__benefit small{font-size:.64rem!important;color:#c0cad6!important;margin-top:2px!important;}

/* shared section rhythm */
.section-block{padding:18px 0!important;border-top:1px solid rgba(64,136,196,.18)!important;}
.section-block.slim{padding:13px 0!important;}
.section-head{margin-bottom:12px!important;align-items:end!important;}
.section-head.compact{align-items:center!important;}
.section-head h2{font-size:1.34rem!important;line-height:1.15;margin:.36rem 0 .08rem!important;}
.section-head p{font-size:.80rem!important;color:#b0bdca!important;}
.section-head>.btn,.section-head>div+.btn{min-height:34px;border-radius:8px;font-size:.72rem;padding:.42rem .78rem;}

/* Quick Categories */
.quick-categories-section .quick-grid{grid-template-columns:repeat(8,1fr)!important;gap:12px!important;}
.quick-categories-section .visual-card{border-radius:12px!important;border:1px solid rgba(210,91,245,.50)!important;background:linear-gradient(180deg,#0d1b33 0%,#071427 100%)!important;box-shadow:inset 0 0 0 1px rgba(93,147,255,.12),0 0 0 1px rgba(8,13,37,.55)!important;overflow:hidden;}
.quick-categories-section .visual-card .quick-card-art{width:100%;aspect-ratio:1.12/1!important;object-fit:cover!important;display:block;}
.quick-categories-section .visual-card-body{padding:10px 10px 11px!important;min-height:70px;display:block;}
.quick-categories-section .visual-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;}
.quick-categories-section .visual-card-copy{display:grid;gap:4px;min-width:0;}
.quick-categories-section .visual-card-body b{font-size:.95rem!important;line-height:1.05;color:#fff;display:block;}
.quick-categories-section .visual-card-body small{font-size:.69rem!important;line-height:1.18;color:#b9c5d6!important;display:block;}
.quick-categories-section .visual-card-go{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;color:#d8dcff;border:1px solid rgba(160,170,255,.55);background:radial-gradient(circle at 30% 30%,rgba(111,127,255,.35),rgba(22,28,72,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 14px rgba(71,91,255,.22);font-size:.75rem;}
.quick-categories-section .visual-card-go i{transform:translateX(.5px);}

/* Promotions */
.promotions-section{padding-top:16px!important;padding-bottom:16px!important;}
.promotions-section .section-head{margin-bottom:14px!important;align-items:flex-end!important;}
.promotions-section .section-head h2{font-size:1.85rem!important;line-height:1.08;margin:0 0 .18rem!important;font-weight:800!important;}
.promotions-section .section-head p{font-size:1rem!important;line-height:1.3;color:#d0d8e5!important;}
.promotions-section .section-head>.btn,.promotions-section .section-head>div+.btn{min-height:42px;border-radius:11px;padding:.58rem 1.02rem;font-size:.88rem;font-weight:700;}
.promotions-section .promotion-grid{--bs-gutter-x:12px;--bs-gutter-y:12px;}
.promotions-section .promo-card{position:relative;display:block;isolation:isolate;aspect-ratio:2.55/1;border-radius:12px!important;border:1px solid rgba(225,78,245,.72)!important;background:#090f2a!important;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(115,131,255,.10)!important;}
.promotions-section .promo-card::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(74,116,255,.08);}
.promotions-section .promo-card img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover!important;object-position:center;transition:transform .35s ease,filter .35s ease;}
.promotions-section .promo-card-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,8,38,.92) 0%,rgba(20,8,61,.78) 28%,rgba(29,8,74,.30) 49%,rgba(5,8,28,0) 70%);}
.promotions-section .promo-card-copy{position:absolute;z-index:3;left:5.8%;top:50%;width:48%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.72);}
.promotions-section .promo-card--cashback .promo-card-copy{width:35%;}
.promotions-section .promo-card-copy strong{display:block;margin:0;color:#fff;font-size:clamp(1.28rem,1.52vw,1.62rem);font-weight:800;line-height:1.03;letter-spacing:-.02em;white-space:nowrap;}
.promotions-section .promo-offer{display:flex;align-items:baseline;gap:.38rem;line-height:1;white-space:nowrap;}
.promotions-section .promo-offer>span{color:#ff72f2;font-size:clamp(1.20rem,1.36vw,1.48rem);font-weight:800;}
.promotions-section .promo-offer b{color:#ffd441;font-size:clamp(1.72rem,2.05vw,2.28rem);font-weight:900;line-height:.92;letter-spacing:-.04em;}
.promotions-section .promo-offer-cashback b{font-size:clamp(2.12rem,2.55vw,2.82rem);}
.promotions-section .promo-card-copy small{display:block;margin-top:.05rem;color:#fff;font-size:clamp(1.02rem,1.12vw,1.20rem);font-weight:700;line-height:1.08;white-space:nowrap;}
.promotions-section .promo-card:hover img{transform:scale(1.02);filter:saturate(1.04) brightness(1.03);}
.promotions-section .promo-card:hover{border-color:rgba(255,118,250,.96)!important;box-shadow:0 10px 24px rgba(0,0,0,.24),0 0 18px rgba(228,50,240,.14)!important;}
@media (max-width:1199.98px){
  .promotions-section .section-head h2{font-size:1.62rem!important;}
  .promotions-section .section-head p{font-size:.92rem!important;}
  .promotions-section .promo-card-copy strong{font-size:1.15rem;}
  .promotions-section .promo-offer>span{font-size:1.08rem;}
  .promotions-section .promo-offer b{font-size:1.82rem;}
  .promotions-section .promo-offer-cashback b{font-size:2.05rem;}
  .promotions-section .promo-card-copy small{font-size:.90rem;}
}
@media (max-width:767.98px){
  .promotions-section{padding-top:14px!important;padding-bottom:14px!important;}
  .promotions-section .section-head{align-items:flex-start!important;gap:10px;}
  .promotions-section .section-head h2{font-size:1.4rem!important;}
  .promotions-section .section-head p{font-size:.82rem!important;}
  .promotions-section .promotion-grid{--bs-gutter-y:12px;}
  .promotions-section .promo-card{aspect-ratio:2.50/1;}
  .promotions-section .promo-card-copy{left:6%;width:50%;gap:.12rem;}
  .promotions-section .promo-card--cashback .promo-card-copy{width:38%;}
  .promotions-section .promo-card-copy strong{font-size:clamp(1.02rem,4.3vw,1.28rem);}
  .promotions-section .promo-offer>span{font-size:clamp(.96rem,4vw,1.18rem);}
  .promotions-section .promo-offer b{font-size:clamp(1.48rem,6vw,1.82rem);}
  .promotions-section .promo-offer-cashback b{font-size:clamp(1.8rem,7.2vw,2.18rem);}
  .promotions-section .promo-card-copy small{font-size:clamp(.82rem,3.2vw,.98rem);}
}

/* Tournament */
.tournament-section{padding-top:14px!important;padding-bottom:14px!important;}
.tournament-section .section-head{margin-bottom:12px!important;align-items:flex-end!important;}
.tournament-section .section-head h2{font-size:1.78rem!important;line-height:1.08;margin:0 0 .16rem!important;font-weight:800!important;}
.tournament-section .section-head p{font-size:.98rem!important;line-height:1.28;color:#d0d8e5!important;}
.tournament-section .section-head>.btn,.tournament-section .section-head>div+.btn{min-height:40px;border-radius:11px;padding:.55rem .95rem;font-size:.86rem;font-weight:700;}
.tournament-section .event-card{position:relative;min-height:225px!important;height:225px!important;border-radius:0!important;border:1px solid rgba(220,76,245,.28)!important;overflow:hidden;background:#070a20!important;}
.tournament-section .event-art{position:absolute;inset:0;width:100%;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center center;display:block;}
.tournament-section .event-overlay{position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 340px;align-items:center!important;gap:22px!important;padding:18px 22px 18px 38%!important;background:linear-gradient(90deg,rgba(5,5,21,.00) 0%,rgba(5,5,21,.02) 30%,rgba(7,6,29,.22) 52%,rgba(3,7,21,.62) 100%)!important;}
.tournament-section .event-copy{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;transform:translateX(-5%);}
.tournament-section .event-label{color:#ffbd37!important;font-size:1.55rem!important;font-weight:900!important;line-height:1.02;letter-spacing:.01em;text-shadow:0 2px 10px rgba(0,0,0,.78),0 0 10px rgba(255,177,39,.25);}
.tournament-section .event-subtitle{margin-top:5px;color:#ffd48d;font-size:1.26rem;font-weight:800;line-height:1.08;text-shadow:0 2px 8px rgba(0,0,0,.78);}
.tournament-section .event-prize-label{margin-top:15px;color:#fff4dc;font-size:1.12rem;font-weight:800;line-height:1.05;text-shadow:0 2px 8px rgba(0,0,0,.78);}
.tournament-section .event-prize{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:3px;white-space:nowrap;}
.tournament-section .event-prize strong{font-size:3.38rem!important;color:#ffbf3e!important;font-weight:900;line-height:.92;letter-spacing:-.045em;text-shadow:0 2px 10px rgba(0,0,0,.72),0 0 18px rgba(255,179,34,.18);}
.tournament-section .event-prize span{font-size:1.12rem;color:#fff;font-weight:800;}
.tournament-section .countdown-panel{width:100%;padding:11px 12px 12px;border-radius:13px;background:rgba(5,11,30,.92);border:1px solid rgba(229,83,241,.48);box-shadow:inset 0 0 0 1px rgba(80,120,220,.08),0 10px 28px rgba(0,0,0,.30);}
.tournament-section .countdown-title{text-align:center;color:#fff;font-size:.88rem;font-weight:800;line-height:1;margin:0 0 10px;}
.tournament-section .countdown{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;width:100%;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;}
.tournament-section .countdown>div{min-width:0;padding:8px 4px!important;border-radius:9px!important;background:linear-gradient(180deg,#0d2744,#0a1b32)!important;border:1px solid rgba(75,154,229,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.tournament-section .countdown strong{font-size:1.34rem!important;line-height:1;color:#fff;font-weight:900;}
.tournament-section .countdown span{margin-top:4px;font-size:.68rem!important;line-height:1;color:#d5dcea!important;}
.tournament-section .countdown-cta{width:100%;min-height:42px;margin-top:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.86rem;font-weight:800;border-radius:9px;}
@media (max-width:1199.98px){
  .tournament-section .event-overlay{grid-template-columns:minmax(0,1fr) 300px;padding-left:36%!important;gap:16px!important;}
  .tournament-section .event-label{font-size:1.30rem!important;}
  .tournament-section .event-subtitle{font-size:1.08rem;}
  .tournament-section .event-prize-label{font-size:1rem;}
  .tournament-section .event-prize strong{font-size:2.72rem!important;}
}
@media (max-width:767.98px){
  .tournament-section{padding-top:14px!important;padding-bottom:14px!important;}
  .tournament-section .section-head{align-items:flex-start!important;gap:10px;}
  .tournament-section .section-head h2{font-size:1.38rem!important;}
  .tournament-section .section-head p{font-size:.82rem!important;}
  .tournament-section .event-card{height:auto!important;min-height:560px!important;border-radius:12px!important;}
  .tournament-section .event-art{height:245px!important;object-fit:cover!important;object-position:18% center;}
  .tournament-section .event-card::after{content:"";position:absolute;inset:140px 0 0;background:linear-gradient(180deg,rgba(5,8,24,0),rgba(5,8,24,.95) 130px,#070d1c 210px);z-index:1;pointer-events:none;}
  .tournament-section .event-overlay{z-index:2;position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;gap:16px!important;min-height:560px;padding:210px 14px 14px!important;background:transparent!important;}
  .tournament-section .event-copy{transform:none;text-align:center;align-items:center;}
  .tournament-section .event-label{font-size:1.22rem!important;}
  .tournament-section .event-subtitle{font-size:1rem;}
  .tournament-section .event-prize-label{margin-top:10px;font-size:.94rem;}
  .tournament-section .event-prize strong{font-size:2.58rem!important;}
  .tournament-section .event-prize span{font-size:.98rem;}
  .tournament-section .countdown-panel{padding:11px;}
  .tournament-section .countdown-title{font-size:.86rem;}
  .tournament-section .countdown{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;}
  .tournament-section .countdown>div{padding:8px 2px!important;}
  .tournament-section .countdown strong{font-size:1.16rem!important;}
  .tournament-section .countdown span{font-size:.62rem!important;}
  .tournament-section .countdown-cta{min-height:44px;font-size:.86rem;}
}
@media (max-width:389.98px){
  .tournament-section .event-card{min-height:540px!important;}
  .tournament-section .event-overlay{min-height:540px;padding-left:10px!important;padding-right:10px!important;}
  .tournament-section .event-prize strong{font-size:2.30rem!important;}
  .tournament-section .countdown span{font-size:.58rem!important;}
}

/* Trust / Platform Benefits */
.trust-section{
  padding:0!important;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 50%,rgba(67,141,255,.075),transparent 24%),
    radial-gradient(circle at 77% 50%,rgba(229,57,232,.055),transparent 26%),
    linear-gradient(180deg,#061524 0%,#05111f 100%);
  border-top:1px solid rgba(73,156,220,.38)!important;
  border-bottom:1px solid rgba(73,156,220,.38)!important;
}
.trust-section::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(244,59,234,.72) 25%,rgba(88,169,255,.58) 75%,transparent);
  opacity:.58;
}
.trust-section .trust-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-height:84px;
}
.trust-feature{
  position:relative;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:13px 24px;
}
.trust-feature:not(:last-child)::after{
  content:"";
  position:absolute;
  top:18px;right:0;bottom:18px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(83,154,214,.34),transparent);
}
.trust-feature__icon{
  --feature-accent:#58a9ff;
  width:46px;height:46px;
  flex:0 0 46px;
  display:grid;place-items:center;
  border-radius:13px;
  color:var(--feature-accent);
  font-size:1.68rem;
  background:
    radial-gradient(circle at 38% 28%,color-mix(in srgb,var(--feature-accent) 22%, transparent),transparent 48%),
    linear-gradient(145deg,rgba(21,45,79,.90),rgba(7,20,39,.94));
  border:1px solid color-mix(in srgb,var(--feature-accent) 38%, transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 18px color-mix(in srgb,var(--feature-accent) 16%, transparent);
}
.trust-feature__copy{display:grid;gap:3px;min-width:0;}
.trust-feature__copy b{
  color:#fff;
  font-size:1.02rem;
  font-weight:700;
  line-height:1.08;
  white-space:nowrap;
}
.trust-feature__copy small{
  color:#aebfd0;
  font-size:.73rem;
  font-weight:400;
  line-height:1.2;
  white-space:nowrap;
}
.trust-feature--secure .trust-feature__icon{--feature-accent:#59b5ff;}
.trust-feature--device .trust-feature__icon{--feature-accent:#9d79ff;}
.trust-feature--speed .trust-feature__icon{--feature-accent:#f251ef;}
.trust-feature--support .trust-feature__icon{--feature-accent:#858cff;}

/* Why 168WINS */
.why-section{
  padding:18px 0 20px!important;
  background:
    radial-gradient(circle at 25% 10%,rgba(65,138,255,.055),transparent 25%),
    linear-gradient(180deg,rgba(5,16,30,.18),rgba(4,13,24,.02));
}
.why-intro{margin-bottom:13px;}
.why-intro h2{
  margin:0 0 4px;
  color:#fff;
  font-size:1.56rem;
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.018em;
}
.why-intro p{
  margin:0;
  color:#aebccc;
  font-size:.84rem;
  line-height:1.25;
}
.why-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.why-benefit{
  --benefit-accent:#58a9ff;
  position:relative;
  overflow:hidden;
  min-height:96px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:13px 16px;
  border-radius:11px;
  background:
    radial-gradient(circle at 8% 25%,color-mix(in srgb,var(--benefit-accent) 11%, transparent),transparent 34%),
    linear-gradient(180deg,rgba(10,31,53,.96),rgba(6,21,38,.98));
  border:1px solid rgba(85,153,215,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.11);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.why-benefit::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--benefit-accent),transparent);
  opacity:.32;
}
.why-benefit:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--benefit-accent) 54%, transparent);
  box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 18px color-mix(in srgb,var(--benefit-accent) 9%, transparent);
}
.why-benefit__icon{
  width:52px;height:52px;
  flex:0 0 52px;
  display:grid;place-items:center;
  border-radius:14px;
  color:var(--benefit-accent);
  font-size:2rem;
  background:linear-gradient(145deg,color-mix(in srgb,var(--benefit-accent) 14%, #10233b),#081727 72%);
  border:1px solid color-mix(in srgb,var(--benefit-accent) 36%, transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 20px color-mix(in srgb,var(--benefit-accent) 13%, transparent);
}
.why-benefit__copy{display:grid;gap:4px;min-width:0;}
.why-benefit__copy b{
  color:#fff;
  font-size:1rem;
  line-height:1.08;
  font-weight:700;
  white-space:nowrap;
}
.why-benefit__copy small{
  color:#aebdcd;
  font-size:.69rem;
  line-height:1.2;
  font-weight:400;
  white-space:normal;
}
.why-benefit--games{--benefit-accent:#55baff;}
.why-benefit--bonus{--benefit-accent:#ef58ed;}
.why-benefit--payout{--benefit-accent:#65a8ff;}
.why-benefit--service{--benefit-accent:#858dff;}

@media (max-width:1199.98px){
  .trust-feature{gap:10px;padding:12px 14px;}
  .trust-feature__icon{width:42px;height:42px;flex-basis:42px;font-size:1.50rem;}
  .trust-feature__copy b{font-size:.91rem;}
  .trust-feature__copy small{font-size:.65rem;}
  .why-benefit{gap:10px;padding:12px 13px;}
  .why-benefit__icon{width:46px;height:46px;flex-basis:46px;font-size:1.78rem;}
  .why-benefit__copy b{font-size:.90rem;}
  .why-benefit__copy small{font-size:.62rem;}
}
@media (max-width:991.98px){
  .trust-section .trust-bar{grid-template-columns:repeat(2,minmax(0,1fr));}
  .trust-feature{justify-content:flex-start;min-height:76px;padding:11px 18px;}
  .trust-feature:nth-child(2)::after{display:none;}
  .trust-feature:nth-child(-n+2){border-bottom:1px solid rgba(73,150,209,.18);}
  .why-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}
  .why-benefit{min-height:92px;}
  .why-benefit__copy b{font-size:.98rem;}
  .why-benefit__copy small{font-size:.69rem;}
}
@media (max-width:575.98px){
  .trust-section .trust-bar{grid-template-columns:1fr;}
  .trust-feature{min-height:68px;padding:10px 12px;gap:12px;}
  .trust-feature:not(:last-child)::after{display:none;}
  .trust-feature:not(:last-child){border-bottom:1px solid rgba(73,150,209,.17);}
  .trust-feature__icon{width:42px;height:42px;flex-basis:42px;border-radius:12px;font-size:1.48rem;}
  .trust-feature__copy b{font-size:.92rem;white-space:normal;}
  .trust-feature__copy small{font-size:.66rem;white-space:normal;}
  .why-section{padding:16px 0 18px!important;}
  .why-intro{margin-bottom:11px;}
  .why-intro h2{font-size:1.32rem;}
  .why-intro p{font-size:.76rem;}
  .why-benefits{grid-template-columns:1fr;gap:9px;}
  .why-benefit{min-height:78px;padding:10px 12px;gap:12px;border-radius:10px;}
  .why-benefit__icon{width:44px;height:44px;flex-basis:44px;border-radius:12px;font-size:1.62rem;}
  .why-benefit__copy b{font-size:.93rem;}
  .why-benefit__copy small{font-size:.68rem;}
}

/* Casino Preview */
.casino-section{overflow:hidden;}
.casino-section>.container-xxl{overflow:hidden;}
.casino-section__head{margin-bottom:12px!important;}
.casino-section__head p{max-width:850px;}
.casino-section .casino-marquee{
  --casino-gap:12px;
  --casino-card-width:140px;
  width:100%;
  max-width:100%;
  overflow:hidden;
  position:relative;
  padding:0;
  margin:0;
}
.casino-section .casino-marquee__track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:casinoMarquee 38s linear infinite;
}
.casino-section .casino-marquee__group{
  display:flex;
  flex:none;
  gap:var(--casino-gap);
  padding-right:var(--casino-gap);
}
.casino-section .casino-card{
  position:relative;
  flex:0 0 var(--casino-card-width);
  width:var(--casino-card-width);
  height:var(--casino-card-width);
  aspect-ratio:1/1;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:hidden;
  transform:none!important;
  box-shadow:none!important;
  outline:0;
}
.casino-section .casino-card::before,
.casino-section .casino-card::after{display:none!important;content:none!important;}
.casino-section .casino-card img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transition:transform .28s ease,filter .28s ease;
}
@media (hover:hover){
  .casino-section .casino-card:hover{border:0!important;box-shadow:none!important;}
  .casino-section .casino-card:hover img{transform:scale(1.025);filter:brightness(1.04);}
}
@keyframes casinoMarquee{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
@media (max-width:1199.98px){
  .casino-section .casino-marquee{--casino-card-width:124px;--casino-gap:12px;}
  .casino-section .casino-marquee__track{animation-duration:34s;}
}
@media (max-width:767.98px){
  .casino-section .casino-marquee{--casino-card-width:104px;--casino-gap:10px;}
  .casino-section .casino-marquee__track{animation-duration:30s;}
}
@media (max-width:420px){
  .casino-section .casino-marquee{--casino-card-width:96px;--casino-gap:8px;}
}
@media (prefers-reduced-motion:reduce){
  .casino-section .casino-marquee{overflow-x:auto;scrollbar-width:none;}
  .casino-section .casino-marquee::-webkit-scrollbar{display:none;}
  .casino-section .casino-marquee__track{animation:none;}
  .casino-section .casino-marquee__group[aria-hidden="true"]{display:none;}
}

/* Sports / Football */
.sports-section .sports-card{height:225px;border-radius:0!important;border-left:none!important;border-right:none!important;}
.sports-section .sports-card>img{height:225px!important;object-fit:cover!important;}
.sports-section .sports-overlay{grid-template-columns:1.45fr .95fr auto!important;padding:18px 26px!important;background:linear-gradient(90deg,rgba(3,10,20,.10),rgba(3,9,20,.22) 40%,rgba(3,10,23,.88) 72%)!important;}
.sports-section .sports-overlay h2{font-size:1.38rem!important;}
.sports-section .sports-overlay p{font-size:.76rem!important;}
.sports-section .league-list{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px!important;}
.sports-section .league-list span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:39px;padding:4px 7px!important;font-size:.58rem!important;border-radius:7px!important;}
.sports-section .league-list i{color:#95b8ff;}
.sports-section .sports-overlay .btn{min-width:140px;}

/* Slot */

/* Lotto / Boxing */
.lotto-boxing-section .row{--bs-gutter-x:12px;}
.lotto-boxing-section .wide-banner{height:205px!important;border-radius:10px!important;border-color:rgba(228,72,237,.38)!important;}
.lotto-boxing-section .wide-banner>div{padding:20px 26px!important;}
.lotto-boxing-section .wide-banner h3{font-size:1.65rem!important;margin-bottom:.3rem;}
.lotto-boxing-section .wide-banner p{font-size:.87rem!important;margin-bottom:12px;}
.lotto-boxing-section .wide-banner .btn{min-width:160px;font-size:.76rem;padding:.5rem .8rem;}

/* VIP */
.vip-section .vip-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;}
.vip-section .vip{min-height:165px;padding:14px 16px!important;border-radius:10px!important;position:relative;overflow:hidden;}
.vip-section .vip::after{content:"";position:absolute;inset:auto -30px -45px auto;width:110px;height:110px;border-radius:50%;background:currentColor;opacity:.05;filter:blur(8px);}
.vip-section .vip-crown{font-size:2rem!important;float:left;margin-right:10px;line-height:1;}
.vip-section .vip h3{font-size:1.08rem!important;margin:.15rem 0 0!important;}
.vip-section .vip small{font-size:.68rem!important;}
.vip-section .vip ul{margin-top:13px!important;clear:both;}
.vip-section .vip li{font-size:.70rem!important;padding:3px 0!important;}

/* Game Providers */
.providers-section .provider-grid{grid-template-columns:repeat(8,1fr)!important;gap:8px!important;}
.providers-section .provider-grid>div{min-height:82px!important;padding:8px!important;border-radius:8px!important;}
.provider-mark{display:block;font-size:.92rem;line-height:1.05;letter-spacing:-.02em;}
.provider-mark.evo{color:#f1f5fb}.provider-mark.sa{color:#f2b84b}.provider-mark.sexy{color:#ff5db7}.provider-mark.pragmatic{color:#f4f4f4}.provider-mark.pg{color:#ddd}.provider-mark.joker{color:#ffb746}.provider-mark.sbobet{color:#d8e2ff}.provider-mark.ufa{color:#f3c353}
.providers-section .provider-grid small{font-size:.58rem!important;margin-top:7px;}

/* Payment */
.payments-section{
  padding-top:12px!important;
  padding-bottom:12px!important;
  overflow:hidden;
}
.payments-section .payment-section-head{
  margin-bottom:11px!important;
  align-items:center!important;
}
.payments-section .payment-heading-copy{
  display:flex;
  align-items:baseline;
  gap:20px;
  min-width:0;
}
.payments-section .payment-heading-copy h2{
  flex:0 0 auto;
  margin:0!important;
  font-size:1.28rem!important;
  line-height:1.1;
  font-weight:800;
}
.payments-section .payment-heading-copy p{
  margin:0!important;
  color:#c5d0dc!important;
  font-size:.78rem!important;
  line-height:1.25;
  white-space:nowrap;
}
.payments-section .payment-section-head>.btn{
  flex:0 0 auto;
  min-height:36px;
  padding:.46rem .86rem;
  border-radius:9px;
  font-size:.72rem;
  font-weight:700;
}
.payments-section .payment-methods-grid{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible;
}
.payments-section .payment-method-card{
  --bank-accent:#6d74ff;
  --bank-glow:rgba(109,116,255,.16);
  position:relative;
  min-width:0;
  min-height:86px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  padding:7px 6px 8px;
  overflow:hidden;
  border:1px solid rgba(79,145,209,.30);
  border-radius:9px;
  background:linear-gradient(180deg,rgba(12,34,58,.94),rgba(6,20,36,.98));
  color:#fff;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  isolation:isolate;
  transition:transform .24s ease,border-color .24s ease,background .24s ease;
}
.payments-section .payment-method-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% 22%,var(--bank-glow),transparent 58%);
  opacity:.72;
  pointer-events:none;
}
.payments-section .payment-logo-wrap{
  width:100%;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:7px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
}
.payments-section .payment-logo-wrap img{
  width:52px;
  height:52px;
  display:block;
  object-fit:contain;
  transform:translateZ(0);
  transition:transform .24s ease,filter .24s ease;
}
.payments-section .payment-method-card small{
  display:block;
  width:100%;
  color:#d2dae5!important;
  font-size:.62rem!important;
  line-height:1.08;
  font-weight:600;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.payments-section .payment-method-card--promptpay{--bank-accent:#368cd8;--bank-glow:rgba(54,140,216,.24)}
.payments-section .payment-method-card--kbank{--bank-accent:#29a95f;--bank-glow:rgba(41,169,95,.23)}
.payments-section .payment-method-card--scb{--bank-accent:#7f4bb8;--bank-glow:rgba(127,75,184,.26)}
.payments-section .payment-method-card--bbl{--bank-accent:#1451a4;--bank-glow:rgba(20,81,164,.28)}
.payments-section .payment-method-card--ktb{--bank-accent:#19a8e1;--bank-glow:rgba(25,168,225,.24)}
.payments-section .payment-method-card--bay{--bank-accent:#f6c900;--bank-glow:rgba(246,201,0,.19)}
.payments-section .payment-method-card--ttb{--bank-accent:#1b72dd;--bank-glow:rgba(27,114,221,.22)}
.payments-section .payment-method-card--truemoney{--bank-accent:#f36b27;--bank-glow:rgba(243,107,39,.24)}
.payments-section .payment-method-card--qr{--bank-accent:#d44ee5;--bank-glow:rgba(212,78,229,.22)}
.payments-section .payment-qr-logo{
  gap:7px;
  color:#fff;
  background:linear-gradient(135deg,rgba(37,54,85,.88),rgba(16,27,48,.94));
}
.payments-section .payment-qr-logo i{font-size:2rem;line-height:1;}
.payments-section .payment-qr-logo b{font-size:.82rem;line-height:1;font-weight:900;letter-spacing:.04em;}
@media (hover:hover) and (pointer:fine){
  .payments-section .payment-method-card:hover{
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--bank-accent) 68%,white 10%);
    background:linear-gradient(180deg,rgba(14,40,68,.98),rgba(7,22,39,.99));
  }
  .payments-section .payment-method-card:hover .payment-logo-wrap img{transform:scale(1.08);filter:saturate(1.08) brightness(1.04);}
}
.payments-section .payment-grid.is-visible>.payment-method-card{
  animation:paymentCardIn .48s cubic-bezier(.2,.7,.25,1) both;
}
.payments-section .payment-grid.is-visible>.payment-method-card:nth-child(2){animation-delay:.04s}
.payments-section .payment-grid.is-visible>.payment-method-card:nth-child(3){animation-delay:.08s}
.payments-section .payment-grid.is-visible>.payment-method-card:nth-child(4){animation-delay:.12s}
.payments-section .payment-grid.is-visible>.payment-method-card:nth-child(5){animation-delay:.16s}
.payments-section .payment-grid.is-visible>.payment-method-card:nth-child(6){animation-delay:.20s}
.payments-section .payment-grid.is-visible>.payment-method-card:nth-child(7){animation-delay:.24s}
.payments-section .payment-grid.is-visible>.payment-method-card:nth-child(8){animation-delay:.28s}
.payments-section .payment-grid.is-visible>.payment-method-card:nth-child(9){animation-delay:.32s}
@keyframes paymentCardIn{
  from{opacity:0;transform:translateY(12px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media (max-width:1199.98px){
  .payments-section .payment-heading-copy{gap:14px;}
  .payments-section .payment-heading-copy p{font-size:.72rem!important;}
  .payments-section .payment-methods-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  .payments-section .payment-method-card{min-height:84px;}
}
@media (max-width:767.98px){
  .payments-section .payment-section-head{align-items:flex-start!important;gap:10px;}
  .payments-section .payment-heading-copy{display:block;}
  .payments-section .payment-heading-copy h2{font-size:1.18rem!important;margin-bottom:4px!important;}
  .payments-section .payment-heading-copy p{font-size:.72rem!important;white-space:normal;max-width:31rem;}
  .payments-section .payment-section-head>.btn{min-height:34px;padding:.42rem .72rem;font-size:.66rem;}
  .payments-section .payment-methods-grid{
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:116px;
    gap:9px!important;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding:1px 1px 7px;
  }
  .payments-section .payment-methods-grid::-webkit-scrollbar{display:none;}
  .payments-section .payment-method-card{min-height:88px;scroll-snap-align:start;}
  .payments-section .payment-logo-wrap{height:57px;}
  .payments-section .payment-logo-wrap img{width:53px;height:53px;}
  .payments-section .payment-method-card small{font-size:.63rem!important;}
}
@media (max-width:479.98px){
  .payments-section .payment-section-head{display:block!important;}
  .payments-section .payment-section-head>.btn{margin-top:9px;}
  .payments-section .payment-methods-grid{grid-auto-columns:108px;}
  .payments-section .payment-method-card{min-height:84px;padding:6px;}
  .payments-section .payment-logo-wrap{height:54px;}
  .payments-section .payment-logo-wrap img{width:50px;height:50px;}
}
@media (prefers-reduced-motion:reduce){
  .payments-section .payment-grid.is-visible>.payment-method-card{animation:none!important;}
}

/* Articles */
.articles-section .article-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;}
.articles-section .article-grid article{border-radius:10px!important;border-color:rgba(220,76,237,.38)!important;}
.articles-section .article-grid article img{aspect-ratio:1.82/1!important;}
.articles-section .article-grid article>div{padding:36px 12px 10px!important;}
.articles-section .article-grid span{font-size:.56rem!important;padding:3px 7px!important;}
.articles-section .article-grid h3{font-size:.82rem!important;line-height:1.3!important;}

/* Responsible gaming */
.responsible-section .responsible-strip{grid-template-columns:auto 1.18fr repeat(4,1fr)!important;gap:8px!important;margin-top:5px!important;}
.responsible-section .age{width:66px!important;height:66px!important;border-width:6px!important;}
.responsible-section .responsible-strip>div:not(.age){min-height:68px;padding:8px 10px;border:1px solid rgba(74,145,205,.22);border-radius:9px;background:linear-gradient(180deg,rgba(10,29,50,.58),rgba(5,18,32,.48));}
.responsible-section .responsible-lead{border:none!important;background:transparent!important;padding-left:8px!important;}
.responsible-section .responsible-strip h3{font-size:.90rem!important;line-height:1.25;}
.responsible-section .responsible-strip i{font-size:1.28rem!important;flex:0 0 28px;text-align:center;}
.responsible-section .responsible-strip span{display:grid;font-size:.64rem!important;color:#eef3f8!important;line-height:1.2;}
.responsible-section .responsible-strip small{font-size:.53rem;color:#9aabba;margin-top:3px;}

/* Final CTA */
.cta-section{padding-top:10px!important;padding-bottom:10px!important;}
.cta-section .final-cta{height:190px!important;border-radius:0!important;border-left:none!important;border-right:none!important;}
.cta-section .final-cta>img{height:190px!important;object-fit:cover!important;}
.cta-section .cta-overlay{padding:17px 24px 17px 34%!important;background:linear-gradient(90deg,rgba(4,8,18,.02) 0%,rgba(5,9,22,.20) 27%,rgba(9,7,28,.79) 51%,rgba(9,9,28,.92) 100%)!important;}
.cta-section .cta-copy h2{font-size:1.35rem!important;margin:0;}
.cta-section .cta-copy h3{font-size:1.23rem!important;margin:.15rem 0 .55rem!important;color:#ff9bf5!important;}
.cta-section .cta-copy strong{font-size:2.05rem!important;color:#ffc94b!important;}
.cta-points{display:flex;flex-wrap:wrap;gap:7px 14px;}
.cta-points span{font-size:.60rem;color:#d6deea;white-space:nowrap;}
.cta-points i{color:#d65cf1;margin-right:4px;}
.cta-section .cta-overlay>.btn{min-width:210px;min-height:46px;font-size:.82rem;}

/* Footer */
.site-footer{padding:14px 0 12px!important;background:#020914!important;}
.site-footer .footer-grid{grid-template-columns:1.45fr .8fr .8fr 1fr 1.15fr!important;gap:18px!important;margin-top:8px!important;}
.site-footer .footer-brand img{width:190px!important;}
.site-footer .footer-brand p{font-size:.70rem!important;color:#b3becc!important;margin:.35rem 0 0;}
.site-footer .footer-grid h4{font-size:.72rem!important;margin-bottom:6px!important;}
.site-footer .footer-grid a{font-size:.63rem!important;padding:2px 0!important;}
.site-footer .socials{gap:6px!important;}
.site-footer .socials i{width:26px!important;height:26px!important;font-size:.69rem;}
.footer-pay{display:flex;gap:5px;flex-wrap:wrap;}
.footer-pay span{padding:4px 6px;border-radius:5px;background:#0a1d31;border:1px solid rgba(66,142,202,.22);font-size:.50rem;color:#cbd5e1;}
.site-footer .footer-bottom{margin-top:9px!important;padding-top:8px!important;font-size:.58rem!important;}

/* Desktop match: the reference is dense. */
@media (min-width:1200px){
  .quick-categories-section,.promotions-section,.tournament-section,.why-section,.casino-section,.slots-section,.lotto-boxing-section,.vip-section,.providers-section,.payments-section,.articles-section{overflow:hidden;}
}

/* Tablet */
@media (max-width:1199.98px){
  .site-header .brand img{width:166px;}
  .nav-icon-menu .nav-link{padding:0 6px!important;font-size:.72rem!important;}
  .nav-ico{display:none;}
  .nav-actions .btn{min-width:auto;padding:.5rem .72rem;}
  .hero-ref__copy{left:22px!important;width:51%!important;}
  .hero-ref__title{font-size:clamp(35px,4vw,48px)!important;}
  .hero-ref__benefits{gap:15px!important;}
  .quick-categories-section .quick-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;}
  
  .providers-section .provider-grid{grid-template-columns:repeat(4,1fr)!important;}
  .payments-section .payment-grid{grid-template-columns:repeat(5,1fr)!important;}
  .responsible-section .responsible-strip{grid-template-columns:auto 1fr repeat(2,1fr)!important;}
  .responsible-section .responsible-strip>div:nth-child(n+5){display:none;}
}

/* Mobile / tablet stack */
@media (max-width:991.98px){
  .site-header .navbar{min-height:66px;}
  .site-header .brand img{width:158px;}
  .hero-ref{aspect-ratio:auto;min-height:690px;background-size:auto 48%!important;background-position:center top!important;background-color:#06101e!important;}
  .hero-ref::before{background:linear-gradient(180deg,rgba(3,6,18,.06) 0%,rgba(3,7,20,.20) 35%,rgba(3,8,20,.88) 55%,rgba(3,8,20,.98) 100%)!important;}
  .hero-ref__copy{left:18px!important;right:18px!important;top:auto!important;bottom:28px!important;transform:none!important;width:auto!important;max-width:none!important;text-align:left;}
  .hero-ref__eyebrow{font-size:1rem!important;}
  .hero-ref__title{font-size:clamp(32px,7vw,48px)!important;}
  .hero-ref__title-line{white-space:normal!important;}
  .hero-ref__desc{font-size:.82rem!important;}
  .hero-ref__desc br{display:none;}
  .hero-ref__actions{flex-wrap:wrap;margin-top:15px;}
  .hero-ref__actions .btn{flex:1 1 160px;}
  .hero-ref__benefits{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;margin-top:15px!important;}
  .hero-ref__benefit{gap:6px!important;}
  .hero-ref__icon{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .hero-ref__benefit strong{font-size:.70rem!important;}
  .hero-ref__benefit small{font-size:.57rem!important;}

  .sports-section .sports-overlay{grid-template-columns:1fr!important;align-content:center!important;background:linear-gradient(90deg,rgba(4,12,24,.85),rgba(4,12,24,.38))!important;}
  .sports-section .league-list{display:none!important;}
  .wheel-section .wheel-layout{grid-template-columns:1fr 1fr!important;}
  .wheel-section .reward-panel{grid-column:1/-1;}
  .vip-section .vip-grid{grid-template-columns:repeat(2,1fr)!important;}
  .articles-section .article-grid{grid-template-columns:repeat(2,1fr)!important;}
  .site-footer .footer-grid{grid-template-columns:repeat(2,1fr)!important;}
  .site-footer .footer-brand{grid-column:1/-1;}
}

@media (max-width:767.98px){
  .section-block{padding:16px 0!important;}
  .section-head{align-items:flex-start!important;}
  .section-head>.btn{display:none!important;}
  .quick-categories-section .quick-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;}
  .promotions-section .row>div{margin-bottom:2px;}
  
  .sports-section .sports-card,.sports-section .sports-card>img{height:310px!important;}
  .lotto-boxing-section .wide-banner{height:195px!important;}
  .wheel-section .wheel-layout{grid-template-columns:1fr!important;}
  .wheel-section .wheel-copy{text-align:center;padding-left:0;}
  .providers-section .provider-grid{grid-template-columns:repeat(2,1fr)!important;}
  .payments-section .payment-grid{grid-template-columns:repeat(3,1fr)!important;}
  .responsible-section .responsible-strip{grid-template-columns:auto 1fr!important;}
  .responsible-section .responsible-strip>div:nth-child(n+3){display:none;}
  .cta-section .final-cta,.cta-section .final-cta>img{height:310px!important;}
  .cta-section .cta-overlay{padding:20px!important;align-items:flex-end!important;justify-content:flex-end!important;flex-direction:column!important;text-align:center;background:linear-gradient(180deg,rgba(2,6,16,.02),rgba(4,8,20,.95) 70%)!important;}
  .cta-points{justify-content:center;}
  .cta-section .cta-overlay>.btn{width:100%;min-width:0;}
}

@media (max-width:575.98px){
  .container-xxl{padding-left:14px!important;padding-right:14px!important;}
  .ticker-wrap .ticker{min-height:36px;}
  .hero-ref{min-height:660px;background-size:auto 42%!important;}
  .hero-ref__copy{bottom:22px!important;}
  .hero-ref__title{font-size:2rem!important;line-height:1.11!important;}
  .hero-ref__benefits{grid-template-columns:1fr!important;gap:7px!important;}
  .hero-ref__benefit{padding:5px 8px;border:1px solid rgba(92,143,200,.16);border-radius:10px;background:rgba(6,18,32,.55);}
  .hero-ref__desc{margin-top:12px!important;}
  .vip-section .vip-grid{grid-template-columns:1fr!important;}
  .payments-section .payment-grid{grid-template-columns:repeat(2,1fr)!important;}
  .articles-section .article-grid{grid-template-columns:1fr!important;}
  .site-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:14px!important;}
}


/* Production cleanup: no mockup annotation columns or offsets. */
.site-header{position:sticky;}
.site-header .navbar{padding-top:0!important;}
.ticker-wrap .ticker{grid-template-columns:auto 1fr auto!important;}


/* Final responsive lock for Trust / Why sections */
@media (max-width:767.98px){
  .trust-section{padding:0!important;}
  .why-section{padding:15px 0!important;}
}
@media (max-width:575.98px){
  .trust-section{padding:0!important;}
}


/* Production interaction & motion layer */
.site-header{transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease;}
.site-header.is-scrolled{background:rgba(2,8,17,.985)!important;box-shadow:0 10px 30px rgba(0,0,0,.34),0 0 20px rgba(115,54,210,.07);border-bottom-color:rgba(226,73,238,.30)!important;}
.nav-ico,.nav-ico i,.mobile-menu-ico,.mobile-menu-ico i{transition:transform .24s ease,box-shadow .24s ease,color .24s ease,background-color .24s ease;}
@media (hover:hover){
  .nav-icon-menu .nav-link:hover .nav-ico{transform:translateY(-2px);box-shadow:0 5px 14px rgba(224,62,234,.16),inset 0 0 12px rgba(226,54,232,.08);}
  .nav-icon-menu .nav-link:hover .nav-ico i{transform:scale(1.08);}
  .visual-card,.promo-card,.why-benefit,.trust-feature,.vip,.provider-grid>div,.payment-grid>div,.article-grid article{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,filter .28s ease;}
  .visual-card:hover,.why-benefit:hover,.vip:hover,.provider-grid>div:hover,.payment-grid>div:hover,.article-grid article:hover{transform:translateY(-4px);}
  .trust-feature:hover .trust-feature__icon,.why-benefit:hover .why-benefit__icon{transform:translateY(-2px) scale(1.04);}
}
.btn-neon{position:relative;isolation:isolate;overflow:hidden;}
.btn-neon::after{content:"";position:absolute;z-index:-1;top:-35%;bottom:-35%;width:32%;left:-45%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:0;pointer-events:none;}
@media (hover:hover){.btn-neon:hover::after{opacity:1;animation:buttonSweep .75s ease;}}
@keyframes buttonSweep{from{left:-45%;}to{left:120%;}}
.tournament-section .event-art{transform-origin:center center;animation:eventArtBreath 8s ease-in-out infinite alternate;}
@keyframes eventArtBreath{from{transform:scale(1);}to{transform:scale(1.012);}}
.reveal-on-scroll{opacity:0;transform:translate3d(0,22px,0);transition:opacity .62s ease,transform .62s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);}
.reveal-on-scroll.is-visible{opacity:1;transform:translate3d(0,0,0);}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
  .reveal-on-scroll{opacity:1!important;transform:none!important;}
  .tournament-section .event-art{animation:none!important;}
}

/* Cohesive motion & interaction pass */
:root{
  --motion-ease:cubic-bezier(.22,.76,.24,1);
  --motion-soft:cubic-bezier(.2,.65,.2,1);
}
html,body{overflow-x:hidden;}
.section-block>.container-xxl,.trust-section>.container-xxl{position:relative;}
.section-head h2,.why-intro h2{letter-spacing:-.015em;}
.section-head p,.why-intro p{max-width:860px;}

/* Header / ticker */
.ticker-icon{animation:tickerIconPulse 2.6s ease-in-out infinite;}
.ticker-arrow i{animation:tickerArrow 1.8s ease-in-out infinite;}
@keyframes tickerIconPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,94,242,0));}50%{transform:scale(1.08);filter:drop-shadow(0 0 7px rgba(255,94,242,.42));}}
@keyframes tickerArrow{0%,100%{transform:translateX(0);}50%{transform:translateX(3px);}}

/* Hero load motion */
.hero-ref__eyebrow{animation:heroRise .58s var(--motion-ease) .06s both;}
.hero-ref__title-line--white{animation:heroRise .66s var(--motion-ease) .14s both;}
.hero-ref__title-line--pink{animation:heroRise .70s var(--motion-ease) .22s both;}
.hero-ref__desc{animation:heroRise .66s var(--motion-ease) .34s both;}
.hero-ref__actions{animation:heroRise .66s var(--motion-ease) .46s both;}
.hero-ref__benefits{animation:heroRise .72s var(--motion-ease) .58s both;}
.hero-ref__icon{animation:heroIconGlow 4.2s ease-in-out infinite;}
.hero-ref__benefit:nth-child(2) .hero-ref__icon{animation-delay:.65s;}
.hero-ref__benefit:nth-child(3) .hero-ref__icon{animation-delay:1.3s;}
@keyframes heroRise{from{opacity:0;transform:translate3d(0,18px,0);}to{opacity:1;transform:translate3d(0,0,0);}}
@keyframes heroIconGlow{0%,100%{transform:translateY(0);box-shadow:0 0 15px rgba(232,62,228,.16);}50%{transform:translateY(-2px);box-shadow:0 0 22px rgba(232,62,228,.32);}}

/* Sequential entrances for card-based sections */
.quick-grid.is-visible>.visual-card,
.promotion-grid.is-visible>div,
.trust-bar.is-visible>.trust-feature,
.why-benefits.is-visible>.why-benefit,
.slot-marquee.is-visible .slot-marquee-group:first-child>.slot-cover,
.vip-grid.is-visible>.vip,
.provider-grid.is-visible>div,
.payment-grid.is-visible>div,
.article-grid.is-visible>article{
  animation:itemRise .58s var(--motion-ease) both;
}
.quick-grid.is-visible>*:nth-child(2),.promotion-grid.is-visible>*:nth-child(2),.trust-bar.is-visible>*:nth-child(2),.why-benefits.is-visible>*:nth-child(2),.slot-marquee.is-visible .slot-marquee-group:first-child>*:nth-child(2),.vip-grid.is-visible>*:nth-child(2),.provider-grid.is-visible>*:nth-child(2),.payment-grid.is-visible>*:nth-child(2),.article-grid.is-visible>*:nth-child(2){animation-delay:.06s;}
.quick-grid.is-visible>*:nth-child(3),.promotion-grid.is-visible>*:nth-child(3),.trust-bar.is-visible>*:nth-child(3),.why-benefits.is-visible>*:nth-child(3),.slot-marquee.is-visible .slot-marquee-group:first-child>*:nth-child(3),.vip-grid.is-visible>*:nth-child(3),.provider-grid.is-visible>*:nth-child(3),.payment-grid.is-visible>*:nth-child(3),.article-grid.is-visible>*:nth-child(3){animation-delay:.12s;}
.quick-grid.is-visible>*:nth-child(4),.trust-bar.is-visible>*:nth-child(4),.why-benefits.is-visible>*:nth-child(4),.slot-marquee.is-visible .slot-marquee-group:first-child>*:nth-child(4),.vip-grid.is-visible>*:nth-child(4),.provider-grid.is-visible>*:nth-child(4),.payment-grid.is-visible>*:nth-child(4),.article-grid.is-visible>*:nth-child(4){animation-delay:.18s;}
.quick-grid.is-visible>*:nth-child(5),.slot-marquee.is-visible .slot-marquee-group:first-child>*:nth-child(5),.provider-grid.is-visible>*:nth-child(5),.payment-grid.is-visible>*:nth-child(5){animation-delay:.24s;}
.quick-grid.is-visible>*:nth-child(6),.slot-marquee.is-visible .slot-marquee-group:first-child>*:nth-child(6),.provider-grid.is-visible>*:nth-child(6),.payment-grid.is-visible>*:nth-child(6){animation-delay:.30s;}
.quick-grid.is-visible>*:nth-child(7),.provider-grid.is-visible>*:nth-child(7),.payment-grid.is-visible>*:nth-child(7){animation-delay:.36s;}
.quick-grid.is-visible>*:nth-child(8),.provider-grid.is-visible>*:nth-child(8),.payment-grid.is-visible>*:nth-child(8){animation-delay:.42s;}
.payment-grid.is-visible>*:nth-child(9){animation-delay:.48s;}
@keyframes itemRise{from{opacity:0;transform:translate3d(0,16px,0) scale(.985);}to{opacity:1;transform:translate3d(0,0,0) scale(1);}}

/* Quick categories */
.quick-categories-section .quick-card-art{transition:transform .42s var(--motion-soft),filter .42s ease;}
.quick-categories-section .visual-card-go{transition:transform .26s var(--motion-soft),background-color .26s ease;}
@media (hover:hover){
  .quick-categories-section .visual-card:hover .quick-card-art{transform:scale(1.035);filter:saturate(1.06) brightness(1.03);}
  .quick-categories-section .visual-card:hover .visual-card-go{transform:translateX(3px) scale(1.04);}
}

/* Promotions */
.promotions-section .promo-card-copy{transition:transform .32s var(--motion-soft);}
@media (hover:hover){
  .promotions-section .promo-card:hover .promo-card-copy{transform:translateY(-50%) translateX(4px);}
}

/* Tournament */
.tournament-section .event-prize strong{animation:prizeGlow 3.6s ease-in-out infinite;}
.tournament-section .countdown>div{transition:transform .24s var(--motion-soft),border-color .24s ease,background-color .24s ease;}
@media (hover:hover){.tournament-section .countdown>div:hover{transform:translateY(-3px);border-color:rgba(237,84,246,.62)!important;}}
@keyframes prizeGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,190,53,0));}50%{filter:drop-shadow(0 0 8px rgba(255,190,53,.30));}}

/* Trust + Why */
.trust-feature__icon{animation:trustIconFloat 4.8s ease-in-out infinite;}
.trust-feature:nth-child(2) .trust-feature__icon{animation-delay:.65s;}.trust-feature:nth-child(3) .trust-feature__icon{animation-delay:1.3s;}.trust-feature:nth-child(4) .trust-feature__icon{animation-delay:1.95s;}
.why-benefit__icon{animation:whyIconFloat 5.2s ease-in-out infinite;}
.why-benefit:nth-child(2) .why-benefit__icon{animation-delay:.7s;}.why-benefit:nth-child(3) .why-benefit__icon{animation-delay:1.4s;}.why-benefit:nth-child(4) .why-benefit__icon{animation-delay:2.1s;}
@keyframes trustIconFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}
@keyframes whyIconFloat{0%,100%{transform:translateY(0) rotate(0);}50%{transform:translateY(-3px) rotate(-1.5deg);}}

/* Casino: 140px on desktop, clipped strictly inside container */
.casino-section>.container-xxl{overflow:hidden;}
.casino-section .casino-marquee{--casino-card-width:140px;--casino-gap:14px;overflow:hidden;contain:paint;}
.casino-section .casino-marquee__track{animation-duration:38s;}
.casino-section .casino-card,.casino-section .casino-card img{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
@media (min-width:1200px){
  .casino-section .casino-card{width:140px;height:140px;flex-basis:140px;}
}
@media (max-width:1199.98px){.casino-section .casino-marquee{--casino-card-width:124px;--casino-gap:12px;}}
@media (max-width:767.98px){.casino-section .casino-marquee{--casino-card-width:104px;--casino-gap:10px;}}
@media (max-width:420px){.casino-section .casino-marquee{--casino-card-width:96px;--casino-gap:8px;}}

/* Sports */
.sports-section .sports-card>img{animation:sportsBreath 11s ease-in-out infinite alternate;transform-origin:center center;}
.sports-section .league-list span{transition:transform .24s var(--motion-soft),border-color .24s ease;}
@media (hover:hover){.sports-section .league-list span:hover{transform:translateY(-2px);border-color:rgba(232,71,241,.52)!important;}}
@keyframes sportsBreath{from{transform:scale(1.01) translateX(0);}to{transform:scale(1.035) translateX(-.7%);}}


/* Lotto / Boxing */
.lotto-boxing-section .wide-banner img{animation:bannerBreath 10s ease-in-out infinite alternate;transform-origin:center center;}
.lotto-boxing-section .col-lg-6:nth-child(2) .wide-banner img{animation-delay:-4s;}
@keyframes bannerBreath{from{transform:scale(1);}to{transform:scale(1.025);}}

/* VIP */
.vip-section .vip-crown{animation:crownFloat 4.4s ease-in-out infinite;transform-origin:center bottom;}
.vip-section .vip:nth-child(2) .vip-crown{animation-delay:.5s;}.vip-section .vip:nth-child(3) .vip-crown{animation-delay:1s;}.vip-section .vip:nth-child(4) .vip-crown{animation-delay:1.5s;}
@keyframes crownFloat{0%,100%{transform:translateY(0) rotate(0);}50%{transform:translateY(-4px) rotate(-2deg);}}

/* Providers / Payments */
.provider-grid>div,.payment-grid>div{transition:transform .25s var(--motion-soft),border-color .25s ease,background-color .25s ease;}
@media (hover:hover){
  .provider-grid>div:hover,.payment-grid>div:hover{transform:translateY(-3px);border-color:rgba(229,75,237,.46)!important;}
}

/* Articles */
.article-grid article img{transition:transform .45s var(--motion-soft),filter .45s ease;}
.article-grid article>div{transition:padding-bottom .28s var(--motion-soft);}
@media (hover:hover){
  .article-grid article:hover img{transform:scale(1.045);filter:saturate(1.06) brightness(1.02);}
  .article-grid article:hover>div{padding-bottom:16px;}
}

/* Responsible gaming */
.responsible-section .age{animation:agePulse 4s ease-in-out infinite;}
.responsible-section .responsible-strip i{animation:responsibleIcon 4.4s ease-in-out infinite;}
.responsible-section .responsible-strip>div:nth-child(4) i{animation-delay:.7s;}.responsible-section .responsible-strip>div:nth-child(5) i{animation-delay:1.4s;}
@keyframes agePulse{0%,100%{box-shadow:0 0 0 0 rgba(237,71,100,0);}50%{box-shadow:0 0 0 6px rgba(237,71,100,.08);}}
@keyframes responsibleIcon{0%,100%{transform:scale(1);}50%{transform:scale(1.08);}}

/* Final CTA + footer */
.cta-section .final-cta>img{animation:ctaBreath 10s ease-in-out infinite alternate;transform-origin:center center;}
@keyframes ctaBreath{from{transform:scale(1);}to{transform:scale(1.025);}}
.site-footer .socials i{transition:transform .22s var(--motion-soft),background-color .22s ease,color .22s ease;}
@media (hover:hover){.site-footer .socials i:hover{transform:translateY(-3px) scale(1.05);background:#17365b!important;color:#fff;}}

/* Keep mobile motion lightweight and layouts stable */
@media (max-width:767.98px){
  .section-block{scroll-margin-top:72px;}
  .sports-section .sports-card>img,.lotto-boxing-section .wide-banner img,.cta-section .final-cta>img{animation-duration:14s;}
  .wheel-section .wheel,.wheel-section .wheel-core{animation-duration:30s;}
  .casino-section .casino-card:hover img{transform:none;}
}

@media (prefers-reduced-motion:reduce){
  .ticker-icon,.ticker-arrow i,
  .hero-ref__eyebrow,.hero-ref__title-line--white,.hero-ref__title-line--pink,.hero-ref__desc,.hero-ref__actions,.hero-ref__benefits,.hero-ref__icon,
  .tournament-section .event-prize strong,.trust-feature__icon,.why-benefit__icon,
  .sports-section .sports-card>img,
  .lotto-boxing-section .wide-banner img,
  .vip-section .vip-crown,.responsible-section .age,.responsible-section .responsible-strip i,.cta-section .final-cta>img{
    animation:none!important;
  }
  .quick-grid.is-visible>.visual-card,.promotion-grid.is-visible>div,.trust-bar.is-visible>.trust-feature,.why-benefits.is-visible>.why-benefit,.slot-marquee.is-visible .slot-marquee-group:first-child>.slot-cover,.vip-grid.is-visible>.vip,.provider-grid.is-visible>div,.payment-grid.is-visible>div,.article-grid.is-visible>article{animation:none!important;}
}



/* Sports / Football redesigned */
.sports-section{position:relative;overflow:hidden;}
.sports-section .sports-section-head{margin-bottom:14px!important;}
.sports-section .sports-section-head h2{font-size:1.58rem!important;}
.sports-section .sports-section-head p{font-size:.88rem!important;max-width:720px;}
.sports-showcase{position:relative;min-height:340px;border:1px solid rgba(83,150,255,.28);border-radius:18px;overflow:hidden;background:#06101f;isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);}
.sports-showcase-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.01);animation:sportsSceneFloat 12s ease-in-out infinite alternate;}
.sports-showcase::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,10,23,.02) 0%,rgba(4,10,23,.10) 40%,rgba(4,10,23,.72) 60%,rgba(3,8,20,.96) 100%);pointer-events:none;}
.sports-showcase::after{content:"";position:absolute;inset:auto 0 0;height:45%;z-index:1;background:linear-gradient(0deg,rgba(4,10,23,.76),transparent);pointer-events:none;}
.sports-showcase-glow{position:absolute;z-index:2;width:360px;height:360px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(217,54,255,.22) 0%,rgba(70,102,255,.08) 45%,transparent 72%);filter:blur(6px);animation:sportsGlowDrift 7s ease-in-out infinite alternate;pointer-events:none;}
.sports-showcase-content{position:relative;z-index:3;width:min(49%,660px);min-height:340px;margin-left:auto;padding:28px 28px 26px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.sports-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:#ff86f7;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.sports-kicker i{font-size:.88rem;color:#b98cff;filter:drop-shadow(0 0 8px rgba(193,82,255,.35));}
.sports-showcase-content h3{margin:0;color:#fff;font-size:clamp(1.6rem,2.1vw,2.35rem);line-height:1.08;font-weight:900;letter-spacing:-.025em;max-width:560px;text-shadow:0 4px 18px rgba(0,0,0,.55);}
.sports-showcase-content h3 em{display:block;color:#ff77f2;font-style:normal;margin-top:4px;text-shadow:0 0 18px rgba(229,55,239,.18);}
.sports-showcase-content>p{margin:10px 0 16px;max-width:570px;color:#c4d1df;font-size:.82rem;line-height:1.5;}
.sports-leagues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:600px;margin-bottom:16px;}
.sports-league{display:flex;align-items:center;gap:9px;min-height:60px;padding:8px 10px;border:1px solid rgba(91,139,255,.24);border-radius:11px;background:linear-gradient(180deg,rgba(16,37,72,.86),rgba(8,23,49,.90));transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s ease,background .25s ease;overflow:hidden;}
.sports-league img{width:38px;height:38px;flex:0 0 38px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.28));}
.sports-league span{min-width:0;display:grid;line-height:1.08;}
.sports-league b{color:#fff;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sports-league small{margin-top:4px;color:#89a2bf;font-size:.58rem;}
.sports-primary-cta{min-width:190px;min-height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;}
@media (hover:hover){
  .sports-league:hover{transform:translateY(-3px);border-color:rgba(236,85,245,.58);background:linear-gradient(180deg,rgba(31,38,92,.96),rgba(15,25,61,.96));}
  .sports-league:hover img{transform:scale(1.06) rotate(-2deg);transition:transform .25s ease;}
}
@keyframes sportsSceneFloat{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.035) translate3d(-.55%,0,0)}}
@keyframes sportsGlowDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-28px,34px,0) scale(1.12)}}
@media (max-width:1199.98px){
  .sports-showcase{min-height:330px;}
  .sports-showcase-content{width:52%;min-height:330px;padding:24px 22px;}
  .sports-league{min-height:56px;padding:7px 8px;gap:7px;}
  .sports-league img{width:34px;height:34px;flex-basis:34px;}
  .sports-league b{font-size:.62rem;}
  .sports-showcase-content>p{font-size:.76rem;}
}
@media (max-width:991.98px){
  .sports-showcase{min-height:520px;border-radius:16px;}
  .sports-showcase-bg{object-position:34% center;}
  .sports-showcase::before{background:linear-gradient(180deg,rgba(4,10,23,.04) 0%,rgba(4,10,23,.18) 32%,rgba(3,8,20,.72) 58%,rgba(3,8,20,.98) 100%);}
  .sports-showcase-content{width:100%;min-height:520px;padding:220px 20px 20px;justify-content:flex-end;}
  .sports-showcase-content h3{font-size:clamp(1.55rem,4.7vw,2.05rem);max-width:620px;}
  .sports-showcase-content>p{max-width:650px;font-size:.80rem;}
  .sports-leagues{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));}
  .sports-primary-cta{width:100%;max-width:320px;}
}
@media (max-width:767.98px){
  .sports-section .sports-section-head{align-items:flex-start!important;gap:10px;}
  .sports-section .sports-section-head h2{font-size:1.38rem!important;}
  .sports-section .sports-section-head p{font-size:.78rem!important;}
  .sports-section .sports-section-head>.btn{display:none;}
  .sports-showcase{min-height:590px;border-radius:14px;}
  .sports-showcase-bg{object-position:29% center;}
  .sports-showcase-content{min-height:590px;padding:245px 14px 14px;}
  .sports-kicker{font-size:.62rem;margin-bottom:6px;}
  .sports-showcase-content h3{font-size:1.46rem;}
  .sports-showcase-content>p{margin:8px 0 13px;font-size:.72rem;line-height:1.45;}
  .sports-leagues{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px;}
  .sports-league{min-height:55px;border-radius:10px;padding:7px 8px;}
  .sports-league img{width:33px;height:33px;flex-basis:33px;}
  .sports-league b{font-size:.62rem;}
  .sports-league small{font-size:.54rem;}
  .sports-primary-cta{max-width:none;min-height:46px;}
}
@media (max-width:420px){
  .sports-showcase{min-height:610px;}
  .sports-showcase-content{min-height:610px;padding-top:255px;}
  .sports-league{min-height:52px;padding:6px 7px;gap:6px;}
  .sports-league img{width:30px;height:30px;flex-basis:30px;}
  .sports-league b{font-size:.58rem;}
}
@media (prefers-reduced-motion:reduce){.sports-showcase-bg,.sports-showcase-glow{animation:none!important;}.sports-league{transition:none!important;}}


/* Slot Preview */
.slots-section{position:relative;overflow:hidden;}
.slots-section .container-xxl{overflow:hidden;}
.slots-section .slot-section-head{margin-bottom:12px!important;}
.slots-section .slot-section-head h2{font-size:1.42rem!important;line-height:1.1;margin-bottom:.12rem!important;}
.slots-section .slot-section-head p{font-size:.80rem!important;line-height:1.25;color:#b7c4d3!important;}
.slots-section .slot-section-head>.btn{display:inline-flex;align-items:center;gap:8px;}
.slot-marquee{
  --slot-card-width:184px;
  --slot-gap:12px;
  width:100%;
  overflow:hidden;
  position:relative;
  contain:layout paint;
  padding:1px 0 2px;
}
.slot-marquee-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:slotMarquee 38s linear infinite;
}
.slot-marquee-group{
  display:flex;
  gap:var(--slot-gap);
  flex:none;
  padding-right:var(--slot-gap);
}
.slot-cover{
  flex:0 0 var(--slot-card-width);
  width:var(--slot-card-width);
  display:block;
  background:transparent!important;
  border:0!important;
  border-radius:10px;
  box-shadow:none!important;
  overflow:hidden;
  transform:translateZ(0);
}
.slot-cover img{
  width:100%;
  height:auto;
  aspect-ratio:1122/1402;
  object-fit:contain;
  display:block;
  border:0!important;
  border-radius:10px;
  box-shadow:none!important;
  background:transparent!important;
  transition:transform .34s cubic-bezier(.2,.7,.2,1),filter .34s ease;
}
@keyframes slotMarquee{to{transform:translate3d(-50%,0,0);}}
@media (hover:hover){
  .slot-marquee:hover .slot-marquee-track{animation-play-state:paused;}
  .slot-cover:hover img{transform:scale(1.025);filter:saturate(1.06) brightness(1.025);}
}
@media (max-width:1199.98px){
  .slot-marquee{--slot-card-width:160px;--slot-gap:11px;}
  .slots-section .slot-section-head h2{font-size:1.32rem!important;}
}
@media (max-width:767.98px){
  .slots-section .slot-section-head{align-items:flex-end!important;gap:10px;}
  .slots-section .slot-section-head h2{font-size:1.18rem!important;}
  .slots-section .slot-section-head p{font-size:.72rem!important;max-width:245px;}
  .slots-section .slot-section-head>.btn{font-size:.66rem!important;padding:.42rem .62rem!important;white-space:nowrap;}
  .slot-marquee{--slot-card-width:138px;--slot-gap:10px;}
  .slot-marquee-track{animation-duration:32s;}
  .slot-cover,.slot-cover img{border-radius:9px;}
}
@media (max-width:420px){
  .slot-marquee{--slot-card-width:128px;--slot-gap:9px;}
  .slots-section .slot-section-head p{max-width:210px;}
}
@media (prefers-reduced-motion:reduce){
  .slot-marquee{overflow-x:auto;scrollbar-width:none;}
  .slot-marquee::-webkit-scrollbar{display:none;}
  .slot-marquee-track{animation:none!important;}
  .slot-marquee-group[aria-hidden="true"]{display:none;}
  .slot-cover img{transition:none!important;}
}


/* Slot Preview refinement — surface more unique games without shrinking readability */
@media (min-width:1200px){
  .slot-marquee{--slot-card-width:170px;--slot-gap:11px;}
  .slot-marquee-track{animation-duration:42s;}
}
.slots-section .slot-section-head p{max-width:720px;}
.slot-cover{position:relative;}
.slot-cover::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.13) 47%,transparent 70%);
  transform:translateX(-120%);
}
@media (hover:hover){
  .slot-cover:hover::after{opacity:1;animation:slotCoverShine .72s ease forwards;}
}
@keyframes slotCoverShine{to{transform:translateX(120%);}}

/* Lotto / Boxing */
.lotto-boxing-section{position:relative;overflow:hidden;padding-top:12px!important;}
.lotto-boxing-section .lotto-boxing-head{margin-bottom:12px!important;}
.lotto-boxing-section .lotto-boxing-head h2{font-size:1.42rem!important;line-height:1.1;margin-bottom:.12rem!important;}
.lotto-boxing-section .lotto-boxing-head p{font-size:.80rem!important;line-height:1.25;color:#b7c4d3!important;}
.lotto-boxing-section .lotto-boxing-head>.btn{display:inline-flex;align-items:center;gap:8px;}
.lotto-boxing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.lotto-boxing-card{
  position:relative;
  display:block;
  min-height:218px;
  border-radius:14px;
  overflow:hidden;
  isolation:isolate;
  background:#090f2a;
  border:1px solid rgba(230,75,243,.52);
  box-shadow:inset 0 0 0 1px rgba(91,151,255,.10);
}
.lotto-boxing-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.03);
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.08) 42%,transparent 64%);
  transform:translateX(-115%);
  opacity:0;
}
.lotto-boxing-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s ease;
}
.lotto-boxing-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(8,7,38,.96) 0%,rgba(19,8,63,.88) 27%,rgba(28,11,75,.60) 46%,rgba(16,7,54,.18) 66%,transparent 100%);
}
.lotto-boxing-copy{
  position:absolute;
  z-index:3;
  left:28px;
  top:50%;
  transform:translateY(-50%);
  width:48%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}
.lotto-boxing-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#f8c8ff;
  font-size:.78rem;
  font-weight:700;
  line-height:1;
}
.lotto-boxing-eyebrow i{color:#ff74ee;filter:drop-shadow(0 0 8px rgba(240,66,238,.4));}
.lotto-boxing-copy strong{font-size:1.72rem;line-height:1.02;font-weight:900;letter-spacing:-.02em;white-space:nowrap;}
.lotto-boxing-copy strong em{font-style:normal;color:#ffd34f;text-shadow:0 0 18px rgba(255,190,55,.16);}
.lotto-boxing-copy small{font-size:.92rem;line-height:1.2;color:#edf2ff;font-weight:600;margin-bottom:8px;white-space:nowrap;}
.lotto-boxing-cta{min-width:176px;min-height:40px;padding:.55rem .9rem!important;border-radius:10px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:9px;font-size:.78rem!important;font-weight:800;}
@media (hover:hover){
  .lotto-boxing-card:hover .lotto-boxing-bg{transform:scale(1.035);filter:saturate(1.06) brightness(1.035);}
  .lotto-boxing-card:hover::after{opacity:1;animation:lottoBoxingSweep .8s ease forwards;}
  .lotto-boxing-card:hover{border-color:rgba(255,118,248,.88);}
}
@keyframes lottoBoxingSweep{to{transform:translateX(115%);}}
@media (max-width:1199.98px){
  .lotto-boxing-card{min-height:200px;}
  .lotto-boxing-copy{left:22px;width:50%;}
  .lotto-boxing-copy strong{font-size:1.42rem;}
  .lotto-boxing-copy small{font-size:.80rem;}
  .lotto-boxing-cta{min-width:158px;min-height:38px;font-size:.72rem!important;}
}
@media (max-width:991.98px){
  .lotto-boxing-grid{grid-template-columns:1fr;gap:12px;}
  .lotto-boxing-card{min-height:228px;}
  .lotto-boxing-copy{left:26px;width:46%;}
  .lotto-boxing-copy strong{font-size:1.62rem;}
}
@media (max-width:767.98px){
  .lotto-boxing-section .lotto-boxing-head{align-items:flex-end!important;gap:10px;}
  .lotto-boxing-section .lotto-boxing-head h2{font-size:1.18rem!important;}
  .lotto-boxing-section .lotto-boxing-head p{font-size:.72rem!important;max-width:245px;}
  .lotto-boxing-section .lotto-boxing-head>.btn{font-size:.66rem!important;padding:.42rem .62rem!important;white-space:nowrap;}
  .lotto-boxing-card{min-height:210px;border-radius:12px;}
  .lotto-boxing-bg{object-position:58% center;}
  .muaythai-card .lotto-boxing-bg{object-position:63% center;}
  .lotto-boxing-shade{background:linear-gradient(90deg,rgba(8,7,38,.98) 0%,rgba(18,7,58,.93) 34%,rgba(25,8,72,.62) 56%,rgba(16,7,54,.10) 82%,transparent 100%);}
  .lotto-boxing-copy{left:18px;width:58%;gap:4px;}
  .lotto-boxing-eyebrow{font-size:.70rem;}
  .lotto-boxing-copy strong{font-size:1.28rem;white-space:normal;}
  .lotto-boxing-copy small{font-size:.73rem;white-space:normal;margin-bottom:6px;}
  .lotto-boxing-cta{min-width:146px;min-height:36px;font-size:.68rem!important;padding:.48rem .72rem!important;}
}
@media (max-width:420px){
  .lotto-boxing-card{min-height:196px;}
  .lotto-boxing-copy{left:15px;width:61%;}
  .lotto-boxing-copy strong{font-size:1.16rem;}
  .lotto-boxing-copy small{font-size:.68rem;}
  .lotto-boxing-cta{min-width:136px;font-size:.64rem!important;}
}
@media (prefers-reduced-motion:reduce){
  .slot-cover::after,.lotto-boxing-card::after{display:none!important;}
  .lotto-boxing-bg{transition:none!important;}
}


/* Lucky Wheel — interactive code wheel over background-only artwork */
.lucky-wheel-section{padding-top:10px!important;padding-bottom:10px!important;overflow:hidden;}
.lucky-wheel-shell{
  position:relative;
  display:grid;
  grid-template-columns:minmax(220px,.92fr) minmax(320px,1.18fr) minmax(250px,.88fr);
  align-items:center;
  gap:16px;
  min-height:350px;
  padding:22px clamp(20px,2.6vw,42px);
  border-radius:14px;
  overflow:hidden;
  isolation:isolate;
  background:#08091d url("../img/lucky-wheel-bg.webp") center center/cover no-repeat;
  box-shadow:inset 0 0 0 1px rgba(94,161,255,.10);
}
.lucky-wheel-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgba(5,6,24,.70) 0%,rgba(5,6,24,.24) 26%,rgba(6,7,28,.05) 46%,rgba(5,6,24,.08) 67%,rgba(5,6,24,.48) 100%);
  pointer-events:none;
}
.lucky-wheel-shell::after{
  content:"";
  position:absolute;
  left:46%;
  bottom:-44px;
  width:300px;
  height:110px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(232,56,247,.34),rgba(120,52,255,.12) 44%,transparent 72%);
  filter:blur(12px);
  animation:wheelStageGlow 3.4s ease-in-out infinite;
  pointer-events:none;
  z-index:0;
}
.lucky-wheel-copy{position:relative;z-index:3;align-self:center;}
.lucky-wheel-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;border-radius:999px;color:#ffd560;background:rgba(141,42,170,.20);border:1px solid rgba(233,79,244,.25);font-size:.70rem;font-weight:800;letter-spacing:.02em;}
.lucky-wheel-copy h2{margin:0;color:#fff;font-size:clamp(2rem,2.5vw,3rem);font-weight:900;line-height:.96;letter-spacing:-.045em;text-shadow:0 4px 22px rgba(0,0,0,.66);}
.lucky-wheel-copy h2 span{display:inline-block;color:#f2a9ff;text-shadow:0 0 22px rgba(238,65,244,.30),0 4px 22px rgba(0,0,0,.66);}
.lucky-wheel-copy p{margin:12px 0 0;max-width:330px;color:#edf2fb;font-size:.88rem;font-weight:600;line-height:1.45;text-shadow:0 2px 12px rgba(0,0,0,.72);}

.lucky-wheel-stage{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;}
.wheel-frame{position:relative;width:min(300px,24vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 18px 24px rgba(0,0,0,.32));}
.wheel-frame::before{content:"";position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 8deg,#ffdc72,#8d2df6 14%,#ffd665 27%,#d729e7 42%,#ffd665 58%,#8729ef 73%,#ffd665 89%,#ffdc72);box-shadow:0 0 0 4px rgba(87,20,112,.78),0 0 26px rgba(225,53,241,.36),inset 0 0 0 3px rgba(255,255,255,.22);z-index:0;}
.wheel-frame::after{content:"";position:absolute;inset:4px;border-radius:50%;border:2px solid rgba(255,227,117,.72);box-shadow:inset 0 0 20px rgba(82,21,123,.54);pointer-events:none;z-index:2;}
.spin-wheel-disc{--wheel-counter-rotation:0deg;position:absolute;inset:4px;border-radius:50%;overflow:hidden;background:conic-gradient(from 0deg,#a71fd0 0deg 45deg,#5d22c6 45deg 90deg,#d22aaf 90deg 135deg,#7125d2 135deg 180deg,#a91ed2 180deg 225deg,#5c29ba 225deg 270deg,#d347b3 270deg 315deg,#6724ce 315deg 360deg);box-shadow:inset 0 0 28px rgba(0,0,0,.30);transition:transform 5.6s cubic-bezier(.12,.72,.08,1);transform:rotate(0deg);will-change:transform;z-index:1;}
/* 8 ช่องเท่ากันช่องละ 45deg — เส้นแบ่งใช้ period 45deg ตรงกับสีทุกช่อง */
.spin-wheel-disc::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,228,117,.96) 0deg 1.15deg,transparent 1.15deg 45deg);pointer-events:none;z-index:1;}
.spin-wheel-disc::after{content:"";position:absolute;inset:13%;border-radius:50%;border:2px solid rgba(255,212,96,.72);box-shadow:0 0 18px rgba(255,189,60,.14);pointer-events:none;z-index:2;}
/* ตัว label อยู่กึ่งกลางของแต่ละช่อง ส่วนข้อความ counter-rotate ขณะวงล้อหมุนเพื่อให้อ่านตรงเสมอ */
.wheel-segment-label{--angle:0deg;--counter:0deg;position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px;display:block;transform:rotate(var(--angle)) translateY(-108px);transform-origin:50% 50%;z-index:3;pointer-events:none;}
.wheel-label-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;transform:rotate(var(--counter)) rotate(var(--wheel-counter-rotation));transform-origin:50% 50%;transition:transform 5.6s cubic-bezier(.12,.72,.08,1);will-change:transform;backface-visibility:hidden;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.55);font-size:.68rem;font-weight:800;line-height:1;white-space:nowrap;}
.wheel-label-content i{font-size:1.05rem;color:#ffd85e;filter:drop-shadow(0 0 5px rgba(255,200,63,.35));}
.wheel-segment-label:nth-child(2n) .wheel-label-content i{color:#f4b8ff;}
.wheel-label-content b{font-size:.62rem;font-weight:800;}
.wheel-spin-button{position:relative;z-index:5;width:92px;height:92px;border-radius:50%;border:4px solid #ffc94f;background:radial-gradient(circle at 35% 28%,#221336,#070913 70%);box-shadow:0 0 0 4px rgba(104,24,140,.86),0 0 24px rgba(235,54,244,.40),inset 0 0 16px rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;}
.wheel-spin-button:hover{transform:scale(1.045);box-shadow:0 0 0 4px rgba(104,24,140,.92),0 0 32px rgba(238,58,247,.55),inset 0 0 18px rgba(255,255,255,.09);}
.wheel-spin-button:disabled{cursor:not-allowed;opacity:.72;transform:none;}
.wheel-spin-button img{width:64px;max-height:24px;object-fit:contain;}
.wheel-spin-button span{font-size:.62rem;font-weight:900;color:#ffd65c;letter-spacing:.02em;}
.wheel-pointer{position:absolute;top:-15px;left:50%;transform:translateX(-50%);z-index:8;width:38px;height:48px;display:grid;place-items:start center;color:#ffd34f;font-size:2.6rem;filter:drop-shadow(0 4px 4px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(255,202,68,.42));animation:wheelPointerBounce 1.5s ease-in-out infinite;pointer-events:none;}
.wheel-result{margin-top:14px;min-height:30px;padding:7px 12px;border-radius:999px;background:rgba(7,9,31,.56);border:1px solid rgba(223,69,237,.22);color:#edf2ff;font-size:.72rem;font-weight:700;text-align:center;backdrop-filter:blur(4px);}
.wheel-result.is-win{color:#ffe16f;border-color:rgba(255,206,74,.42);box-shadow:0 0 18px rgba(255,204,64,.10);}

.lucky-wheel-rewards{position:relative;z-index:3;padding:18px;border-radius:14px;background:linear-gradient(180deg,rgba(17,14,55,.84),rgba(9,12,37,.78));border:1px solid rgba(210,69,232,.32);backdrop-filter:blur(7px);box-shadow:0 10px 26px rgba(0,0,0,.16);}
.lucky-wheel-rewards h3{margin:0 0 10px;color:#fff;font-size:1.05rem;font-weight:800;}
.lucky-reward-list{display:grid;gap:6px;}
.lucky-reward-list>div{display:flex;align-items:center;gap:10px;min-height:38px;padding:7px 10px;border-radius:8px;background:linear-gradient(90deg,rgba(217,47,226,.16),rgba(77,50,150,.10));border:1px solid rgba(255,255,255,.04);transition:transform .2s ease,background .2s ease;}
.lucky-reward-list>div:hover{transform:translateX(3px);background:linear-gradient(90deg,rgba(231,60,236,.24),rgba(77,50,150,.13));}
.lucky-reward-list span{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:7px;color:#ffd25a;background:rgba(255,190,48,.11);font-size:.84rem;}
.lucky-reward-list>div:nth-child(2) span{color:#ff72e6;background:rgba(236,66,220,.11);}.lucky-reward-list>div:nth-child(3) span{color:#80a8ff;background:rgba(76,115,255,.12);}.lucky-reward-list>div:nth-child(4) span{color:#ffd35c;background:rgba(255,191,39,.12);}
.lucky-reward-list b{color:#fff;font-size:.77rem;font-weight:700;line-height:1.2;}
.lucky-wheel-cta{width:100%;min-height:42px;margin-top:10px;border-radius:9px!important;font-size:.82rem!important;font-weight:800!important;}

@keyframes wheelStageGlow{0%,100%{opacity:.55;transform:translateX(-50%) scale(.94)}50%{opacity:1;transform:translateX(-50%) scale(1.05)}}
@keyframes wheelPointerBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(4px)}}

@media (max-width:1199.98px){
  .lucky-wheel-shell{grid-template-columns:minmax(190px,.88fr) minmax(280px,1.1fr) minmax(220px,.9fr);min-height:330px;padding:18px 20px;gap:12px;}
  .wheel-frame{width:min(270px,27vw)}
  .wheel-segment-label{transform:rotate(var(--angle)) translateY(-97px);}
  .lucky-wheel-copy h2{font-size:2.15rem}.lucky-wheel-copy p{font-size:.80rem;max-width:260px}.lucky-wheel-rewards{padding:14px}.lucky-reward-list b{font-size:.69rem}.lucky-reward-list>div{min-height:35px;padding:6px 8px}
}
@media (max-width:991.98px){
  .lucky-wheel-shell{grid-template-columns:1fr 1fr;grid-template-areas:"copy wheel" "rewards rewards";padding:18px;}
  .lucky-wheel-copy{grid-area:copy}.lucky-wheel-stage{grid-area:wheel}.lucky-wheel-rewards{grid-area:rewards;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.lucky-wheel-rewards h3{margin:0}.lucky-reward-list{grid-template-columns:repeat(4,1fr);gap:6px}.lucky-wheel-cta{width:auto;min-width:150px;margin:0;}
  .wheel-frame{width:260px}.wheel-segment-label{transform:rotate(var(--angle)) translateY(-93px);}
}
@media (max-width:767.98px){
  .lucky-wheel-section{padding-top:8px!important;padding-bottom:8px!important;}
  .lucky-wheel-shell{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-height:0;padding:18px 14px;background-position:center top;background-size:auto 100%;border-radius:12px;}
  .lucky-wheel-shell::before{background:linear-gradient(180deg,rgba(6,7,26,.42),rgba(6,7,26,.14) 28%,rgba(6,7,26,.25) 57%,rgba(6,8,27,.86) 100%);}
  .lucky-wheel-shell::after{left:50%;bottom:170px;width:260px;}
  .lucky-wheel-copy{text-align:center}.lucky-wheel-kicker{margin-bottom:8px}.lucky-wheel-copy h2{font-size:clamp(1.85rem,9vw,2.35rem);line-height:1.02}.lucky-wheel-copy p{max-width:390px;margin:8px auto 0;font-size:.80rem;}
  .wheel-frame{width:min(286px,78vw)}
  .wheel-segment-label{transform:rotate(var(--angle)) translateY(-101px);}
  .wheel-result{margin-top:12px;font-size:.69rem;}
  .lucky-wheel-rewards{display:block;padding:12px;background:linear-gradient(180deg,rgba(17,16,52,.92),rgba(9,13,35,.96));backdrop-filter:none;}
  .lucky-wheel-rewards h3{font-size:.98rem;margin-bottom:8px}.lucky-reward-list{grid-template-columns:1fr 1fr;gap:6px}.lucky-reward-list>div{min-height:42px;padding:7px 8px}.lucky-reward-list b{font-size:.67rem}.lucky-wheel-cta{width:100%;margin-top:10px;}
}
@media (max-width:575.98px){
  .wheel-frame{width:min(264px,80vw)}
  .wheel-spin-button{width:82px;height:82px}.wheel-spin-button img{width:56px}.wheel-segment-label{width:58px;height:58px;margin:-29px;transform:rotate(var(--angle)) translateY(-92px);}.wheel-label-content{font-size:.60rem}.wheel-label-content i{font-size:.92rem}.wheel-label-content b{font-size:.56rem;}
  .lucky-reward-list{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .wheel-pointer,.lucky-wheel-shell::after{animation:none!important;}
  .spin-wheel-disc,.wheel-label-content{transition-duration:.01ms!important;}
}

/* VIP / Member Benefits — generated crown assets */
.vip-section{padding-top:10px!important;padding-bottom:14px!important;}
.vip-section-head{margin-bottom:12px!important;align-items:center!important;}
.vip-section-head h2{font-size:1.18rem!important;letter-spacing:-.015em;}
.vip-section-head p{font-size:.78rem!important;}
.vip-section .vip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.vip-tier-card{
  --vip-accent:#d58b63;
  --vip-glow:213,139,99;
  position:relative;
  min-height:184px;
  padding:14px 16px 13px;
  border:1px solid color-mix(in srgb,var(--vip-accent) 62%,#1f4164 38%);
  border-radius:11px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(var(--vip-glow),.16),rgba(8,19,34,.96) 48%,rgba(5,16,30,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 25px rgba(0,0,0,.12);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.vip-tier-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--vip-accent),transparent);opacity:.85;}
.vip-tier-card::after{content:"";position:absolute;right:-35px;top:-38px;width:120px;height:120px;border-radius:50%;background:rgba(var(--vip-glow),.16);filter:blur(24px);pointer-events:none;}
.vip-tier-card:hover{transform:translateY(-4px);border-color:var(--vip-accent);box-shadow:0 14px 32px rgba(0,0,0,.22),0 0 22px rgba(var(--vip-glow),.12);}
.vip-tier-card--bronze{--vip-accent:#e59a72;--vip-glow:229,154,114;}
.vip-tier-card--silver{--vip-accent:#d9e6ff;--vip-glow:156,186,255;}
.vip-tier-card--gold{--vip-accent:#ffc64d;--vip-glow:255,182,45;}
.vip-tier-card--diamond{--vip-accent:#59a9ff;--vip-glow:67,146,255;}
.vip-tier-top{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-height:72px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);}
.vip-tier-crown{width:74px;height:74px;object-fit:contain;flex:0 0 74px;filter:drop-shadow(0 7px 12px rgba(0,0,0,.32));animation:vipCrownFloat 4.6s ease-in-out infinite;}
.vip-tier-card:nth-child(2) .vip-tier-crown{animation-delay:.55s}.vip-tier-card:nth-child(3) .vip-tier-crown{animation-delay:1.1s}.vip-tier-card:nth-child(4) .vip-tier-crown{animation-delay:1.65s}
.vip-tier-title{min-width:0;}
.vip-tier-title h3{margin:0;color:var(--vip-accent);font-size:1.12rem;font-weight:900;line-height:1.05;letter-spacing:.01em;text-shadow:0 0 14px rgba(var(--vip-glow),.16);}
.vip-tier-title p{margin:5px 0 0;color:#f1f5fb;font-size:.76rem;font-weight:600;line-height:1.2;}
.vip-tier-card ul{position:relative;z-index:2;list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;}
.vip-tier-card li{display:flex;align-items:center;gap:9px;color:#eef4fb;font-size:.74rem;line-height:1.25;}
.vip-tier-card li i{width:17px;color:var(--vip-accent);font-size:.68rem;filter:drop-shadow(0 0 5px rgba(var(--vip-glow),.30));}
@keyframes vipCrownFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}

@media (max-width:1199.98px){
  .lucky-wheel-shell{grid-template-columns:30% 40% 30%;min-height:310px;}
  .lucky-wheel-copy{padding-left:24px}.lucky-wheel-copy h2{font-size:2.1rem}.lucky-wheel-copy p{font-size:.82rem;max-width:290px}
  .lucky-wheel-rewards{margin-right:5%;padding:14px}.lucky-reward-list b{font-size:.70rem}.lucky-reward-list>div{min-height:35px;padding:6px 8px}
  .vip-section .vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:767.98px){
  .lucky-wheel-section{padding-top:8px!important;padding-bottom:8px!important;}
  .lucky-wheel-shell{display:block;min-height:0;padding:285px 14px 14px;background-size:auto 285px;background-position:50% 0;background-repeat:no-repeat;background-color:#070a1b;border-radius:12px;}
  .lucky-wheel-shell::before{background:linear-gradient(180deg,transparent 0 250px,rgba(7,10,27,.52) 272px,#070a1b 325px);}
  .lucky-wheel-shell::after{display:none;}
  .lucky-wheel-copy{text-align:center;padding:0;}
  .lucky-wheel-copy h2{font-size:clamp(1.85rem,9vw,2.35rem);line-height:1.02;}
  .lucky-wheel-copy p{max-width:390px;margin:8px auto 0;font-size:.82rem;}
  .lucky-wheel-rewards{margin:13px 0 0;padding:12px;background:linear-gradient(180deg,rgba(17,16,52,.94),rgba(9,13,35,.96));border:1px solid rgba(205,78,234,.24);backdrop-filter:none;}
  .lucky-wheel-rewards h3{font-size:.98rem;margin-bottom:8px;}
  .lucky-reward-list{grid-template-columns:1fr 1fr;gap:6px;}
  .lucky-reward-list>div{min-height:42px;padding:7px 8px}.lucky-reward-list b{font-size:.67rem;}
  .vip-section .vip-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .vip-tier-card{min-height:170px;padding:12px;}
  .vip-tier-crown{width:62px;height:62px;flex-basis:62px}.vip-tier-top{min-height:64px;gap:8px}.vip-tier-title h3{font-size:1rem}.vip-tier-title p{font-size:.69rem}.vip-tier-card li{font-size:.68rem;gap:7px}
}
@media (max-width:575.98px){
  .lucky-wheel-shell{padding-top:255px;background-size:auto 255px;}
  .lucky-wheel-shell::before{background:linear-gradient(180deg,transparent 0 222px,rgba(7,10,27,.55) 244px,#070a1b 300px);}
  .lucky-reward-list{grid-template-columns:1fr;}
  .vip-section .vip-grid{grid-template-columns:1fr!important;}
  .vip-tier-card{min-height:0;}
  .vip-tier-crown{width:70px;height:70px;flex-basis:70px}.vip-tier-title h3{font-size:1.12rem}.vip-tier-title p{font-size:.74rem}.vip-tier-card li{font-size:.72rem;}
}
@media (prefers-reduced-motion:reduce){
  .lucky-wheel-shell::after,.vip-tier-crown{animation:none!important;}
}