.timeline {
  display:flex;
  flex-direction:column;
  gap:20px;
  margin-top:20px;
}

.timeline-item {
  background:#fff;
  padding:15px 20px;
  border-radius:12px;
  box-shadow:0 5px 15px rgba(0,0,0,0.05);
  transition: transform 0.3s, box-shadow 0.3s;
}

.timeline-item:hover {
  transform: translateY(-5px);
  box-shadow:0 12px 25px rgba(0,0,0,0.15);
}

.timeline-date {
  font-size:13px;
  color:#888;
  margin-bottom:6px;
  font-weight:500;
}