/* HOME.CSS */
body { background:var(--bg); padding-bottom:24px; }

.hero-wrap { position:relative; width:100%; overflow:hidden; }
.hero-wrap img { width:100%; display:block; border-radius:0 0 22px 22px; }
.hero-wrap .hero-grad {
  position:absolute; bottom:0; left:0; right:0; height:45%;
  background:linear-gradient(to bottom,transparent,var(--bg));
  border-radius:0 0 22px 22px; pointer-events:none;
}

.banners-wrap { padding:14px 12px 6px; display:flex; flex-direction:column; gap:11px; }

.banner-card {
  border-radius:var(--radius); overflow:hidden;
  border:1px solid rgba(0,180,255,0.22);
  cursor:pointer; transition:transform 0.18s;
  animation:glowPulse 3.5s ease-in-out infinite;
  text-decoration:none; display:block;
}
.banner-card:nth-child(2) { animation-delay:0.8s; }
.banner-card:nth-child(3) { animation-delay:1.6s; }
.banner-card:nth-child(4) { animation-delay:2.4s; }
.banner-card:active { transform:scale(0.97); }
.banner-card img { width:100%; display:block; }

.site-footer {
  text-align:center; color:var(--muted);
  font-size:12px; padding:18px 20px 10px; line-height:1.6;
}
.neon-tag {
  display:block; margin-top:4px; font-size:11px;
  letter-spacing:4px; color:var(--danger); opacity:0.45; font-weight:700;
}