:root{
  --bg:#0b1640; --bg2:#1e3a8a; --card:#13235c; --line:#2b3f86;
  --text:#eef2ff; --muted:#aab6e8; --accent:#facc15; --accent2:#22d3ee; --good:#4ade80; --bad:#f87171;
  --radius:16px; --max:1160px;
  --section-padding:80px; --content-padding:clamp(20px,3vw,32px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--content-padding)}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:#000;padding:8px 12px;z-index:100}
.skip:focus{left:8px;top:8px}
section{padding:var(--section-padding) 0}
/* Preserve vertical spacing when a section is also its own content container. */
section.container{padding:var(--section-padding) var(--content-padding)}
.eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(250,204,21,.4);border-radius:999px;padding:4px 12px;margin-bottom:12px}
h1,h2,h3{line-height:1.2}
h2{font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:12px}
.sec-head{text-align:center;max-width:680px;margin:0 auto 48px}
.sec-head p{color:var(--muted)}
.btn{display:inline-block;font-weight:600;padding:12px 26px;border-radius:999px;transition:transform .15s,box-shadow .15s;border:0;cursor:pointer;font:inherit}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--accent);color:#1a1a1a;box-shadow:0 8px 24px rgba(250,204,21,.3)}
.btn-ghost{border:2px solid var(--accent2);color:var(--accent2)}
.grid{display:grid;gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}

/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(11,22,64,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-weight:800;font-size:1.4rem}
.logo span{color:var(--accent)}
.logo img{height:36px;width:auto}
.nav ul{display:flex;gap:24px;list-style:none;font-size:.92rem}
.nav ul a:hover{color:var(--accent)}
.nav-cta{display:flex;gap:10px}
.nav-cta .btn{padding:8px 18px;font-size:.88rem}
.menu-btn{display:none;background:none;border:0;color:var(--text);font-size:1.6rem;cursor:pointer}

