.timeline-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background: linear-gradient(to bottom, #2563eb, #f97316, #2563eb); transform: translateX(-50%); border-radius: 20px; }
    .timeline-dot { position: absolute; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background: #fff; border: 4px solid #2563eb; border-radius: 50%; z-index: 20; box-shadow: 0 0 20px rgba(37, 99, 235, 0.5); }
    @media (max-width: 1024px) { .timeline-line { left: 20px; transform: none; } .timeline-dot { left: 20px; transform: translateY(-50%); } }