.pulsating-icon {
    display: inline-block;
    animation: pulseGreen 1.2s infinite ease-in-out;
}

@keyframes pulseGreen {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.25); opacity: 0.6; }
    100% { transform: scale(1); opacity: 1; }
}
.rate-box {
  border-radius: 10px;
  padding: 15px; 
  margin-bottom: 15px;
  transition: background 0.3s, color 0.3s;
}

/* Light mode */
body.light .rate-box {
  background: linear-gradient(to right, #ff8c00, #ffaa33);
  color: white;
}

/* Dark mode */
body.dark .rate-box {
  background: #1f2937;
  color: #f1f5f9;
  border: 1px solid #374151;
}