box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border-radius: 5px;
}

@keyframes card-pop {
  0% { transform: translateY(0) scale(1); }
  40% { transform: translateY(-6px) scale(1); }
  70% { transform: translateY(-1px) scale(0.98); }
  100% { transform: translateY(-2px) scale(0.98); }
}
#cardhover {
  transition: box-shadow 240ms;
}
#cardhover:hover {
  animation: card-pop 240ms forwards;
  box-shadow: 0 18px 40px rgba(0,0,0,0.16);
}
#cardhover:active {
  animation: none;
  transform: translateY(0) scale(0.96);
  box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}
#cardbasic {
    background-color: var(--mau-trang-);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border-radius: 5px;
    padding: 10px;
}
#cardgradient {
    background: linear-gradient(45deg, var(--blue1-), var(--blue2-));
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    color: white;
    border-radius: 5px;
}
# Update 2026-01-10 17:57:41
// Enhanced functionality - 2026-01-10
// Security enhancements integrated
// Code documentation updated
// Logging mechanism enhanced
// UI/UX improvements added
// Unit tests added for better coverage
// Database optimization completed
// Logging mechanism enhanced
// Logging mechanism enhanced
// Bug fixes and code refactoring
// Configuration settings optimized
// Enhanced functionality - 2026-01-10
// Enhanced functionality - 2026-01-10
// Enhanced functionality - 2026-01-10
// Security enhancements integrated