:root{
  --bg:#060912;--bg2:#0c0e1a;--bg3:#131528;
  --card:rgba(255,255,255,0.04);--card2:rgba(255,255,255,0.07);
  --primary:#dc2626;--primary2:#991b1b;--glow:rgba(220,38,38,0.22);
  --gold:#f59e0b;--gold2:#d97706;--gold-glow:rgba(245,158,11,0.2);
  --text:#f0f4f8;--text2:#8892a4;--text3:#4a5568;
  --border:rgba(255,255,255,0.07);--border-r:rgba(220,38,38,0.25);--border-g:rgba(245,158,11,0.25);
  --r:8px;--r2:16px;--r3:24px;--t:0.22s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--primary);text-decoration:none;transition:color var(--t)}
a:hover{color:#ef4444}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}

/* ── Ticker ── */
.ticker{background:linear-gradient(90deg,#1a0a0a,#1e0b0b);border-bottom:1px solid var(--border-r);padding:8px 0;overflow:hidden}
.ticker-inner{display:flex;gap:40px;animation:tickScroll 30s linear infinite;white-space:nowrap}
.ticker-item{display:flex;align-items:center;gap:8px;font-size:0.78em;color:var(--text2)}
.ticker-item strong{color:#4ade80}
.ticker-sep{color:var(--border-r)}
@keyframes tickScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── Header ── */
.header{position:sticky;top:0;z-index:100;background:rgba(6,9,18,0.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;height:64px}
.logo{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:1.1em;flex-shrink:0}
.logo img{width:36px;height:36px;object-fit:contain}
.logo-txt{background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav{display:flex;gap:2px;flex:1;justify-content:center;flex-wrap:wrap}
.nav a{padding:6px 12px;color:var(--text2);border-radius:var(--r);font-size:0.86em;font-weight:500;transition:all var(--t)}
.nav a:hover,.nav a.active{color:var(--text);background:var(--card2)}
.hdr-btns{display:flex;gap:8px;flex-shrink:0}
.burger{display:none;background:none;border:none;color:var(--text);font-size:1.4em;cursor:pointer;padding:4px 8px}
.mob-nav{display:none;    position: sticky;top: 64px;z-index: 10;flex-direction:column;gap:4px;background:var(--bg2);border-bottom:1px solid var(--border);padding:16px 20px}
.mob-nav.open{display:flex}
.mob-nav a{padding:10px 14px;color:var(--text2);border-radius:var(--r);font-size:0.9em}
.mob-nav a:hover{color:var(--text);background:var(--card)}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:25px;font-weight:600;font-size:0.9em;cursor:pointer;transition:all var(--t);border:none;text-decoration:none;white-space:nowrap}
.btn-red{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 0 20px var(--glow)}
.btn-red:hover{transform:translateY(-1px);box-shadow:0 0 32px var(--glow);color:#fff}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0c0e1a;font-weight:700;box-shadow:0 0 20px var(--gold-glow)}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 0 32px var(--gold-glow);color:#0c0e1a}
.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}
.btn-ghost:hover{color:var(--text);border-color:var(--border-r)}
.btn-lg{padding:14px 32px;font-size:1em}
.btn-xl{padding:16px 40px;font-size:1.05em}

/* ── Hero (split layout) ── */
.hero{position:relative;min-height:580px;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('../image/hero-home.jpg') center/cover no-repeat;filter:brightness(0.40) saturate(1.2)}
.hero-ov{position:absolute;inset:0;background:linear-gradient(120deg,rgba(6,9,18,0.85) 40%,rgba(220,38,38,0.06) 100%)}
.hero-wrap{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:center}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(220,38,38,0.15);border:1px solid var(--border-r);border-radius:25px;padding:6px 14px;font-size:0.8em;color:var(--primary);font-weight:600;margin-bottom:16px}
.hero h1{font-size:clamp(2em,5vw,3.2em);font-weight:800;line-height:1.15;margin-bottom:16px}
.hero h1 span{background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{font-size:1.05em;color:var(--text2);max-width:500px;margin-bottom:28px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.hero-kpis{display:flex;gap:24px;flex-wrap:wrap}
.hero-kpi{display:flex;flex-direction:column}
.hero-kpi strong{font-size:1.4em;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-kpi span{font-size:0.76em;color:var(--text3)}
/* Bonus panel */
.bonus-panel{background:linear-gradient(145deg,rgba(220,38,38,0.12),rgba(245,158,11,0.06));border:1px solid var(--border-r);border-radius:var(--r3);padding:28px;position:relative;overflow:hidden}
.bonus-panel::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(220,38,38,0.15) 0%,transparent 70%);border-radius:50%}
.bonus-badge{background:var(--primary);color:#fff;font-size:0.7em;font-weight:700;padding:3px 10px;border-radius:25px;margin-bottom:12px;display:inline-block}
.bonus-panel h3{font-size:1.6em;font-weight:800;margin-bottom:4px;line-height:1.2}
.bonus-panel .bonus-amt{font-size:2.4em;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.bonus-panel .bonus-sub{font-size:0.82em;color:var(--text2);margin-bottom:20px}
.bonus-feats{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.bonus-feat{display:flex;align-items:center;gap:10px;font-size:0.85em;color:var(--text2)}
.bonus-feat::before{content:'✓';width:18px;height:18px;background:rgba(220,38,38,0.2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700;flex-shrink:0}

/* ── Stats bar ── */
.stats-bar{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:0}
.stat-item{padding:24px 16px;border-right:1px solid var(--border)}
.stat-item:last-child{border-right:none}
.stat-item strong{display:block;font-size:1.8em;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.stat-item span{font-size:0.8em;color:var(--text3)}

/* ── Section base ── */
.sec{padding:80px 0}
.sec-hd{text-align:center;margin-bottom:48px}
.sec-tag{display:inline-block;background:rgba(220,38,38,0.12);border:1px solid var(--border-r);color:var(--primary);font-size:0.75em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 14px;border-radius:25px;margin-bottom:12px}
.sec-tag.gold{background:rgba(245,158,11,0.1);border-color:var(--border-g);color:var(--gold)}
.sec h2{font-size:clamp(1.6em,4vw,2.2em);font-weight:800;line-height:1.25}
.sec h2 span{background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sec-sub{color:var(--text2);max-width:540px;margin:10px auto 0}

/* ── Tabs ── */
.tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}
.tab{padding:8px 20px;border-radius:25px;border:1px solid var(--border);background:transparent;color:var(--text2);font-size:0.86em;font-weight:500;cursor:pointer;transition:all var(--t)}
.tab:hover,.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}

/* ── Game grid ── */
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.game-card{border-radius:var(--r2);overflow:hidden;position:relative;cursor:pointer;transition:transform var(--t),box-shadow var(--t)}
.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.5)}
.game-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.game-card-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(6,9,18,0.95),transparent);padding:28px 12px 12px}
.game-card-name{font-size:0.82em;font-weight:600}
.game-card-tag{font-size:0.68em;color:var(--gold);font-weight:500}
.game-hot{position:absolute;top:8px;right:8px;background:var(--primary);color:#fff;font-size:0.65em;font-weight:700;padding:2px 8px;border-radius:25px}
.game-new{position:absolute;top:8px;right:8px;background:var(--gold);color:#0c0e1a;font-size:0.65em;font-weight:700;padding:2px 8px;border-radius:25px}

/* ── Split section ── */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split.rev{direction:rtl}
.split.rev>*{direction:ltr}
.split-img{border-radius:var(--r3);overflow:hidden;position:relative}
.split-img img{width:100%;height:auto;display:block}
.split-img::after{content:'';position:absolute;inset:0;border-radius:var(--r3);box-shadow:inset 0 0 0 1px var(--border)}
.split-copy{display:flex;flex-direction:column;gap:16px}
.split-copy h2{font-size:clamp(1.5em,3.5vw,2em);font-weight:800;line-height:1.25}
.split-copy p{color:var(--text2);line-height:1.75}
.split-feats{display:flex;flex-direction:column;gap:10px;margin:4px 0}
.split-feat{display:flex;align-items:flex-start;gap:12px;color:var(--text2);font-size:0.9em}
.sf-icon{width:32px;height:32px;background:rgba(220,38,38,0.12);border:1px solid var(--border-r);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:1em;flex-shrink:0;margin-top:2px}

/* ── Feature cards ── */
.feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.feat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:24px;transition:all var(--t)}
.feat-card:hover{border-color:var(--border-r);background:var(--card2);transform:translateY(-2px)}
.feat-icon{width:48px;height:48px;background:rgba(220,38,38,0.1);border:1px solid var(--border-r);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;font-size:1.4em;margin-bottom:14px}
.feat-card h3{font-size:0.95em;font-weight:700;margin-bottom:6px}
.feat-card p{font-size:0.82em;color:var(--text2);line-height:1.6}

/* ── Sport cards ── */
.sport-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.sport-card{border-radius:var(--r2);overflow:hidden;position:relative;cursor:pointer;transition:transform var(--t)}
.sport-card:hover{transform:translateY(-3px)}
.sport-card img{width:100%;height:auto;object-fit:contain}
.sport-card-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,9,18,0.9) 40%,transparent);display:flex;align-items:flex-end;padding:16px}
.sport-card h3{font-size:0.95em;font-weight:700}
.sport-odds{font-size:0.8em;color:var(--gold)}

/* ── Promo cards ── */
.promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.promo-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:all var(--t)}
.promo-card:hover{border-color:var(--border-r);transform:translateY(-2px)}
.promo-card img{width:100%;height:auto;object-fit:contain}
.promo-body{padding:20px}
.promo-badge{display:inline-block;background:rgba(220,38,38,0.15);border:1px solid var(--border-r);color:var(--primary);font-size:0.7em;font-weight:700;padding:2px 10px;border-radius:25px;margin-bottom:10px}
.promo-badge.gold-badge{background:rgba(245,158,11,0.12);border-color:var(--border-g);color:var(--gold)}
.promo-body h3{font-size:1em;font-weight:700;margin-bottom:8px}
.promo-body p{font-size:0.82em;color:var(--text2);margin-bottom:14px}

/* ── VIP tiers ── */
.vip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.vip-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:28px 20px;text-align:center;transition:all var(--t)}
.vip-card:hover{border-color:var(--border-g);transform:translateY(-3px)}
.vip-card.featured{background:linear-gradient(145deg,rgba(220,38,38,0.12),rgba(245,158,11,0.06));border-color:var(--border-r)}
.vip-icon{font-size:2.2em;margin-bottom:10px}
.vip-card h3{font-size:1em;font-weight:700;margin-bottom:4px}
.vip-card .vip-lvl{font-size:0.75em;color:var(--text3);margin-bottom:14px}
.vip-card .vip-perks{display:flex;flex-direction:column;gap:6px}
.vip-perk{font-size:0.8em;color:var(--text2);padding:5px 10px;background:rgba(255,255,255,0.03);border-radius:var(--r)}

/* ── Trust/Why section ── */
.trust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;text-align:center}
.trust-item{padding:24px 16px}
.trust-icon{font-size:2em;margin-bottom:10px}
.trust-item h4{font-size:0.9em;font-weight:700;margin-bottom:6px}
.trust-item p{font-size:0.78em;color:var(--text3)}

