/* Certifications page: simple grid and card styling */

.certs-page {
  padding: 48px 16px 64px;
  max-width: 1200px;
  margin: 0 auto;
}

.certs-hero {
  text-align: center;
  margin-bottom: 24px;
}

.certs-hero h1 {
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-size: 48px;
  letter-spacing: 0.5px;
  margin: 0 0 8px;
}

.certs-hero p { color: #c7c7c7; margin: 0; }

.certs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 1000px) {
  .certs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .certs-grid { grid-template-columns: 1fr; }
  .certs-hero h1 { font-size: 36px; }
}

.cert-card {
  background: #101010;
  border: 1px solid #222;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

/* The embedded TestDome widget comes styled by its own CSS; just ensure it fits */
.cert-card .testdome-certificate-stamp {
  width: 100%;
  max-width: 560px;
}