.timeline-container{position:relative;max-width:1100px;margin:0 auto;padding:20px 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--blue) 0%,rgba(23,62,232,.2) 100%);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:60px;display:flex;align-items:center;transition:transform .2s ease}.timeline-item:last-child{margin-bottom:0}.timeline-item:hover{transform:translateY(-2px)}.timeline-left{flex-direction:row}.timeline-right{flex-direction:row-reverse}.timeline-dot{position:absolute;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--blue);z-index:2;transition:all .2s ease}.timeline-item:hover .timeline-dot{background:var(--blue);transform:translate(-50%) scale(1.3);box-shadow:0 0 0 6px #173ee826}.timeline-card{width:calc(50% - 50px);padding:28px 32px;background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.06);transition:all .2s ease}.timeline-item:hover .timeline-card{box-shadow:0 8px 30px #173ee81f;border-color:#173ee833}.timeline-left .timeline-card{margin-right:auto;text-align:right}.timeline-right .timeline-card{margin-left:auto;text-align:left}.timeline-card-year{display:inline-block;padding:6px 16px;background:var(--blue);color:#fff;font-family:Arial,sans-serif;font-size:14px;font-weight:700;border-radius:20px;margin-bottom:16px;transition:all .2s ease}.timeline-item:hover .timeline-card-year{background:#1a4fd6;transform:scale(1.05)}.timeline-card h3{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:12px;transition:color .2s ease}.timeline-item:hover .timeline-card h3{color:var(--blue)}.timeline-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}@media(max-width:768px){.timeline-line{left:30px}.timeline-item{flex-direction:row!important;padding-left:60px}.timeline-dot{left:30px}.timeline-card{width:100%;text-align:left!important}}