/* CERTIFICATIONS PAGE — page-specific tweaks on top of index.css's
   shared chrome (util-bar, header, canvas frame, buttons, footer, wa-btn). */

#cert-hero { min-height: 55vh; padding: 160px 6% 50px; justify-content: center; }

@media (max-width: 768px) {
  #cert-hero { padding: 100px 5% 36px; min-height: 50vh; }
}
#cert-hero .hero-sub { margin: 14px auto 0; text-align: center; }

#verify { justify-content: center; }
#cta { justify-content: center; }

.cert-card { display: flex; flex-direction: column; }
.cert-card .glow-btn.ghost { margin-top: auto; }

.verify-form { display: flex; gap: 12px; flex-wrap: wrap; }
.verify-form input { flex: 1; min-width: 220px; }
.verify-note {
  display: none; margin-top: 14px; font-size: 13px; color: var(--aqua);
  border: 1px solid var(--card-border); border-radius: 12px; padding: 12px 16px;
  background: rgba(var(--teal-rgb), 0.08);
}
.verify-note.show { display: block; }

@media (max-width: 768px) {
  .verify-form { flex-direction: column; }
}