:root{
  --raptor-green:#3fc32f;
  --raptor-green-bright:#4ade3a;
  --ink:#0a0d0a;
}

*{box-sizing:border-box;margin:0;padding:0;}

html,body{
  height:100%;
  background:var(--ink);
  color:#fff;
  font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;
  overflow-x:hidden;
}

/* ---------- construction tape ---------- */
.tape{
  height:22px;
  width:100%;
  background:repeating-linear-gradient(
    -45deg,
    var(--raptor-green) 0 28px,
    var(--ink) 28px 56px
  );
  position:relative;
  z-index:5;
}

/* ---------- hero ---------- */
.hero{
  position:relative;
  min-height:calc(100vh - 44px);
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(180deg, rgba(3,6,3,.88) 0%, rgba(3,6,3,.75) 35%, rgba(3,6,3,.92) 100%),
    url("assets/hero-bg.jpg") center 22% / cover no-repeat;
  padding:60px 20px;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at center 40%, rgba(63,195,47,.10), transparent 60%);
  pointer-events:none;
}

.hero-content{
  position:relative;
  z-index:2;
  max-width:980px;
  width:100%;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.logo{
  width:min(230px, 42vw);
  filter:drop-shadow(0 0 26px rgba(63,195,47,.55)) drop-shadow(0 0 4px rgba(0,0,0,.6));
  margin-bottom:18px;
}

.headline{
  font-size:clamp(2.6rem, 8vw, 6.2rem);
  line-height:1;
  letter-spacing:1px;
  color:#fff;
  text-shadow:
    0 0 14px rgba(255,255,255,.55),
    0 0 34px rgba(63,195,47,.85),
    0 0 70px rgba(63,195,47,.5);
  margin-bottom:14px;
  text-transform:uppercase;
}

.subline{
  font-size:clamp(1.1rem, 2.6vw, 1.9rem);
  letter-spacing:.5px;
  text-transform:uppercase;
  margin-bottom:34px;
}

.lead-text{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  font-size:clamp(.95rem, 1.6vw, 1.2rem);
  text-transform:uppercase;
  line-height:1.6;
  margin-bottom:36px;
  color:#f2f2f2;
}

/* ---------- social row ---------- */
.social-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:34px;
  margin-bottom:52px;
}

.social-item{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
  font-size:clamp(.95rem, 1.6vw, 1.15rem);
  letter-spacing:.3px;
  text-transform:uppercase;
  transition:opacity .15s ease, transform .15s ease;
}

.social-item:hover{
  opacity:.8;
  transform:translateY(-2px);
}

.social-item .icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  color:var(--raptor-green-bright);
  filter:drop-shadow(0 0 8px rgba(63,195,47,.7));
}

.social-item .icon svg{
  width:100%;
  height:100%;
}

/* ---------- sponsors ---------- */
.sponsor-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:34px;
  padding-top:30px;
  border-top:1px solid rgba(255,255,255,.15);
  width:100%;
}

.sponsor-row img{
  height:42px;
  max-width:160px;
  width:auto;
  object-fit:contain;
  background:#fff;
  padding:8px 14px;
  border-radius:6px;
}

.sponsor-row img.on-dark{
  background:#000;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.15);
}

@media (max-width:560px){
  .sponsor-row img{height:34px;max-width:120px;padding:6px 10px;}
  .social-row{gap:22px;}
}