.timeline{position:relative;max-width:900px;margin:3rem auto;padding:0 1rem}.timeline::before{content:"";position:absolute;top:0;width:3px;height:100%;background:rgba(255,255,255,.15)}.timeline-item{position:relative;padding:1rem 2rem;box-sizing:border-box}.timeline-item::before{content:"";position:absolute;left:-8px;top:20px;width:16px;height:16px;border-radius:50%;background:#00bcd4;border:3px solid #1e1e1e;z-index:1}.timeline-content{background:#2b2b2b;color:#e0e0e0;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.25);transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,.4)}.timeline-date{font-weight:600;font-size:.9rem;color:#9e9e9e;margin-bottom:.4rem;letter-spacing:.5px}.timeline-content h3{margin:.3rem 0;color:#fff;font-size:1.1rem;text-align:left}.timeline-content p{margin:.4rem 0 0;color:#ccc;line-height:1.5;font-size:.95rem}.timeline-item:nth-child(odd) .timeline-description{text-align:left}@media screen and (max-width:768px){.timeline::before{left:8px}.timeline-item{width:100%;padding-left:1.5rem;padding-right:0;text-align:left!important}.timeline-item::before{left:-18px}}