/* ===================================
   HOME PAGE — ValorantPL
   Modern, responsive, neon-tactical styling
   =================================== */

/* Sections spacing */
.section { padding: var(--space-16) 0; }
.section-head { margin-bottom: var(--space-6); }
.section-cta, .cta-actions { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }

/* Hero */
.hero {
  position: relative;
  background: radial-gradient(1200px 600px at 20% 20%, rgba(255,70,85,.08) 0%, transparent 60%),
              radial-gradient(900px 500px at 80% 80%, rgba(0,217,255,.08) 0%, transparent 60%);
}
.hero-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-8); align-items: center; }
.hero-content p { font-size: var(--font-size-lg); }
.hero-media img { border-radius: var(--radius-2xl); box-shadow: var(--shadow-xl), 0 0 40px var(--color-secondary-glow); transform: perspective(1200px) rotateY(-6deg); }
.hero-ctas { margin-top: var(--space-4); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.hero-search { margin-top: var(--space-6); display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); max-width: 720px; }

/* News */
.news-grid .card h3 { margin-top: var(--space-3); }

/* Spotlight */
.spotlight-media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg), 0 0 32px var(--color-primary-glow); }
.spotlight-content .card h4 { margin-bottom: var(--space-2); }

/* Esports */
.esports-media img { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg), 0 0 32px var(--color-secondary-glow); }

/* CTA final */
.cta-final { background: linear-gradient(180deg, rgba(255,70,85,.06), rgba(0,217,255,.06)); border-top: 1px solid var(--color-gray-800); }

/* Responsive */
@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-media img { transform: none; }
}

@media (max-width: 640px) {
  .section { padding: var(--space-12) 0; }
  .hero-search { grid-template-columns: 1fr; }
}