/* ── CTA Band ── */
.cta-band{background:linear-gradient(135deg,rgba(220,38,38,0.12),rgba(245,158,11,0.06));border-top:1px solid var(--border-r);border-bottom:1px solid var(--border-r);padding:80px 0;text-align:center}
.cta-band h2{font-size:clamp(1.6em,4vw,2.4em);font-weight:800;margin-bottom:12px}
.cta-band p{color:var(--text2);max-width:480px;margin:0 auto 32px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ── Payment strip ── */
.payment-strip{padding:32px 0;border-top:1px solid var(--border)}
.payment-logos{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}
.pay-logo{background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:10px 18px;font-size:0.78em;color:var(--text2);font-weight:600}

/* ── Footer ── */
.footer{background:var(--bg2);border-top:1px solid var(--border);padding:64px 0 0}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid var(--border)}
.foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.foot-logo img{width:36px;height:36px;object-fit:contain}
.foot-logo span{font-size:1.15em;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.foot-desc{font-size:0.82em;color:var(--text3);line-height:1.7;margin-bottom:16px}
.foot-badges{display:flex;gap:8px;flex-wrap:wrap}
.fbadge{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:5px 10px;font-size:0.72em;color:var(--text3)}
.foot-col h4{font-size:0.82em;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
.foot-links{display:flex;flex-direction:column;gap:8px}
.foot-links a{font-size:0.84em;color:var(--text2);transition:color var(--t)}
.foot-links a:hover{color:var(--primary)}
.foot-bottom{padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.foot-bottom p{font-size:0.78em;color:var(--text3)}
.foot-bottom a{color:var(--text3)}
.foot-bottom a:hover{color:var(--text2)}
.age{background:var(--primary);color:#fff;font-weight:700;font-size:0.75em;padding:2px 7px;border-radius:4px}

/* ── Page hero (inner) ── */
.ph{position:relative;min-height:320px;display:flex;align-items:center;overflow:hidden}
.ph-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(0.25) saturate(1.2)}
.ph-ov{position:absolute;inset:0;background:linear-gradient(to right,rgba(6,9,18,0.8),rgba(6,9,18,0.4))}
.ph-cnt{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:60px 20px}
.ph-cnt h1{font-size:clamp(1.8em,4vw,2.8em);font-weight:800;margin:12px 0 8px}
.ph-cnt p{color:var(--text2);max-width:560px;font-size:1em}

/* ── Scroll fade-in ── */
.fi{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}
.fi.vis{opacity:1;transform:none}

/* ── Auth layout ── */
.auth-wrap{display:grid;grid-template-columns:1fr 480px;min-height:100vh}
.auth-left{position:relative;overflow:hidden;background:url('../image/hero-login.jpg') center/cover no-repeat}
.auth-left-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,9,18,0.9),rgba(220,38,38,0.1))}
.auth-left-cnt{position:relative;z-index:2;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.auth-left-cnt h2{font-size:1.8em;font-weight:800;margin-bottom:8px}
.auth-left-cnt p{color:var(--text2);font-size:0.9em}
.auth-right{background:var(--bg2);display:flex;align-items:center;justify-content:center;padding:40px 48px}
.auth-form{width:100%;max-width:380px}
.auth-form h2{font-size:1.5em;font-weight:800;margin-bottom:6px}
.auth-form p{font-size:0.84em;color:var(--text2);margin-bottom:28px}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:0.82em;font-weight:600;color:var(--text2);margin-bottom:6px}
.form-group input,.form-group select{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:12px 16px;color:var(--text);font-size:0.9em;outline:none;transition:border var(--t)}
.form-group input:focus,.form-group select:focus{border-color:var(--primary)}
.form-divider{text-align:center;font-size:0.8em;color:var(--text3);margin:16px 0;position:relative}
.form-divider::before,.form-divider::after{content:'';position:absolute;top:50%;width:40%;height:1px;background:var(--border)}
.form-divider::before{left:0}.form-divider::after{right:0}
.form-hint{font-size:0.76em;color:var(--text3);margin-top:16px;text-align:center}
.form-hint a{color:var(--primary)}
.form-tabs{display:flex;margin-bottom:28px;border:1px solid var(--border);border-radius:25px;overflow:hidden}
.form-tab{flex:1;padding:10px;text-align:center;font-size:0.85em;font-weight:600;color:var(--text2);cursor:pointer;background:transparent;border:none;transition:all var(--t)}
.form-tab.active{background:var(--primary);color:#fff}

/* ── Game detail ── */
.game-hero{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
.game-frame{border-radius:var(--r2);overflow:hidden;background:var(--card);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;position:relative}
.game-frame img{width:100%;height:100%;object-fit:cover}
.game-play-btn{position:absolute;width:64px;height:64px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8em;cursor:pointer;transition:transform var(--t),box-shadow var(--t);box-shadow:0 0 28px var(--glow)}
.game-play-btn:hover{transform:scale(1.1)}
.game-meta{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:24px}
.game-meta h1{font-size:1.4em;font-weight:800;margin-bottom:4px}
.game-meta .game-provider{font-size:0.8em;color:var(--text3);margin-bottom:16px}
.game-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.meta-box{background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:var(--r);padding:10px}
.meta-box span{display:block;font-size:0.68em;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.meta-box strong{font-size:0.95em;font-weight:700}

/* ── How-to grid ── */
.how-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}
.how-step{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:28px;position:relative}
.how-num{position:absolute;top:20px;right:20px;font-size:2em;font-weight:900;color:rgba(220,38,38,0.1);line-height:1}
.how-step h4{font-size:0.95em;font-weight:700;margin-bottom:8px}
.how-step p{font-size:0.83em;color:var(--text2)}

/* ── App download ── */
.dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dl-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:28px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}
.dl-icon{font-size:3em}
.dl-card h3{font-size:1.05em;font-weight:700}
.dl-card p{font-size:0.83em;color:var(--text2)}
.dl-feats{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%}
.dl-feat{font-size:0.82em;color:var(--text2);display:flex;align-items:center;gap:8px}
.dl-feat::before{content:'•';color:var(--primary)}

/* ── Platform steps ── */
.steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.step-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:28px;display:flex;gap:16px}
.step-num{width:36px;height:36px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8em;font-weight:800;flex-shrink:0;margin-top:2px;box-shadow:0 0 12px var(--glow)}
.step-card h4{font-size:0.95em;font-weight:700;margin-bottom:6px}
.step-card p{font-size:0.82em;color:var(--text2)}

