/* digi-card.css */

.digi-entry {
  align-self: start;
}

.digi-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(9, 13, 16, 0.04)),
    linear-gradient(160deg, #11181c 0%, #08100b 58%, #121512 100%) !important;
  border: 1.5px solid rgba(117, 188, 79, 0.55) !important;
  box-shadow:
    0 0 34px rgba(117, 188, 79, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 0.58rem;
  padding: 1.35rem 1rem;
}

.digi-card:hover {
  border-color: rgba(130, 214, 85, 0.86) !important;
  box-shadow:
    0 0 52px rgba(117, 188, 79, 0.36),
    0 0 0 2px rgba(130, 214, 85, 0.34) inset !important;
}

.digi-badge {
  color: rgba(245, 249, 246, 0.7);
  border: 1px solid rgba(117, 188, 79, 0.38);
  padding: 0.22rem 0.68rem;
  border-radius: 999px;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.digi-logo {
  width: 118px;
  height: 118px;
  object-fit: contain;
  border-radius: 24px;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(117, 188, 79, 0.22);
}

.digi-title {
  color: #ffffff;
  font-size: 1.22rem;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}

.digi-subtitle {
  color: #75bc4f;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.35;
  text-align: center;
  text-transform: uppercase;
}

.digi-meta {
  max-width: 180px;
  color: rgba(245, 249, 246, 0.68);
  font-size: 0.66rem;
  line-height: 1.45;
  text-align: center;
}

.digi-desc {
  max-width: 260px;
}

@media screen and (max-width: 480px) {
  .digi-logo {
    width: 104px;
    height: 104px;
  }

  .digi-title {
    font-size: 1.08rem;
  }
}