.page-index {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333333; /* Default text color for light body background */
  background-color: var(--secondary-color); /* White background from shared */
}

.page-index__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.page-index__section-title {
  font-size: 36px;
  color: var(--primary-color);
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
  padding-top: 40px;
}

.page-index__section-description {
  font-size: 18px;
  color: #555555;
  text-align: center;
  max-width: 900px;
  margin: 0 auto 50px auto;
  line-height: 1.8;
}

.page-index__dark-section {
  background-color: var(--primary-color);
  color: #ffffff;
  padding: 80px 0;
}

.page-index__dark-section .page-index__section-title,
.page-index__dark-section .page-index__section-description,
.page-index__dark-section .page-index__feature-title,
.page-index__dark-section .page-index__feature-item p,
.page-index__dark-section .page-index__game-title a,
.page-index__dark-section .page-index__game-card p,
.page-index__dark-section .page-index__security-title,
.page-index__dark-section .page-index__security-item p,
.page-index__dark-section .page-index__blog-title a,
.page-index__dark-section .page-index__blog-summary,
.page-index__dark-section .page-index__blog-date {
  color: #ffffff;
}