/* DJ Biggz shared styles: navy, wolf grey, neon green, Dodger blue */
:root{
  --bg:#061224;
  --bg2:#0a1a31;
  --card:#0f2440;
  --card2:#132c4d;
  --line:#21395b;
  --text:#eef3f8;
  --muted:#a5acaf;
  --neon:#7cff3a;
  --neon-dim:#5ccf25;
  --blue:#1e7bff;
  --gold:#f5c542;
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;line-height:1.65;font-size:17px;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:'Anton',Impact,sans-serif;font-weight:400;letter-spacing:.02em;line-height:1.05;text-transform:uppercase}
h2{font-size:clamp(2.2rem,6vw,3.6rem);margin-bottom:.35em}
.kicker{color:var(--neon);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;margin-bottom:.7em;display:block}
.lead{color:var(--muted);font-size:1.1rem;max-width:680px}
section{padding:90px 0;position:relative}
.hand{font-family:'Permanent Marker',cursive}

/* buttons */
.btns{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:10px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;cursor:pointer;border:0;font-size:1rem;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:var(--neon);color:#061224;box-shadow:0 0 0 rgba(124,255,58,0)}
.btn.primary:hover{box-shadow:0 0 28px rgba(124,255,58,.45)}
.btn.ghost{background:transparent;border:2px solid var(--line);color:var(--text)}
.btn.ghost:hover{border-color:var(--neon)}
.btn.blue{background:var(--blue);color:#fff}
.btn.twitch{background:#9146ff;color:#fff}
.btn.twitch:hover{box-shadow:0 0 26px rgba(145,70,255,.55)}
.btn.twitch svg{width:18px;height:18px;fill:#fff}

/* announcement bar */
.topbar{display:block;text-align:center;padding:9px 16px;background:linear-gradient(90deg,var(--blue),#2a8f1a 50%,var(--neon));color:#061224;font-weight:600;font-size:.88rem;text-decoration:none;line-height:1.35}
.topbar b{font-weight:800;letter-spacing:.06em;margin-right:4px}
.topbar:hover{filter:brightness(1.08)}
@media(max-width:560px){.topbar{font-size:.78rem;padding:8px 12px}}

/* nav */
.nav{position:sticky;top:0;z-index:80;background:rgba(6,18,36,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:14px}
.nav .brand img{height:40px;width:auto}
.nav ul{display:flex;gap:6px;list-style:none;align-items:center}
.nav ul a{text-decoration:none;font-weight:600;font-size:.92rem;color:var(--muted);padding:8px 12px;border-radius:8px;transition:color .2s,background .2s}
.nav ul a:hover,.nav ul a.on{color:var(--text);background:var(--card)}
.nav ul a.cta{background:var(--neon);color:#061224}
.nav ul a.cta:hover{background:var(--neon-dim);color:#061224}
@media(max-width:560px){.nav .brand img{height:28px}.nav ul{gap:2px}.nav ul a{padding:7px 7px;font-size:.8rem}.nav li.hide-sm{display:none}}

/* footer */
.foot{border-top:1px solid var(--line);padding:56px 0 44px;text-align:center;background:var(--bg2)}
.foot .script{height:56px;width:auto;margin:0 auto 22px;opacity:.95}
.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.socials a{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:border-color .2s,background .2s,transform .15s}
.socials a:hover{border-color:var(--neon);background:var(--card);transform:translateY(-2px)}
.socials svg{width:20px;height:20px;fill:var(--text)}
.foot p{color:var(--muted);font-size:.86rem}
.foot .contact{margin-bottom:10px;color:var(--text)}
.foot .contact a{text-decoration:none;color:var(--neon)}

/* reveal on scroll */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}