.about-page .timeline-section{padding:80px 0;background:radial-gradient(1000px 380px at 20% 0, rgba(99,102,241,.08), transparent 60%), radial-gradient(1000px 380px at 80% 20%, rgba(59,130,246,.08), transparent 60%), linear-gradient(180deg,#eef2ff 0%, #ffffff 70%)}
.about-page .timeline{position:relative;width:min(1200px,92%);margin:0 auto}
.about-page .timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg, rgba(34,211,238,.6), rgba(59,130,246,.6));border-radius:2px}
.about-page .timeline-item{position:relative;margin:32px 0 42px}
.about-page .timeline-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px 20px;box-shadow:0 16px 40px rgba(15,23,42,.08);width:calc(50% - 40px)}
.about-page .timeline-item.left .timeline-card{margin-right:auto}
.about-page .timeline-item.right .timeline-card{margin-left:auto}
.about-page .timeline-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:999px;background:#06b6d4;border:6px solid #e0f2fe;box-shadow:0 8px 24px rgba(13,148,136,.25), 0 0 0 6px rgba(34,211,238,.25)}
.about-page .timeline-date{font-size:12px;letter-spacing:.2px;color:#6b7280;font-weight:700;margin-bottom:6px}
.about-page .timeline-body{color:#374151;font-weight:600}
.about-page .timeline-card a{color:#06b6d4;text-decoration:none;font-weight:800}
.about-page .timeline-card a:hover{color:#0891b2}

@media (max-width: 960px){
  .about-page .timeline-line{left:22px}
  .about-page .timeline-card{width:auto;margin-left:54px;margin-right:0}
  .about-page .timeline-item.left .timeline-card,.about-page .timeline-item.right .timeline-card{margin-left:54px}
  .about-page .timeline-dot{left:22px}
}