:root{--primary:#00215c;--text:#306f98;--bg:#f4f9fc;--line:#87a2c0;--circle:#ffad16;--card-border:#d6e3f2}.timeline-wrapper{background:var(--bg);display:flex;justify-content:center;padding:60px 20px}.timeline{margin:auto;max-width:1000px;position:relative;width:100%}.timeline:after{background:var(--line);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:0}.timeline-item{align-items:stretch;display:flex;justify-content:space-between;margin:70px 0;min-height:160px;position:relative}.timeline-item.left{flex-direction:row}.timeline-item.right{flex-direction:row-reverse}.timeline-number{align-items:center;background:var(--circle);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.12);color:#000;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:5}.timeline-content{border-radius:8px;flex-direction:column;padding:20px}.timeline-content,.timeline-image{background:#fff;border:1px solid var(--card-border);box-shadow:0 4px 12px rgba(0,0,0,.06);display:flex;width:42%}.timeline-image{border-radius:8px;overflow:hidden}.timeline-image img{cursor:pointer;display:block;height:100%;object-fit:cover;transition:transform .2s;width:100%}.timeline-image img:hover{transform:scale(1.03)}.timeline-content h3{color:var(--primary);font-size:18px;font-weight:700;margin:0 0 8px}.timeline-content .desc{color:var(--text);font-size:15px;line-height:1.6;margin:0}.icon-box{margin-bottom:12px}.icon-box img{display:block;height:auto;max-width:40px}@media (max-width:768px){.timeline:after{left:-10px;transform:none}.timeline-item{flex-direction:column!important;margin:40px 0;min-height:auto}.timeline-number{left:-10px;transform:translate(-50%,-50%)}.timeline-content,.timeline-image{height:auto;margin:12px 0;width:100%}.timeline-image img{height:auto;object-fit:contain}}.timeline-lightbox{align-items:center;background-color:rgba(0,0,0,.9);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.timeline-lightbox.active{display:flex}.timeline-lightbox-img{border-radius:6px;box-shadow:0 0 30px rgba(0,0,0,.6);max-height:95vh;max-width:95vw}.timeline-lightbox-close{color:#fff;cursor:pointer;font-size:36px;font-weight:700;position:absolute;right:40px;top:20px;transition:.2s}.timeline-lightbox-close:hover{color:#ccc}.timeline-lightbox-next,.timeline-lightbox-prev{color:#fff;cursor:pointer;font-size:36px;font-weight:700;margin-top:-30px;padding:16px;position:absolute;top:50%;transition:.3s;user-select:none;width:auto}.timeline-lightbox-prev{left:20px}.timeline-lightbox-next{right:20px}.timeline-lightbox-next:hover,.timeline-lightbox-prev:hover{color:#ccc}