/* Hero */
.hero{background:radial-gradient(circle at 80% 20%,#3b5bdb 0,transparent 50%),linear-gradient(160deg,var(--bg2),var(--bg));padding:90px 0}
.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:18px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{color:var(--muted);font-size:1.08rem;margin-bottom:28px;max-width:540px}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px}
.hero-art{background:linear-gradient(145deg,#1d4ed8,#0e7490);border-radius:24px;aspect-ratio:1/1;display:grid;place-items:center;box-shadow:0 30px 60px rgba(0,0,0,.4);position:relative;overflow:hidden}
.hero-art img{width:100%;height:100%;object-fit:cover}
.hero-art .ball{font-size:9rem;animation:float 4s ease-in-out infinite}
.hero-art .tag{position:absolute;background:rgba(0,0,0,.45);border-radius:12px;padding:8px 14px;font-size:.85rem}
.tag.t1{top:20px;left:20px}.tag.t2{bottom:24px;right:20px}
@keyframes float{50%{transform:translateY(-14px) rotate(8deg)}}

/* Stats */
.stats{padding:40px 0;border-bottom:1px solid var(--line)}
.stats .grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));text-align:center}
.stat b{display:block;font-size:2rem;color:var(--accent)}
.stat span{font-size:.85rem;color:var(--muted)}
.builder-counters{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));text-align:center}
@media(max-width:900px){.builder-counters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.builder-counters{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Promo */
.promo{background:linear-gradient(90deg,#7c3aed,#db2777);border-radius:24px;padding:40px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.promo h3{font-size:1.8rem}

/* About */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.two-col p{color:var(--muted);margin-bottom:16px}
.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.pill-list li{list-style:none;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.85rem}

/* Features */
.features .grid{grid-template-columns:repeat(4,1fr)}
.feature .ico{font-size:2rem;margin-bottom:12px}
.feature h3{font-size:1.05rem;margin-bottom:8px}
.feature p{color:var(--muted);font-size:.9rem}

/* Countdown */
.countdown{background:linear-gradient(160deg,var(--bg2),#0b1640);text-align:center}
.timer{display:flex;justify-content:center;gap:14px;margin:28px 0}
.timer div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:84px}
.timer b{display:block;font-size:2.2rem;color:var(--accent)}
.timer small{color:var(--muted);font-size:.75rem;letter-spacing:.1em}

/* Steps */
.steps .grid{grid-template-columns:repeat(4,1fr);counter-reset:s}
.step{position:relative;padding-top:48px}
.step::before{counter-increment:s;content:counter(s);position:absolute;top:-18px;left:24px;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#000;font-weight:800;display:grid;place-items:center;font-size:1.3rem}
.step p{color:var(--muted);font-size:.9rem}

/* Comparison */
.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;min-width:520px}
th,td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line)}
thead th{background:var(--card)}
th.us,td.us{background:rgba(250,204,21,.08)}
.yes{color:var(--good);font-weight:600}.no{color:var(--bad)}

/* Plans */
.plans .grid{grid-template-columns:repeat(3,1fr);align-items:stretch}
.plan{display:flex;flex-direction:column}
.plan.featured{border:2px solid var(--accent);transform:scale(1.03)}
.plan .badge{align-self:flex-start;background:var(--accent);color:#000;font-size:.75rem;font-weight:700;border-radius:999px;padding:2px 10px;margin-bottom:8px}
.plan .price{font-size:2.4rem;font-weight:800;margin:8px 0}
.plan .price small{font-size:.9rem;color:var(--muted);font-weight:400}
.plan ul{list-style:none;margin:16px 0 24px;flex:1}
.plan li{padding:6px 0;border-bottom:1px dashed var(--line);font-size:.92rem}
.plan li::before{content:"✓ ";color:var(--good)}
.plan li.off{color:var(--muted);text-decoration:line-through}
.plan li.off::before{content:"✕ ";color:var(--bad)}

/* Wheel */
.wheel-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}
.wheel-box{position:relative;width:min(320px,80vw);aspect-ratio:1}
.wheel{width:100%;height:100%;border-radius:50%;border:8px solid var(--accent);transition:transform 4s cubic-bezier(.17,.67,.12,.99);
  }
.pointer{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:2rem;color:var(--accent);z-index:2}
#spinResult{min-height:1.6em;font-weight:600;color:var(--accent)}

/* Testimonials */
.testi .grid{grid-template-columns:repeat(3,1fr)}
.testi blockquote{color:var(--muted);font-style:italic;margin-bottom:16px}
.testi cite{font-style:normal;font-weight:600}
.testi cite small{display:block;color:var(--muted);font-weight:400}
.stars{color:var(--accent);margin-bottom:8px}
.note{text-align:center;color:var(--muted);font-size:.8rem;margin-top:16px}

/* FAQ */
.faq{max-width:820px;margin:0 auto}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:18px 22px}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}
summary::after{content:"+";color:var(--accent);font-size:1.3rem}
details[open] summary::after{content:"–"}
details p{color:var(--muted);margin-top:10px}

/* CTA + footer */
.cta{text-align:center;background:linear-gradient(120deg,var(--bg2),#0e7490);border-radius:24px;padding:56px 24px}
.cta p{color:var(--muted);margin:10px 0 24px}
footer{border-top:1px solid var(--line);padding:56px 0 24px;font-size:.9rem}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
footer h4{color:var(--accent);font-size:.8rem;letter-spacing:.1em;margin-bottom:12px}
footer ul{list-style:none}
footer li{margin-bottom:6px}
footer a:hover{color:var(--accent)}
footer p{color:var(--muted)}
.copy{border-top:1px solid var(--line);padding-top:20px;text-align:center;color:var(--muted);font-size:.8rem}

/* Reveal animation */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Responsive */
@media (max-width:960px){
  .features .grid,.steps .grid{grid-template-columns:repeat(2,1fr)}
  .stats .grid{grid-template-columns:repeat(3,1fr)}
  .testi .grid,.plans .grid{grid-template-columns:1fr}
  .plan.featured{transform:none}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .nav ul,.nav-cta{display:none}
  .menu-btn{display:block}
  .nav.open ul{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--bg);padding:20px 16px;border-bottom:1px solid var(--line)}
  .hero .container,.two-col{grid-template-columns:1fr}
  .hero-art{max-width:360px;margin:0 auto;width:100%}
}
@media (max-width:520px){
  :root{--section-padding:56px}
  section{padding:var(--section-padding) 0}
  .features .grid,.steps .grid{grid-template-columns:1fr}
  .stats .grid{grid-template-columns:repeat(2,1fr)}
  .timer{gap:8px}.timer div{min-width:0;flex:1;padding:12px 4px}.timer b{font-size:1.6rem}
  .promo{padding:28px}
  .foot-grid{grid-template-columns:1fr}
}

/* Popular Games landing page */
.games-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.games-hero h1{font-size:clamp(2.2rem,4.8vw,4rem);letter-spacing:-.035em}
.games-intro{color:var(--muted);margin:24px 0;max-width:620px;font-size:1.05rem}
.games-actions{display:flex;gap:12px;flex-wrap:wrap}
.games-art{background:linear-gradient(135deg,#2346b0,#18234d);border:1px solid #6885df66;border-radius:24px;padding:32px;box-shadow:0 24px 80px #03091c66;overflow:hidden}
.games-art img{width:100%;height:auto;border-radius:12px}
.games-art-label{font-size:.7rem;letter-spacing:.22em;color:var(--accent2)}
.games-art-icons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.games-art-icons span{display:grid;place-items:center;font-size:3rem;padding:16px;background:#ffffff0b;border:1px solid #ffffff18;border-radius:16px}
.games-art p{color:var(--muted);font-size:.85rem}
.game-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.game-filter{font:inherit;font-size:.85rem;background:var(--card);color:var(--muted);border:1px solid var(--line);padding:10px 18px;border-radius:999px;cursor:pointer}
.game-filter.active{background:var(--accent);border-color:var(--accent);color:#17203b;font-weight:600}
.game-filter:focus-visible,.game-link:focus-visible{outline:3px solid var(--accent2);outline-offset:4px}
.games-count{color:var(--muted);font-size:.8rem;margin:24px 0 16px}
.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.game-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card)}
.game-card[hidden]{display:none}
.game-cover{height:190px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at top,#5158a8,transparent),#1d265b}
.game-cover-1{background:radial-gradient(ellipse at top,#9c4a83,transparent),#35204b}
.game-cover-2{background:radial-gradient(ellipse at top,#337f89,transparent),#153244}
.game-cover-3{background:radial-gradient(ellipse at top,#9b6e37,transparent),#3b2e23}
.game-cover>span:not(.game-badge){font-size:4.5rem}
.game-cover img{height:100%;width:100%;object-fit:cover}
.game-badge{position:absolute;right:12px;top:12px;background:#0b1640dd;border:1px solid #ffffff33;color:var(--accent);padding:4px 10px;border-radius:999px;font-size:.7rem}
.game-copy{padding:22px}.game-category{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent2);margin-bottom:8px}
.game-copy h3{font-size:1.2rem;margin-bottom:10px}.game-copy>p:not(.game-category){font-size:.86rem;color:var(--muted)}
.game-link{display:inline-flex;gap:12px;color:var(--accent);margin-top:20px;font-size:.85rem;font-weight:600}
.games-about{background:#ffffff04;border-block:1px solid var(--line)}
.games-reading{max-width:860px}.games-reading>p{margin-top:18px;color:var(--muted)}
.game-providers{display:flex;list-style:none;flex-wrap:wrap;justify-content:center;gap:14px}.game-providers li{border:1px solid var(--line);padding:16px 24px;border-radius:12px;background:var(--card)}
.games-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.games-guide-grid h3{font-size:1.25rem;margin-bottom:12px}.games-guide-grid p{color:var(--muted);font-size:.9rem}
.games-faq{border-bottom:1px solid var(--line);padding:20px 24px}.games-faq summary{cursor:pointer;font-weight:600}.games-faq p{color:var(--muted);padding-top:14px}
.games-notice{font-size:.8rem;border-left:3px solid var(--accent);padding:14px 20px;background:var(--card)}
.games-final{text-align:center}.games-final>p{margin:16px auto 26px;color:var(--muted);max-width:600px}.games-empty{text-align:center;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.games-hero-grid{grid-template-columns:1fr}.games-art{max-width:560px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.games-guide-grid{grid-template-columns:1fr}}
@media(max-width:560px){.games-grid{grid-template-columns:1fr}.games-hero{padding:56px 0}.game-filters{justify-content:flex-start}.games-art{padding:22px}.games-hero-grid{gap:32px}}

/* Welcome Bonus landing page */
.bonus-hero h1{font-size:clamp(2.2rem,4.8vw,4rem);letter-spacing:-.035em}
.bonus-intro{color:var(--muted);margin:24px 0;font-size:1.05rem}
.bonus-welcome-card{padding:32px;text-align:center;border:1px solid #ffffff30;border-radius:24px;background:radial-gradient(ellipse at top,#6652bb55,transparent),linear-gradient(145deg,#243f8d,#13214c);box-shadow:0 24px 70px #03091c55}
.bonus-welcome-card img{width:100%;height:auto;border-radius:14px;margin-bottom:20px}
.bonus-gift{display:block;font-size:5rem;line-height:1.3;margin-bottom:16px}
.bonus-card-label{font-size:.75rem;letter-spacing:.16em;color:var(--accent)}
.bonus-value{font-weight:800;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin:14px 0}
.bonus-welcome-card>p:last-of-type{color:var(--muted);font-size:.9rem}
.bonus-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid #ffffff22}
.bonus-highlights dt{font-size:.7rem;color:var(--muted)}.bonus-highlights dd{font-size:.85rem;font-weight:600;margin-top:6px}
.bonus-notice{padding:16px 22px;margin-bottom:28px;border-left:3px solid var(--accent);background:var(--card);color:var(--muted);font-size:.85rem}
.bonus-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bonus-offer{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:28px;gap:14px}
.bonus-offer-icon{font-size:2.6rem}.bonus-offer-badge{font-size:.7rem;color:var(--accent2);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.bonus-offer h3{font-size:1.3rem}.bonus-offer>p{color:var(--muted);font-size:.9rem}.bonus-offer .bonus-benefit{color:var(--accent);font-weight:600;font-size:1.05rem}.bonus-offer .game-link{margin-top:auto;padding-top:10px}
.bonus-offer-image{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:12px}
.bonus-comparison{background:#ffffff04;border-block:1px solid var(--line)}
.bonus-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}.bonus-table-wrap table{width:100%;min-width:760px;margin:0}.bonus-table-wrap th{color:var(--accent)}
.bonus-table-note{color:var(--muted);font-size:.85rem;margin-top:20px}
.bonus-methods{display:flex;flex-wrap:wrap;list-style:none;gap:12px;margin-top:24px}.bonus-methods li{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:12px 18px}
.bonus-terms{padding-left:24px;color:var(--muted)}.bonus-terms li{padding-left:8px;margin-bottom:16px}
#how-to-claim .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:960px){.bonus-offer-grid{grid-template-columns:1fr}.bonus-welcome-card{padding:26px}}
@media(max-width:520px){.bonus-highlights{grid-template-columns:1fr;text-align:left}.bonus-highlights>div{display:flex;align-items:center;justify-content:space-between}.bonus-highlights dd{margin:0}.bonus-offer{padding:24px}#how-to-claim .grid{grid-template-columns:1fr}}

/* Welcome Bonus promotional layout */
.bonus-breadcrumb{background:#102557;border-bottom:1px solid #ffffff18;font-size:.8rem;color:var(--muted)}.bonus-breadcrumb .container{display:flex;gap:14px;padding-block:15px}.bonus-breadcrumb a{color:var(--accent)}
.bonus-hero{background:radial-gradient(ellipse at 15% 40%,#597cf388,transparent 55%),linear-gradient(125deg,#2459db,#284dc0 55%,#183c9d)}
.bonus-hero .bonus-hero-grid{grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.bonus-hero h1{font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:1.13}.bonus-hero .bonus-intro{color:#d4defb;line-height:1.85}
.bonus-welcome-card{position:relative;padding:24px;background:linear-gradient(150deg,#173a8aee,#112453f2);border:1px solid #facc1577;box-shadow:0 24px 70px #07133766,0 0 50px #facc1512;transform:rotate(1deg)}
.bonus-hero .bonus-welcome-card p{margin-bottom:0}
.bonus-welcome-card .bonus-gift{font-size:2.5rem;line-height:1.1;margin-bottom:8px}.bonus-welcome-card .bonus-card-label{color:var(--accent);font-size:.75rem;letter-spacing:.18em}
.bonus-hero .bonus-welcome-card .bonus-value{font-size:clamp(3rem,5.5vw,4.5rem);line-height:1;color:var(--accent);margin:12px 0;text-shadow:0 5px 24px #facc1533;letter-spacing:-.05em}
.bonus-sample{display:inline-block;font-size:.62rem;letter-spacing:.08em;color:#e8ddad;padding:4px 9px;border:1px solid #facc1544;border-radius:999px;margin-bottom:12px}
.bonus-welcome-card .bonus-highlights{margin-top:16px;padding-top:14px}
.bonus-highlights dd{font-size:1.2rem;color:var(--accent)}.bonus-highlights dt{font-size:.72rem}
.bonus-deadline{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff22}.bonus-deadline>p{font-size:.75rem;color:var(--muted)}
.bonus-timer{gap:8px;justify-content:center;margin:14px 0}.bonus-timer div{min-width:0;flex:1;padding:8px}.bonus-timer b{font-size:1.5rem}.bonus-timer small{font-size:.6rem}
.bonus-timer-static{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.bonus-timer-static span{padding:6px;background:#ffffff08;border:1px solid #ffffff18;border-radius:10px;font-size:1.1rem;font-weight:600}.bonus-timer-static small{display:block;font-size:.6rem;font-weight:400;color:var(--muted)}
.bonus-deadline .bonus-deadline-note{font-size:.65rem;margin:8px 0 0}
.bonus-promo-image{padding-top:48px}.bonus-promo-image img{width:100%;height:auto;max-height:420px;object-fit:cover;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 50px #050b2033}
.bonus-offer{background:linear-gradient(145deg,#1a306e,#122357);border-radius:18px;transition:border-color .2s,transform .2s}.bonus-offer:hover{border-color:#facc1577;transform:translateY(-4px)}.bonus-offer:first-child{border-color:#facc1588;box-shadow:0 0 32px #facc150b}
.bonus-offer-icon{font-size:3rem}.bonus-offer-badge{position:absolute;right:18px;top:22px;background:#ffffff08}.bonus-offer .bonus-benefit{font-size:1.35rem;line-height:1.3}.bonus-offer .game-link{border-top:1px solid var(--line);width:100%;padding-top:18px}
.bonus-editorial{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.bonus-editorial p{color:var(--muted);margin:20px 0}.bonus-editorial h3{font-size:1.3rem;margin-top:30px}.bonus-editorial img{width:100%;height:400px;object-fit:cover;border-radius:20px;border:1px solid var(--line)}
.bonus-table-wrap thead{background:#244baf}.bonus-table-wrap thead th{color:var(--text);white-space:nowrap;padding:20px}.bonus-table-wrap tbody tr:nth-child(even){background:#ffffff04}.bonus-table-wrap tbody td{font-size:.85rem}.bonus-table-eligibility{display:block;font-size:.65rem;color:var(--muted);font-weight:400;margin-top:6px}
.bonus-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bonus-methods li{text-align:center;font-weight:600;color:var(--text);padding:22px 12px;background:linear-gradient(145deg,#1d3472,#122357);box-shadow:0 6px 18px #060f291c}.bonus-methods li::before{content:'↗';display:block;color:var(--accent2);font-size:1.5rem;margin-bottom:8px}
.bonus-final{background:radial-gradient(ellipse at center,#3464d4,transparent),linear-gradient(120deg,#183576,#11224c)}.bonus-final-inner{text-align:center;max-width:850px;margin:auto}.bonus-final h2{font-size:clamp(2rem,4vw,3.4rem)}.bonus-final p{color:var(--muted);margin:24px 0}.bonus-final .games-actions{justify-content:center}.bonus-final small{display:block;margin-top:28px;color:var(--muted)}
#bonus-terms,#bonus-offers{scroll-margin-top:90px}
@media(max-width:960px){.bonus-hero .bonus-hero-grid{grid-template-columns:1fr;gap:36px}.bonus-welcome-card{transform:none;max-width:560px;width:100%;margin:auto}.bonus-editorial{grid-template-columns:1fr}.bonus-editorial img{height:auto}.bonus-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.bonus-offer-grid{grid-template-columns:1fr}.bonus-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-hero h1{font-size:2.5rem}.bonus-promo-image{padding-top:28px}.bonus-highlights{grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.bonus-highlights>div{display:block}.bonus-highlights dd{font-size:1.1rem;margin-top:6px}.bonus-highlights dt{font-size:.6rem}}

/* Sports Betting information page */
.sports-hero{background:radial-gradient(ellipse at 20% 35%,#517ee577,transparent 55%),linear-gradient(125deg,#2357ca,#173a83)}
.sports-hero .sports-hero-grid{grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.sports-hero h1{font-size:clamp(2.5rem,4.4vw,4.2rem);line-height:1.13;letter-spacing:-.04em}.sports-hero p{line-height:1.85;color:#d0dcf8;margin-top:24px}
.sports-scoreboard{border:1px solid #ffffff30;border-radius:20px;overflow:hidden;background:#0c1b42;box-shadow:0 24px 65px #040c294d}
.sports-scoreboard-head{display:flex;align-items:center;gap:10px;letter-spacing:.12em;font-size:.72rem;font-weight:600;padding:18px 22px;background:#ffffff08;border-bottom:1px solid #ffffff18}.sports-scoreboard-head>span:last-child{margin-left:auto}.sports-signal{height:8px;width:8px;background:var(--accent2);border-radius:50%}
.sports-match{padding:18px 22px;border-bottom:1px solid #ffffff12}.sports-match-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.65rem}.sports-match-meta>span:last-child{color:var(--accent2)}
.sports-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:16px 0}.sports-teams strong{font-size:.85rem}.sports-teams strong:last-child{text-align:right}.sports-teams>b{font-size:1.3rem;color:var(--accent)}
.sports-prices{display:flex;gap:8px}.sports-prices>div{flex:1;background:#1d326a;border:1px solid #395191;border-radius:8px;padding:7px 10px;display:flex;justify-content:space-between;gap:8px;font-size:.72rem}.sports-prices dt{color:var(--muted)}.sports-prices dd{font-weight:600;color:var(--accent)}
.sports-hero .sports-preview-note{padding:12px 20px;font-size:.65rem;line-height:1.6;color:var(--muted);margin:0}
.sports-summary{background:var(--card);border-bottom:1px solid var(--line)}.sports-summary dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:28px;gap:20px;text-align:center}.sports-summary dl>div{display:flex;flex-direction:column-reverse;gap:6px}.sports-summary dt{font-size:.75rem;color:var(--muted)}.sports-summary dd{font-size:1.6rem;font-weight:800;color:var(--accent)}
.sports-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sports-category{padding:0;overflow:hidden}.sports-category-art{height:145px;display:grid;place-items:center;font-size:4rem;background:radial-gradient(ellipse at center,#3e6ea6,transparent),linear-gradient(135deg,#173f64,#173259)}.sports-category:nth-child(2n) .sports-category-art{background:radial-gradient(ellipse at center,#6e529a,transparent),#252857}.sports-category>img{width:100%;height:145px;object-fit:cover}.sports-category-copy{padding:24px}.sports-category-badge{font-size:.65rem;color:var(--accent2);text-transform:uppercase;letter-spacing:.07em}.sports-category h3{font-size:1.3rem;margin:10px 0 14px}.sports-category p{color:var(--muted);font-size:.85rem}.sports-category ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.sports-category li{font-size:.6rem;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
#sports-markets{background:#ffffff03}#sports-categories,#sports-markets,#sports-responsibility{scroll-margin-top:90px}.sports-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sports-market>span{font-size:2rem;display:block;margin-bottom:18px}.sports-market h3{font-size:1.05rem;margin-bottom:12px}.sports-market p{font-size:.8rem;color:var(--muted)}
@media(max-width:960px){.sports-hero .sports-hero-grid{grid-template-columns:1fr}.sports-scoreboard{width:100%;max-width:600px}.sports-category-grid,.sports-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sports-category-grid,.sports-market-grid{grid-template-columns:1fr}.sports-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.sports-match{padding:16px}.sports-prices>div{padding:7px;font-size:.65rem}.sports-hero h1{font-size:2.45rem}}

/* Shared floating account links */
.has-floating-actions{padding-bottom:104px}
.floating-actions{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:80;display:flex;align-items:center;justify-content:center;gap:12px;max-width:calc(100% - 32px)}
.floating-action{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:62px;padding:16px 25px;border-radius:999px;font-size:1rem;font-weight:800;line-height:1.2;white-space:nowrap;transition:transform .18s,filter .18s;border:2px solid #ffffff66;box-shadow:inset 0 2px 3px #ffffff88,inset 0 -3px 6px #00000022,0 8px 28px #00000033}
.floating-action::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 12%,#ffffff44 35%,transparent 58%);transform:translateX(-130%);animation:floating-shine 5s ease-in-out infinite;pointer-events:none}
.floating-register{background:linear-gradient(120deg,#35efbb,#00c3ec);color:#073e43;border-color:#a6fff2;box-shadow:inset 0 2px 3px #ffffffaa,inset 0 -3px 6px #00000018,0 0 24px #17e3c955,0 7px 22px #00000033}
.floating-login{background:linear-gradient(135deg,#714dff,#bd35dc);color:#fff;border-color:#b99aff;box-shadow:inset 0 2px 3px #ffffff88,inset 0 -3px 6px #00000022,0 0 24px #9b42ff44,0 7px 22px #00000033}
.floating-action:hover{transform:translateY(-3px);filter:brightness(1.08)}.floating-action:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes floating-shine{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
@media(max-width:560px){.has-floating-actions{padding-bottom:90px}.floating-actions{bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:10px;max-width:calc(100% - 24px)}.floating-action{min-height:54px;padding:14px 22px;font-size:.9rem}}

/* Public language navigation */
.language-switcher{position:relative;padding:0;margin:0;border:0;border-radius:0;background:none;flex-shrink:0;font-size:.75rem}.language-switcher>summary{display:flex;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;font-weight:500}.language-switcher>summary::after{content:'⌄';font-size:.8rem;color:var(--muted)}
.language-options{position:absolute;top:calc(100% + 8px);right:0;min-width:170px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:7px;box-shadow:0 14px 35px #00000044;z-index:90}.language-options a{display:block;padding:10px;border-radius:7px}.language-options a:hover,.language-options a[aria-current]{background:var(--card);color:var(--accent)}
html[lang^='zh'] body{font-family:'Microsoft YaHei','PingFang SC','Noto Sans SC',system-ui,sans-serif}.nav{gap:16px}.nav ul{gap:16px}
@media(max-width:1400px){.nav ul,.nav-cta{display:none}.menu-btn{display:block}.nav.open>ul{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--bg);padding:20px;border-bottom:1px solid var(--line)}.language-switcher{margin-left:auto}.language-options{right:0}}

/* Shared header: one aligned row with consistent link and control sizing. */
.nav.container{max-width:1680px;height:80px;gap:24px}
.nav>.logo,.nav>.nav-cta{flex-shrink:0}
.nav>ul{flex:1;align-items:center;justify-content:center;gap:clamp(12px,1.3vw,24px)}
.nav>ul>li{display:flex;align-items:center;max-width:none}
.nav>ul>li>a{display:flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;font-size:.88rem;font-weight:500;line-height:1.3}
.nav>.nav-cta{align-items:center;gap:12px}
.nav>.nav-cta .btn{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:90px;padding:0 20px;white-space:nowrap;font-size:.88rem;line-height:1.3}
.nav .language-switcher>summary{height:44px;padding:0 12px;line-height:1.3;cursor:pointer}
.nav>ul>li>a:focus-visible,.menu-btn:focus-visible{outline:2px solid var(--accent2);outline-offset:4px;border-radius:6px}
@media(max-width:1400px){
  .nav.container{height:68px;gap:16px}
  .nav.open>ul{top:68px;max-height:calc(100dvh - 68px);overflow-y:auto;align-items:stretch;gap:4px}
  .nav.open>ul>li{display:block;max-width:none}
  .nav.open>ul>li>a{justify-content:flex-start;padding:10px 12px;white-space:normal}
}

/* Simple rounded menu highlight for hover and the current page. */
.nav>ul>li>a{position:relative;isolation:isolate;cursor:pointer;transition:color .15s ease}
.nav>ul>li>a::before{content:'';position:absolute;inset:0 -8px;z-index:-1;border-radius:10px;background:transparent;transition:background .15s ease}
.nav>ul>li>a:hover,.nav>ul>li>a:focus-visible,.nav>ul>li>a[aria-current="page"]{color:var(--text)}
.nav>ul>li>a:hover::before,.nav>ul>li>a:focus-visible::before,.nav>ul>li>a[aria-current="page"]::before{background:rgba(255,255,255,.08)}
.nav>ul>li>a[aria-current="page"]{font-weight:600}
@media(max-width:1400px){.nav>ul>li>a::before{inset:0}}

.builder-faq details{padding:22px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px}.builder-faq summary{cursor:pointer;font-weight:600}.builder-faq details p{margin-top:14px;color:var(--muted)}.builder-faq details[open]{border-color:var(--accent2)}

.content-blocks{display:grid;gap:32px}.content-block-text{max-width:850px;margin-inline:auto;width:100%}.content-block-text p+p{margin-top:16px}.content-block-image img{width:100%;max-height:580px;object-fit:contain;border-radius:var(--radius)}.content-block-button{text-align:center}.flexible-section .games-guide-grid p{margin-top:12px;color:var(--muted)}

/* CMS previews show saved content immediately, without scroll-reveal delays. */
.cms-preview .reveal{opacity:1;transform:none;transition:none}.cms-preview .flexible-section,.cms-preview section[id^="custom_"]{scroll-margin-top:90px}

/* Custom homepage section layout settings. Columns stack in their reading order on phones. */
.flexible-section{--block-gap:32px}.flexible-section.layout-gap-small{--block-gap:16px}.flexible-section.layout-gap-large{--block-gap:48px}.flexible-section.layout-pad-small{padding-block:40px}.flexible-section.layout-pad-large{padding-block:120px}.flexible-section.layout-width-narrow>.container{max-width:850px}.flexible-section.layout-width-wide>.container{max-width:1560px}.flexible-section .content-blocks,.section-columns,.section-column{gap:var(--block-gap)}.section-columns{display:grid;grid-template-columns:minmax(0,1fr)}.section-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.section-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section-column{display:flex;flex-direction:column;min-width:0}.section-valign-center{align-items:center}.section-valign-end{align-items:end}.flexible-section.layout-align-left>.container>.sec-head{text-align:left;margin-left:0}.flexible-section.layout-align-right>.container>.sec-head{text-align:right;margin-right:0}.content-block{min-width:0;width:100%}.content-block.block-width-narrow{max-width:560px;margin-inline:auto}.content-block.block-font-small{font-size:.85rem}.content-block.block-font-large{font-size:1.2rem}.content-block.block-pad-small{padding:12px}.content-block.block-pad-normal{padding:24px}.content-block.block-pad-large{padding:40px}.content-block.block-radius-none{border-radius:0}.content-block.block-radius-normal{border-radius:16px}.content-block.block-radius-round{border-radius:28px}.content-block-heading h2,.content-block-heading h3,.content-block-heading h4{margin:0}.content-blocks .content-block-text{margin-inline:0}.content-block-button .btn{font-size:inherit}.flexible-section .games-guide-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}@media(max-width:700px){.section-columns-2,.section-columns-3{grid-template-columns:minmax(0,1fr)}.flexible-section.layout-pad-large{padding-block:72px}}

.content-block.block-width-narrow.block-align-left{margin-left:0;margin-right:auto}.content-block.block-width-narrow.block-align-right{margin-left:auto;margin-right:0}.content-block-heading.block-font-small h2{font-size:1.6rem}.content-block-heading.block-font-large h2{font-size:clamp(2rem,4vw,3.4rem)}.content-block-heading.block-font-small h3{font-size:1.1rem}.content-block-heading.block-font-large h3{font-size:1.8rem}.content-block-heading.block-font-small h4{font-size:1rem}.content-block-heading.block-font-large h4{font-size:1.4rem}

/* Translated labels share the available menu width without displacing account buttons. */
.nav.container{width:100%;min-width:0}.nav>ul{min-width:0}.nav>ul>li{min-width:0}.nav>ul>li>a{text-align:center;white-space:normal;overflow-wrap:anywhere;max-width:100%;padding:6px 2px}.nav>.logo{white-space:nowrap}.nav>.language-switcher{flex-shrink:0}.nav>.nav-cta{flex-shrink:0}
@media(min-width:1401px){.nav>ul{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}.nav>ul>li{justify-content:center}}
@media(max-width:1400px){.nav.open>ul>li>a{text-align:left;max-width:none}}

/* The homepage hero is composed from the same editable content blocks. */
.flexible-section.layout-variant-hero{background-image:radial-gradient(circle at 80% 20%,#3b5bdb 0,transparent 50%),linear-gradient(160deg,var(--bg2),var(--bg))}.layout-variant-hero.layout-pad-normal{padding-block:90px}.layout-variant-hero .section-columns-2{grid-template-columns:1.1fr .9fr;column-gap:calc(var(--block-gap) + 24px)}.layout-variant-hero.layout-gap-small .section-column{gap:18px}.content-block-heading h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.2;margin:0}.content-block-heading h1 em{font-style:normal;color:var(--accent)}.content-block-badge .eyebrow{margin-bottom:0}.layout-variant-hero .content-block-text{font-size:1.08rem;color:var(--muted);max-width:540px}.layout-variant-hero .content-block-buttons{margin-top:10px}.content-block-buttons.block-align-center .hero-btns{justify-content:center}.content-block-buttons.block-align-right .hero-btns{justify-content:flex-end}.content-block-hero_visual .hero-art{width:100%}@media(max-width:820px){.layout-variant-hero .section-columns-2{grid-template-columns:minmax(0,1fr)}.layout-variant-hero .content-block-hero_visual{max-width:420px;margin-inline:auto}}

.content-block-heading.block-font-small h1{font-size:clamp(1.8rem,4vw,2.8rem)}.content-block-heading.block-font-large h1{font-size:clamp(2.6rem,6vw,4.4rem)}

/* Hero tags participate in layout, so additional or translated labels cannot overlap. */
.hero-art.hero-art-flex{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:18px;padding:20px;min-height:360px}.hero-art-flex .hero-art-background{position:absolute;inset:0;object-fit:cover}.hero-art-media{display:grid;place-items:center;flex:1 0 150px;min-width:0;position:relative;z-index:1}.hero-tag-list{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;flex-shrink:0;min-width:0}.hero-tag-top{align-items:flex-start}.hero-tag-bottom{align-items:flex-end}.hero-tag{display:block;max-width:100%;background:rgba(0,0,0,.45);border-radius:12px;padding:8px 14px;font-size:.85rem;overflow-wrap:anywhere;line-height:1.5}.hero-art-flex .ball{font-size:clamp(5rem,12vw,9rem)}
.content-block-hero_visual{scroll-margin-top:90px}
.hero-art.hero-art-flex{aspect-ratio:auto;min-height:clamp(360px,40vw,520px)}.hero-art-flex .hero-art-media{flex-basis:230px}.hero-art-flex .ball{font-size:9rem}

.hero-art-flex .hero-tag-list{align-items:stretch;width:100%}.hero-tag-list:empty{display:none}.hero-art-flex .hero-art-media{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.hero-tag-align-left{align-self:flex-start}.hero-tag-align-center{align-self:center}.hero-tag-align-right{align-self:flex-end}.hero-tag.hero-tag-size-small{font-size:.7rem;padding:6px 10px}.hero-tag.hero-tag-size-large{font-size:1rem;padding:10px 18px}

/* Reusable homepage content items. */
.section-anchor{display:block;scroll-margin-top:100px}.builder-features,.builder-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.builder-steps{list-style:none;counter-reset:s;padding-top:18px}.builder-plans,.builder-testimonials{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:stretch}.builder-testimonials blockquote{color:var(--muted);font-style:italic;margin-bottom:16px}.builder-testimonials cite{font-style:normal;font-weight:600}.builder-testimonials cite small{display:block;color:var(--muted);font-weight:400}.builder-countdown>p{color:var(--muted)}[data-spin-result]{min-height:1.6em;font-weight:600;color:var(--accent)}.content-block-wheel .wheel-box{max-width:100%}.content-blocks .timer{flex-wrap:wrap}.content-blocks .content-block-text p{color:var(--muted)}

.content-block-bonus_reward_card .bonus-value{font-size:clamp(3rem,5.5vw,4.5rem);line-height:1;color:var(--accent);margin:12px 0;letter-spacing:-.05em}.content-block-bonus_reward_card .bonus-welcome-card p{margin-bottom:0}.content-block-bonus_cta{padding:40px 28px;border-radius:24px;background:radial-gradient(ellipse at center,#3464d4,transparent),linear-gradient(120deg,#183576,#11224c)}.content-block-bonus_cta .games-actions{justify-content:center}.content-block-bonus_cta p{color:var(--muted);margin:24px 0}.content-block-bonus_cta small{display:block;margin-top:28px;color:var(--muted)}.content-block-breadcrumb .bonus-breadcrumb{padding:0;background:transparent}.content-block-breadcrumb .bonus-breadcrumb span{margin-inline:6px}

.page-breadcrumb{padding:26px 0;background:linear-gradient(110deg,var(--bg),#172751);border-bottom:1px solid var(--line)}.page-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}.page-breadcrumb li{display:flex;align-items:center;gap:12px;font-size:.85rem}.page-breadcrumb a{color:var(--muted)}.page-breadcrumb a:hover{color:var(--accent)}.page-breadcrumb [aria-current=page]{color:var(--accent)}.breadcrumb-separator{color:var(--muted)}