*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#030305;color:#fff;font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:82px;display:flex;align-items:center;justify-content:space-between;padding:12px 6%;background:rgba(0,0,0,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,37,37,.28)}
.brand img{height:54px;max-width:280px;object-fit:contain;display:block}
.nav nav{display:flex;align-items:center;gap:22px}
.nav nav a{text-decoration:none;color:#ddd;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.nav nav a:hover{color:#ff2525}
.navCta{border:1px solid rgba(255,37,37,.65);padding:10px 15px;border-radius:999px;color:#ff2525!important}
.hero{min-height:100vh;padding:130px 7% 70px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.42),rgba(0,0,0,.8)),url('/assets/img/hero.jpg') center/cover no-repeat}
.heroBox{max-width:820px}
.kicker{color:#ff2525;font-weight:900;text-transform:uppercase;letter-spacing:.28em;font-size:13px}
h1{font-size:82px;line-height:.92;margin:14px 0;text-transform:uppercase}
h2{font-size:44px;line-height:1.05;margin:0 0 18px;text-transform:uppercase}
h3{margin-top:0;color:#ff2525}
p{color:#cfcfcf;line-height:1.7;font-size:17px}
.hero p{font-size:23px;max-width:720px}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;text-decoration:none;border-radius:999px;padding:15px 24px;font-weight:900;text-transform:uppercase;background:#ff2525;color:#020202;box-shadow:0 0 30px rgba(255,37,37,.38)}
.btn.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2)}
.section{padding:90px 7%;max-width:1320px;margin:auto}
.darkBand{background:#08080b;border-top:1px solid rgba(255,37,37,.25);border-bottom:1px solid rgba(255,37,37,.25)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:linear-gradient(180deg,#151518,#08080a);border:1px solid rgba(255,37,37,.28);border-radius:24px;padding:28px;box-shadow:0 0 35px rgba(255,37,37,.1)}
.feature{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.feature img,.wideImg{width:100%;height:440px;object-fit:cover;border-radius:28px;border:1px solid rgba(255,37,37,.35);box-shadow:0 0 44px rgba(255,37,37,.16)}
.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.galleryGrid img{width:100%;height:285px;object-fit:cover;border-radius:22px;border:1px solid rgba(255,37,37,.32);background:#111}
.pageHero{padding:145px 7% 70px;background:linear-gradient(110deg,#050505,#090909);border-bottom:1px solid rgba(255,37,37,.25)}
.pageHero h1{font-size:58px}
.contactWrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
.contactPanel,.formPanel{background:#101014;border:1px solid rgba(255,37,37,.30);border-radius:28px;padding:34px}
.formPanel input,.formPanel textarea,.formPanel select{width:100%;display:block;margin:0 0 15px;padding:16px;border-radius:14px;border:1px solid #333;background:#060608;color:#fff;font-size:15px}
.formPanel textarea{min-height:160px}
.formPanel button{border:0;cursor:pointer}
footer{display:flex;justify-content:space-between;gap:20px;padding:36px 7%;background:#050506;border-top:1px solid rgba(255,37,37,.22);color:#aaa}
footer a{color:#ff2525;text-decoration:none}
@media(max-width:900px){
 .nav{height:auto;display:block;padding:14px 5%}
 .brand img{height:44px}
 .nav nav{margin-top:12px;gap:12px;flex-wrap:wrap}
 h1{font-size:46px}
 h2{font-size:34px}
 .hero{padding-top:155px}
 .grid3,.feature,.galleryGrid,.contactWrap{grid-template-columns:1fr}
 .feature img,.wideImg,.galleryGrid img{height:260px}
 footer{display:block}
}

.logoShowcase{
  text-align:center;
  padding-top:70px;
  padding-bottom:40px;
}


.contactWrap{
  align-items:start;
}

.formPanel{
  display:block;
}

.formPanel input,
.formPanel select,
.formPanel textarea{
  display:block;
  width:100%;
  max-width:100%;
}


.logoShowcase img{
  width:min(620px,78vw);
  height:auto;
  object-fit:contain;
  display:block;
  margin:0 auto;
  border:0;
  border-radius:0;
  box-shadow:none;
}


/* FORCE FIX - logo showcase sizing */
.section.logoShowcase{
  padding-top:45px !important;
  padding-bottom:35px !important;
  max-width:960px !important;
  margin:0 auto !important;
  text-align:center !important;
}

.section.logoShowcase img,
.logoShowcase img{
  width:100% !important;
  max-width:520px !important;
  height:auto !important;
  max-height:180px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}


/* FORCE NAV LOGO SIZE FIX */
.nav{
  min-height:96px !important;
}

.brand img{
  height:78px !important;
  max-height:78px !important;
  width:auto !important;
  max-width:360px !important;
  object-fit:contain !important;
}

@media(max-width:900px){
  .brand img{
    height:58px !important;
    max-height:58px !important;
    max-width:260px !important;
  }
}


/* FINAL LOGO AND GALLERY OVERRIDES */
.nav{
  min-height:88px !important;
}

.brand img{
  height:64px !important;
  max-height:64px !important;
  width:auto !important;
  max-width:420px !important;
  object-fit:contain !important;
}

.section.logoShowcase img,
.logoShowcase img{
  width:min(720px,82vw) !important;
  max-width:720px !important;
  max-height:260px !important;
  height:auto !important;
  object-fit:contain !important;
}

.galleryGrid{
  max-width:1180px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

.galleryGrid img{
  width:100% !important;
  height:300px !important;
  object-fit:cover !important;
}

@media(max-width:900px){
  .brand img{
    height:52px !important;
    max-height:52px !important;
    max-width:300px !important;
  }
  .galleryGrid{
    grid-template-columns:1fr !important;
  }
}


/* Premium live upgrade - 20260601-134949 */
.premiumStats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:34px;
}
.statBox{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,37,37,.30);
  border-radius:22px;
  padding:22px;
}
.statBox b{
  display:block;
  color:#ff2525;
  font-size:30px;
  margin-bottom:6px;
}
.storyRows{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-top:30px;
}
.storyCard{
  background:linear-gradient(180deg,#151519,#070708);
  border:1px solid rgba(255,37,37,.28);
  border-radius:26px;
  padding:30px;
}
.bigCta{
  text-align:center;
  background:radial-gradient(circle at center,rgba(255,37,37,.22),rgba(0,0,0,.92));
  border-top:1px solid rgba(255,37,37,.28);
  border-bottom:1px solid rgba(255,37,37,.28);
}
.bigCta .section{
  max-width:980px;
}
@media(max-width:900px){
  .premiumStats,.storyRows{grid-template-columns:1fr}
}

/* AFK prediction gaming upgrade */
.gamingHero{padding:145px 7% 70px;background:linear-gradient(110deg,#050505,#111);border-bottom:1px solid rgba(255,255,255,.12)}
.gamingGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
.bettingBoard,.leaderboard,.oddsCard{background:#0d0d12;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:26px}
.matchCard{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:18px 0;padding:18px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}
.teamBox{padding:18px;border-radius:18px;background:#08080b;text-align:center}
.odds{font-size:28px;font-weight:900}
.virtualNotice{margin-top:20px;padding:18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#ddd}
.betSlip{position:sticky;top:110px}
.creditBadge{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-weight:800}
.fakeButton{display:block;width:100%;margin-top:12px;padding:14px;border:0;border-radius:999px;font-weight:900;cursor:pointer}
.rankTable{width:100%;border-collapse:collapse;margin-top:16px}
.rankTable td,.rankTable th{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}
@media(max-width:900px){.gamingGrid,.matchCard{grid-template-columns:1fr}.betSlip{position:relative;top:auto}}

/* Cross-site nav refinement */
.nav nav{
  flex-wrap:wrap !important;
  row-gap:8px !important;
}
.nav nav a{
  white-space:nowrap !important;
}
@media(max-width:1100px){
  .nav{
    align-items:flex-start !important;
  }
  .nav nav{
    gap:12px !important;
  }
  .nav nav a{
    font-size:12px !important;
  }
}

/* Tablet/mobile image fit fix */
@media (max-width: 1200px){
  .galleryGrid img,
  .feature img,
  .wideImg,
  .card img,
  .storyCard img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
  }

  .galleryGrid{
    align-items:start !important;
  }

  .card,
  .storyCard,
  .feature{
    overflow:visible !important;
  }
}

@media (max-width: 900px){
  .galleryGrid{
    grid-template-columns:1fr !important;
  }
}