/* ==========================================================================
   ARKS International — Certifications Page
   ========================================================================== */

.cert-card { background: #fff; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid rgba(10,61,98,.06); transition: all var(--dur-med) var(--ease-premium); cursor: pointer; }
.cert-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.cert-card__media { aspect-ratio: 3/4; background: var(--gradient-primary); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; flex-direction: column; gap: 1rem; color: #fff; }
.cert-card__media::before { content: ''; position: absolute; inset: -30%; background: var(--gradient-glow); opacity: .6; }
.cert-card__media i { font-size: 3.25rem; position: relative; z-index: 1; }
.cert-card__media .cert-tag { position: relative; z-index: 1; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .85rem; }
.cert-card__media .zoom-hint { position: absolute; inset: 0; background: rgba(4,20,32,.45); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity var(--dur-fast); color: #fff; font-size: 1.4rem; z-index: 2; }
.cert-card:hover .zoom-hint { opacity: 1; }
.cert-card__body { padding: 1.25rem 1.4rem; }