.timeline-container{position:relative;overflow:hidden}.timeline-line-bg{position:absolute;left:50%;top:0;bottom:0;width:4px;background-color:#e2e8f0;transform:translate(-50%);border-radius:9999px;z-index:1}.timeline-line-progress{position:absolute;left:50%;top:0;width:4px;height:0;background:linear-gradient(to bottom,#0053a1,#2b6cb0);transform:translate(-50%);border-radius:9999px;z-index:2;transition:height .1s linear}.timeline-item{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;margin-bottom:3rem;position:relative;z-index:3}.timeline-item:last-child{margin-bottom:0}.timeline-circle{width:80px;height:80px;border-radius:50%;overflow:hidden;border:4px solid #0053A1;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #0053a140;position:relative;z-index:4}.timeline-circle img{width:100%;height:100%;object-fit:cover}.timeline-circle--plain{background:linear-gradient(135deg,#0053a1,#2b6cb0);color:#fff}.timeline-circle--current{background:linear-gradient(135deg,#0053a1,#2b6cb0);color:#fff;box-shadow:0 0 20px #0053a166,0 0 40px #0053a126;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0053a166,0 0 40px #0053a126}50%{box-shadow:0 0 25px #0053a199,0 0 50px #0053a140}}.timeline-empty{display:block}.timeline-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px #00000014;border-left:4px solid #0053A1;transition:transform .3s ease,box-shadow .3s ease}.timeline-card:hover{transform:scale(1.03);box-shadow:0 8px 30px #0035a126}.timeline-card--closed{border-left-color:#94a3b8;background:linear-gradient(135deg,#fff,#f8fafc)}.timeline-card--current{border-left-color:#0053a1;background:linear-gradient(135deg,#fff,#eff6ff)}.timeline-year{display:inline-block;background:linear-gradient(135deg,#0053a1,#2b6cb0);color:#fff;font-weight:700;font-size:.85rem;padding:.25rem .75rem;border-radius:9999px;margin-bottom:.75rem}.timeline-title{font-size:1.25rem;font-weight:700;color:#0053a1;margin-bottom:.5rem}.timeline-text{color:#4a5568;line-height:1.7;font-size:.95rem}.timeline-badge{display:inline-block;margin-top:.75rem;background-color:#f1f5f9;color:#64748b;font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:9999px;border:1px solid #e2e8f0}.timeline-stats{margin-top:1.25rem;display:flex;flex-direction:column;gap:.6rem}.timeline-stat-row{display:flex;align-items:center;gap:.5rem;font-size:.82rem}.timeline-stat-label{min-width:140px;color:#4a5568;font-weight:500}.timeline-stat-bar-bg{flex:1;height:8px;background-color:#e2e8f0;border-radius:9999px;overflow:hidden}.timeline-stat-bar{height:100%;border-radius:9999px;background:linear-gradient(90deg,#0053a1,#2b6cb0);width:0;transition:width 1.2s ease-out}.timeline-stat-value{min-width:36px;text-align:right;font-weight:700;color:#0053a1}.reveal-left{opacity:0;transform:translate(-60px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal-right{opacity:0;transform:translate(60px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal-center{opacity:0;transform:scale(.5);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-center.visible{opacity:1;transform:scale(1)}@media(max-width:767px){.timeline-line-bg,.timeline-line-progress{left:40px;transform:none}.timeline-item{grid-template-columns:auto 1fr;gap:1rem}.timeline-item.timeline-left .timeline-empty,.timeline-item.timeline-right .timeline-empty{display:none}.timeline-item.timeline-left,.timeline-item.timeline-right{grid-template-columns:auto 1fr}.timeline-item.timeline-left .timeline-content{order:2}.timeline-item.timeline-left .timeline-circle{order:1}.timeline-item.timeline-left .timeline-empty{order:3}.timeline-item.timeline-right .timeline-empty{order:1;display:none}.timeline-item.timeline-right .timeline-circle{order:1}.timeline-item.timeline-right .timeline-content{order:2}.timeline-circle{width:80px;height:80px}.timeline-stat-label{min-width:100px;font-size:.75rem}.timeline-stat-value,.timeline-stat-row{font-size:.75rem}}@media(min-width:768px){.timeline-circle{width:120px;height:120px}}@media(min-width:1024px){.timeline-circle{width:144px;height:144px}}