.education-section {
  position: relative;
  background: #0a0c10;
  padding: 100px 24px 140px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.edu-grid {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 900px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 760px) {
  .edu-grid { grid-template-columns: 1fr; }
}

.edu-card {
  background: #0d0f14;
  border: 1px solid rgba(0,255,225,0.15);
  border-radius: 8px;
  padding: 22px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, border-color 0.3s ease-out;
}

.edu-card.visible {
  opacity: 1;
  transform: translateY(0);
}

.edu-card:hover {
  border-color: rgba(0,255,225,0.5);
}

.edu-tag {
  display: inline-block;
  font-family: 'Share Tech Mono', monospace;
  font-size: 10px;
  letter-spacing: 2px;
  color: #ff2ec4;
  border: 1px solid rgba(255,46,196,0.35);
  border-radius: 3px;
  padding: 3px 8px;
  margin-bottom: 14px;
}

.edu-card.visible .edu-tag {
  animation: eduFlicker 0.4s steps(3) 0.15s;
}
@keyframes eduFlicker {
  0%, 100% { opacity: 1; }
  30% { opacity: 0.2; }
  60% { opacity: 0.8; }
}

.edu-card h3 {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: #eafffb;
  margin-bottom: 6px;
  line-height: 1.3;
}

.edu-card p {
  font-family: 'Share Tech Mono', monospace;
  font-size: 11.5px;
  color: #7fe9e0;
  margin-bottom: 4px;
}

.edu-card span.dates {
  display: block;
  font-family: 'Share Tech Mono', monospace;
  font-size: 11px;
  color: #5a6570;
  margin-top: 8px;
}