/* ── FAQ ── */
.faq{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r)}
.faq-q{width:100%;padding:16px 20px;background:none;border:none;color:var(--text);font-size:0.9em;font-weight:600;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:color var(--t)}
.faq-q:hover{color:var(--primary)}
.faq-q::after{content:'▼';font-size:0.7em;color:var(--text3);transition:transform var(--t)}
.faq-item.open .faq-q::after{transform:rotate(180deg)}
.faq-a{display:none;padding:0 20px 16px;font-size:0.85em;color:var(--text2);line-height:1.75}
.faq-item.open .faq-a{display:block}

/* ── Breadcrumb ── */
.bc{font-size:0.8em;color:var(--text3);display:flex;align-items:center;gap:6px;margin-bottom:4px}
.bc a{color:var(--text3)}.bc a:hover{color:var(--primary)}
.bc span{color:var(--text3)}

/* ── Legal ── */
.legal-wrap{max-width:780px;margin:0 auto}
.legal-wrap h2{font-size:1.2em;font-weight:700;margin:36px 0 12px;color:var(--text)}
.legal-wrap p,.legal-wrap li{font-size:0.9em;color:var(--text2);line-height:1.85}
.legal-wrap ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.legal-wrap a{color:var(--primary)}
.legal-meta{display:flex;gap:24px;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:var(--r2);padding:16px 20px;margin-bottom:40px;font-size:0.82em;color:var(--text2)}

