.home-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-height: 80vh;
}

/* Loading state */
.loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  font-size: 1.2rem;
  color: #4b5c72;
}

.loading-spinner i {
  margin-right: 0.5rem;
  color: #2563eb;
}

/* Error state */
.error-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  flex-direction: column;
  gap: 1rem;
}

.error-container i {
  font-size: 3rem;
  color: #dc2626;
}

.error-container p {
  color: #4b5c72;
  font-size: 1.1rem;
}