/* ============================================================
   CERTIFICATIONS & ACHIEVEMENTS PAGE
   ============================================================ */

.achievements-section{ padding-bottom:var(--section-pad); }
.achievements-list{
  max-width:800px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:26px;
}

.achievement-card{
  display:flex;
  align-items:flex-start;
  gap:28px;
  background:linear-gradient(160deg,var(--charcoal-800),var(--navy-900));
  border:1px solid rgba(255,255,255,0.07);
  border-radius:22px;
  padding:36px 38px;
  transition: transform .45s var(--ease-out), box-shadow .45s ease, border-color .45s ease;
}
.achievement-card:hover{
  transform:translateY(-6px);
  border-color:var(--border-soft);
  box-shadow:0 28px 55px -24px rgba(0,0,0,0.55), 0 0 44px -20px rgba(201,162,77,0.28);
}

.achievement-badge{
  position:relative;
  width:74px; height:74px;
  flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
}
.achievement-badge::before{
  content:'';
  position:absolute; inset:0;
  border-radius:50%;
  border:1px solid var(--border-soft);
  animation: ring-pulse 5s ease-in-out infinite;
}
.achievement-badge::after{
  content:'';
  position:absolute; inset:10px;
  border-radius:50%;
  border:1px solid var(--border-emerald-soft);
  animation: ring-pulse 5s ease-in-out infinite .6s;
}
.achievement-badge svg{
  position:relative;
  z-index:1;
  width:28px; height:28px;
  color:var(--gold-bright);
}

.achievement-body{ flex:1; }
.achievement-issuer{
  display:block;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--emerald-bright);
  margin-bottom:10px;
}
.achievement-title{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:600;
  line-height:1.4;
  margin-bottom:10px;
}
.achievement-desc{
  font-size:14.5px;
  color:var(--text-muted);
  line-height:1.65;
  max-width:560px;
}

@media (max-width:640px){
  .achievement-card{
    flex-direction:column;
    align-items:flex-start;
    padding:30px 26px;
    gap:20px;
  }
  .achievement-badge{ width:60px; height:60px; }
  .achievement-badge svg{ width:24px; height:24px; }
}