.timeline-vertical{position:relative;max-width:1000px;margin:0 auto;padding:20px 0}.timeline-vertical::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:2px;background-color:#e0e0e0}.timeline-item{position:relative;padding-left:60px;padding-bottom:40px}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:'';position:absolute;left:12px;top:0;width:18px;height:18px;border-radius:50%;background-color:#3b82f6;border:3px solid #fff;box-shadow:0 0 0 2px #3b82f6;z-index:1}.timeline-date{font-size:14px;font-weight:700;color:#3b82f6;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.timeline-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.timeline-content:hover{transform:translateX(5px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.timeline-title{margin:0 0 10px 0;font-size:20px;font-weight:600;color:#1f2937}.timeline-description{margin:0;font-size:15px;line-height:1.6;color:#6b7280}@media (min-width:881px){.timeline-vertical::before{left:50%;transform:translateX(-50%)}.timeline-item{padding-left:0;padding-right:0;width:100%;display:flex;flex-direction:column;align-items:flex-start}.timeline-item::before{left:50%;transform:translateX(-50%)}.timeline-item:nth-child(odd){align-items:flex-end;text-align:right}.timeline-item:nth-child(odd) .timeline-date,.timeline-item:nth-child(odd) .timeline-content{margin-right:calc(50% + 30px);width:calc(50% - 50px)}.timeline-item:nth-child(odd) .timeline-content:hover{transform:translateX(-5px)}.timeline-item:nth-child(even){align-items:flex-start;text-align:left}.timeline-item:nth-child(even) .timeline-date,.timeline-item:nth-child(even) .timeline-content{margin-left:calc(50% + 30px);width:calc(50% - 50px)}.timeline-item:nth-child(even) .timeline-content:hover{transform:translateX(5px)}}@media (max-width:880px){.timeline-vertical::before{left:15px}.timeline-item{padding-left:45px;padding-bottom:35px}.timeline-item::before{left:7px;width:16px;height:16px}.timeline-content{padding:15px}.timeline-title{font-size:18px}.timeline-description{font-size:14px}}@media (max-width:480px){.timeline-vertical{padding:10px 0}.timeline-vertical::before{left:12px}.timeline-item{padding-left:35px;padding-bottom:30px}.timeline-item::before{left:5px;width:14px;height:14px;border:2px solid #fff}.timeline-content{padding:12px 15px}.timeline-title{font-size:16px;margin-bottom:8px}.timeline-date{font-size:12px;margin-bottom:6px}.timeline-description{font-size:13px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.timeline-content{transition:none}}@media (prefers-color-scheme:dark){.timeline-content{background-color:#1f2937}.timeline-title{color:#f9fafb}.timeline-description{color:#d1d5db}}