/* HERO */
#hero-wrap{padding:24px 32px 0}
.hero-card{background:var(--bg3);border-radius:16px;overflow:hidden;display:flex;align-items:center;gap:0;position:relative}
.hero-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% -10%,rgba(74,143,196,.18),transparent 60%);pointer-events:none;z-index:0}
.hero-content{flex:1;padding:60px 48px 60px 10%;position:relative;z-index:1;min-width:0}
.hero-image{flex-shrink:0;width:32%;display:flex;align-items:flex-end;justify-content:flex-end;align-self:stretch}
.hero-image img{width:100%;height:auto;max-height:320px;object-fit:contain;object-position:bottom right;display:block}
h1{font-weight:900;line-height:1.2;margin-bottom:16px;font-size:clamp(1.6rem,3.2vw,2.6rem)}
h1 .h1-main{color:#fff}
h1 .h1-top{color:var(--purple)}
.hero-free-spins{font-size:1rem;font-weight:500;color:rgba(255,255,255,.55);margin-bottom:32px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.btn-promo{background:var(--bg4);border:1px solid var(--border);color:#fff;padding:14px 28px;border-radius:8px;font-weight:700;font-size:.92rem;display:flex;align-items:center;gap:10px;transition:.2s;text-transform:uppercase;letter-spacing:.04em}
.btn-promo:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.07)}

/* SECTIONS */
section{padding:36px 32px}

/* CRYPTO INFLATION BOX */
.inflation-box{background:linear-gradient(135deg,rgba(74,143,196,.12),rgba(116,172,223,.05));border:1px solid rgba(74,143,196,.25);border-radius:14px;padding:22px 26px;margin-bottom:44px;display:flex;gap:16px;align-items:flex-start}
.inflation-box .ib-icon{font-size:2rem;flex-shrink:0}
.inflation-box h4{font-size:.95rem;font-weight:700;margin-bottom:6px;color:var(--text)}
.inflation-box p{font-size:.84rem;color:var(--muted);line-height:1.65}

/* FEATURES */
#features{background:var(--bg2)}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.feat-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:24px;transition:.25s}
.feat-card:hover{border-color:rgba(74,143,196,.4);transform:translateY(-3px)}
.feat-icon{width:44px;height:44px;border-radius:10px;background:rgba(74,143,196,.15);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:14px}
.feat-card h3{font-size:.97rem;font-weight:700;margin-bottom:7px}
.feat-card p{color:var(--muted);font-size:.84rem;line-height:1.65}

/* ORIGINALS */
#originals{background:var(--bg)}
.game-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.game-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.25s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.game-card:hover{border-color:rgba(74,143,196,.4);transform:translateY(-3px)}
.game-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.game-card-name{padding:12px 14px;font-size:.92rem;font-weight:700;text-align:center}

/* PROVIDER GAMES & SPORTS */
#provider-games{background:var(--bg2)}
#sports-betting{background:var(--bg)}
.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rank-item{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:14px;transition:.2s;cursor:pointer}
.rank-item:hover{border-color:rgba(74,143,196,.35);background:var(--bg4)}
.rank-num{font-size:.85rem;font-weight:900;color:var(--muted);width:20px;text-align:right}
.rank-num.top{color:var(--gold)}
.rank-icon{width:36px;height:36px;border-radius:8px;background:var(--bg4);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.rank-info h4{font-size:.88rem;font-weight:700}
.rank-info p{font-size:.75rem;color:var(--muted);margin-top:2px}

/* CRYPTO */
#crypto{background:var(--bg2)}
.crypto-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.crypto-chip{background:var(--bg3);border:1px solid var(--border);border-radius:30px;padding:7px 14px;display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;transition:.2s}
.crypto-chip:hover{border-color:var(--purple2);background:var(--bg4)}
.crypto-chip img{width:22px;height:22px;border-radius:50%}
.crypto-info{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.crypto-box{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:24px}
.crypto-box h3{font-size:.95rem;font-weight:700;margin-bottom:12px}
.crypto-box ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.crypto-box ul li{color:var(--muted);font-size:.84rem;display:flex;align-items:center;gap:8px}
.crypto-box ul li::before{content:'✓';color:#4ade80;font-weight:700}

/* FAQ */
#faq{background:var(--bg)}

/* GUIDES */
#guides{background:var(--bg2)}
.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.guide-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:22px;transition:.25s;cursor:pointer}
.guide-card:hover{border-color:rgba(74,143,196,.4);transform:translateY(-3px)}
.guide-tag{font-size:.72rem;color:var(--purple2);font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}
.guide-card h3{font-size:.95rem;font-weight:700;margin-bottom:7px}
.guide-card p{color:var(--muted);font-size:.82rem;line-height:1.6}
.guide-arrow{margin-top:14px;color:var(--purple2);font-size:.82rem;font-weight:600}

/* SEC LINK */
.sec-link{display:inline-flex;align-items:center;gap:6px;color:var(--purple2);font-size:.88rem;font-weight:600;margin-top:32px;transition:.2s}
.sec-link:hover{color:var(--cyan)}

/* CTA */
#cta{background:linear-gradient(135deg,rgba(74,143,196,.18),rgba(116,172,223,.08));border-top:1px solid rgba(74,143,196,.22);border-bottom:1px solid rgba(116,172,223,.12)}
.cta-offers{background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:22px 28px;max-width:400px;margin:28px auto 0;text-align:left}
.cta-offers h4{font-size:.88rem;font-weight:700;margin-bottom:12px;color:var(--gold)}
.cta-offers ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.cta-offers ul li{font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:8px}
.cta-offers ul li::before{content:'✓';color:#4ade80;font-weight:700}
.cta-offers .fine{font-size:.72rem;color:var(--muted);opacity:.6;margin-top:10px}

@media(max-width:768px){
  .nav-links a{padding:11px 12px;font-size:.72rem}
  #hero-wrap{padding:12px 16px 0}
  .hero-card{flex-direction:column}
  .hero-content{padding:32px 20px 24px;width:100%}
  .hero-image{width:100%;align-self:auto}
  .hero-image img{object-position:top center;max-height:280px;object-fit:contain;padding:0 16px 16px}
  .hero-btns{flex-direction:column;align-items:stretch}
  .btn-promo,.btn-register-hero{width:100%;justify-content:center}
  .game-cards{grid-template-columns:1fr 1fr}
  .rank-grid{grid-template-columns:1fr}
  .crypto-info{grid-template-columns:1fr}
  .inflation-box{flex-direction:column;gap:10px}
}