/* Specific styles for index.html */
body.index-page {
  background: linear-gradient(to bottom right, #1a1a2e, #0f1a2e); /* Slightly different gradient */
}

.index-page .container {
  background-color: #1a1a2e; /* Different container background */
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7); /* More pronounced shadow */
  border: 1px solid #4a4a4a; /* Different border color */
}

.index-page h1 {
  color: #8a2be2; /* Purple heading */
  text-shadow: 0 2px 5px rgba(138, 43, 226, 0.3);
}

.index-page button {
  background-color: #8a2be2; /* Purple button */
  box-shadow: 0 5px 15px rgba(138, 43, 226, 0.4);
}

.index-page button:hover {
  background-color: #9932cc; /* Lighter purple on hover */
}

.index-page .alert-box {
  border: 2px solid #8a2be2; /* Purple border for alert box */
}

.index-page .image-banner {
  border: 2px solid #8a2be2; /* Purple border for image */
}

.index-page .loading-text {
  color: #8a2be2;
  text-shadow: 0 0 10px rgba(138, 43, 226, 0.5);
}

.index-page .progress-bar {
  background: linear-gradient(to right, #8a2be2, #9932cc); /* Purple gradient for progress bar */
}