.hero-image-foreground {
  margin-top: var(--space-4);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xl);
}

.platform-section {
  align-items: center;
}

.platform-visual {
  position: relative;
}

.platform-image {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
}

.platform-badge {
  position: absolute;
  right: 4%;
  bottom: -10%;
  max-width: 260px;
}

@media (max-width: 960px) {
  .platform-badge {
    position: static;
    margin-top: var(--space-4);
  }
}

.upcoming-layout {
  align-items: flex-start;
}

.upcoming-image {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
}

.benefits-grid {
  align-items: flex-start;
}

.testimonials-grid {
  align-items: center;
}

.testimonials-image {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
}

.registration-grid {
  align-items: flex-start;
}

.ranking-image {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.prizes-grid {
  align-items: flex-start;
}

.contact-faq-grid {
  align-items: flex-start;
}

.section-header {
  border-bottom: 1px dashed rgba(148, 163, 255, 0.35);
  padding-bottom: var(--space-3);
}

#hero-heading {
  text-shadow: 0 12px 30px rgba(0, 0, 0, 0.8);
}

@media (max-width: 768px) {
  .hero-image-foreground {
    margin-top: var(--space-3);
  }
}