/* The home page's sponsor card with the animated hearts (scripts/hearticles.js). */

#particles-hearts {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none; /* Allows clicking through to elements behind */
  z-index: 1;
}

.support-container {
  position: relative;
  z-index: 0;
  /* Deliberately NOT themed: kept dark red to pair with the pink .support-card
     (the particle-effect box). */
  background-color: #00000084;
}

.support-container > *:not(#particles-hearts) {
  position: relative;
  z-index: 2; /* Ensures content appears above particles */
}

.support-card {
  background-color: #ad4e63d1;
  color: #f0f0f0 !important;
}