@keyframes slideIn {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}
.animate-slide-in {
  animation: slideIn 0.5s ease-out forwards;
}
.animate-pulse {
  animation: pulse 2s infinite;
}
.gradient-bg {
  background: linear-gradient(135deg, #FF6347, #00CED1, #6A5ACD); /* Đỏ tomato, xanh ngọc, xanh tím */
}
.logo-container {
  text-align: center;
  margin-bottom: 2rem; /* Cách tiêu đề */
}
.logo-container img {
  max-height: 100%;
  width: auto;
  object-fit: contain;
}
.temp-container {
  margin-top: 1rem;
}
.temp-row {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.temp-box {
  flex: 1;
  min-width: 0;
}
.chart-container {
  height: 350px;
}
button {
  font-weight: bold;
  transition: all 0.3s;
}