/* ── 404 ── */
.err-page{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}
.err-num{font-size:clamp(6em,20vw,12em);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}
.err-page h2{font-size:1.4em;font-weight:700;margin-bottom:12px}
.err-page p{color:var(--text2);max-width:400px;margin:0 auto 32px;font-size:0.9em}
.err-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ── Phone mockup ── */
.phone-mock{max-width:280px;margin:0 auto}
.phone-mock img{border-radius:28px;box-shadow:0 24px 64px rgba(0,0,0,0.6)}

/* ── Bonus highlight ── */
.bonus-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.bonus-card{background:linear-gradient(145deg,rgba(220,38,38,0.08),rgba(245,158,11,0.04));border:1px solid var(--border-r);border-radius:var(--r2);padding:28px;transition:all var(--t)}
.bonus-card:hover{border-color:var(--primary);transform:translateY(-2px)}
.bonus-card .bc-icon{font-size:2.2em;margin-bottom:12px}
.bonus-card h3{font-size:1.05em;font-weight:700;margin-bottom:6px}
.bonus-card .bc-amt{font-size:1.6em;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}
.bonus-card p{font-size:0.82em;color:var(--text2);margin-bottom:16px}

/* ── Odds table ── */
.odds-table{width:100%;border-collapse:collapse;font-size:0.88em}
.odds-table th{padding:12px 16px;background:var(--card2);font-size:0.8em;color:var(--text3);text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.odds-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text2)}
.odds-table tr:hover td{background:var(--card);color:var(--text)}
.odds-val{background:var(--primary);color:#fff;padding:3px 10px;border-radius:var(--r);font-weight:700;display:inline-block}
.live-dot{display:inline-block;width:7px;height:7px;background:#4ade80;border-radius:50%;margin-right:6px;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}

/* ── Responsive ── */
@media(max-width:900px){
  .hero-wrap{grid-template-columns:1fr;gap:32px}
  .bonus-panel{display:none}
  .stats-inner{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2){border-right:none}
  .split,.split.rev{grid-template-columns:1fr;direction:ltr}
  /*.split-img img{height:280px}*/
  .foot-grid{grid-template-columns:1fr 1fr;gap:28px}
  .game-hero{grid-template-columns:1fr}
  .auth-wrap{grid-template-columns:1fr}
  .auth-left{display:none}
  .auth-right{padding:40px 24px}
  .dl-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .nav{display:none}
  /*.hdr-btns{display:none}*/
/*  .hdr-btns a:first-of-type {*/
/*    display: none;*/
/*}*/
  .burger{display:block}
  .stats-inner{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr}
  .hero h1{font-size:1.8em}
  .sec{padding:56px 0}
}

/* ── Hero Centered (Homepage) ── */
.hero-centered .hero-wrap{grid-template-columns:1fr;max-width:700px;text-align:center;padding:64px 20px 56px}
.hero-centered .hero-tag{margin:0 auto 20px}
.hero-centered h1{text-align:center;margin:0 auto 16px}
.hero-centered .hero-sub{text-align:center;margin:0 auto 28px}
.hero-centered .hero-btns{justify-content:center}
.hero-centered .hero-kpis{justify-content:center}
.hero-logo-block{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:28px}
.hero-logo-block img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 0 32px rgba(220,38,38,0.65))}
.hero-brand-name{font-size:clamp(4em,14vw,7em);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.03em}
.hero-brand-tagline{font-size:0.68em;letter-spacing:.22em;font-weight:700;color:rgba(255,255,255,0.45);text-transform:uppercase;margin-top:-6px}

/* ── Daily Benefits strip ── */
.daily-strip{background:var(--bg2);border-bottom:1px solid var(--border)}
.daily-inner{display:flex;justify-content:center;flex-wrap:wrap}
.daily-item{display:flex;align-items:center;gap:14px;padding:22px 32px;border-right:1px solid var(--border);flex:1;min-width:220px;max-width:300px;transition:background var(--t)}
.daily-item:hover{background:var(--card)}
.daily-item:last-child{border-right:none}
.daily-icon{font-size:1.9em;flex-shrink:0}
.daily-txt strong{display:block;font-size:0.92em;font-weight:700;margin-bottom:2px}
.daily-txt span{font-size:0.76em;color:var(--text2)}
@media(max-width:720px){
  .hero-brand-name{font-size:4em}
  .daily-item{border-right:none;border-bottom:1px solid var(--border);max-width:100%;width:100%}
  .daily-item:last-child{border-bottom:none}
}