.certificate-item {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: rgba(17, 24, 39, 0.7);
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(75, 85, 99, 0.2);
  transition: all 0.3s ease;
}

.certificate-item:hover {
  transform: translateY(-8px);
  border-color: #f59e0b;
  box-shadow: 0 10px 30px rgba(245, 158, 11, 0.1);
}

.certificate-item .relative {
  aspect-ratio: 4/3;
  width: 100%;
}

.certificate-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.certificate-item .absolute {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0.5) 50%,
    transparent 100%
  );
}

.certificate-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
  padding: 1.5rem;
}