body.ui-style-8 {
  --primary-color: #2563eb;
  --secondary-color: #7c3aed;
  --accent-color: #f59e0b;
  --bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.fade-in {
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.card, .list-item {
  animation: fadeIn 0.6s ease-in;
}

footer {
  background: #fff;
  border-top: 1px solid #e5e5e5;
  padding: 2rem 1rem;
  text-align: center;
  margin-top: 4rem;
  color: #666;
}