.timeline-container{max-width:1400px;margin:0 auto;position:relative;padding:2rem 1rem}.timeline-wrapper{position:relative;overflow-x:auto;overflow-y:visible;padding:2rem 0 3rem;margin-bottom:3rem;scroll-behavior:smooth}.timeline-line{position:absolute;top:12px;left:4rem;right:4rem;height:4px;background:linear-gradient(90deg,#e5e7eb,#3b82f6,#e5e7eb);border-radius:2px;transform:translateY(-50%);box-shadow:0 4px 12px #3b82f626;transition:all .3s ease}.timeline-items{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;min-width:900px;padding:0 4rem;gap:1rem}.timeline-item{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);will-change:transform}.timeline-item:hover{transform:translateY(-12px) scale(1.05)}.timeline-circle{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:4px solid #cbd5e1;position:relative;z-index:3;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px #0000001a;will-change:transform,box-shadow}.timeline-circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#64748b;border-radius:50%;transition:all .5s cubic-bezier(.34,1.56,.64,1);opacity:.8}.timeline-circle.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#1d4ed8;box-shadow:0 12px 32px #3b82f666,0 0 0 4px #3b82f61a;transform:scale(1.2);animation:pulse-active 2s infinite}.timeline-circle.active:before{background:#fff;width:12px;height:12px;opacity:1}.timeline-item:hover .timeline-circle{transform:scale(1.3);box-shadow:0 16px 40px #3b82f64d}.timeline-item:hover .timeline-circle:not(.active){background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}@keyframes pulse-active{0%,to{box-shadow:0 12px 32px #3b82f666,0 0 0 4px #3b82f61a}50%{box-shadow:0 12px 32px #3b82f699,0 0 0 8px #3b82f633}}.timeline-line-vertical{width:3px;height:60px;background:linear-gradient(180deg,#cbd5e1,#e2e8f0);margin:16px 0;border-radius:2px;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.timeline-line-vertical:before{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(180deg,#3b82f6,#1d4ed8);transition:height .6s ease}.timeline-line-vertical.active:before{height:100%}.timeline-line-vertical.active{box-shadow:0 6px 16px #3b82f64d}.timeline-date{font-size:14px;font-weight:700;color:#475569;text-align:center;white-space:nowrap;padding:14px 20px;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 8px 32px #00000014;transition:all .5s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(203,213,225,.3);position:relative;transform-origin:center}.timeline-date:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(45deg);width:16px;height:16px;background:inherit;border:inherit;border-bottom:none;border-right:none;z-index:-1}.timeline-date.active{color:#1d4ed8;background:#dbeafefa;border-color:#3b82f666;box-shadow:0 12px 40px #3b82f640;transform:scale(1.1)}.timeline-item:hover .timeline-date{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 48px #0000001f}.dean-info.show{opacity:1;transform:translateY(0);animation:slideInUp .6s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.timeline-container{padding:1.5rem .75rem}.timeline-wrapper{padding-bottom:4rem}.timeline-items{width:-moz-fit-content;width:fit-content;padding:0 3rem;gap:.75rem}.timeline-line{left:3rem;right:3rem}}@media (max-width: 768px){.timeline-container{padding:1rem .5rem}.timeline-wrapper{margin-bottom:2rem;padding:1.5rem 0 2.5rem}.timeline-items{min-width:600px;padding:0 2rem;gap:.5rem}.timeline-line{left:2rem;right:2rem;height:3px}.timeline-circle{width:24px;height:24px;border-width:3px}.timeline-circle:before{width:8px;height:8px}.timeline-circle.active:before{width:10px;height:10px}.timeline-line-vertical{height:50px;width:2px}.timeline-date{font-size:12px;padding:10px 14px;border-radius:12px}.timeline-item:hover{transform:translateY(-8px) scale(1.02)}}@media (max-width: 480px){.timeline-items{min-width:480px;padding:0 20px}.timeline-line{left:20px;right:20px}.timeline-date{font-size:10px;padding:6px 8px}.dean-info{padding:20px 15px;border-radius:16px}.stats-grid{grid-template-columns:1fr;gap:15px}}.timeline-wrapper::-webkit-scrollbar{height:8px}.timeline-wrapper::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.timeline-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px}.timeline-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#d97706,#f59e0b)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-item{animation:fadeInUp .6s ease forwards}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:nth-child(6){animation-delay:.6s}.timeline-item:nth-child(7){animation-delay:.7s}.timeline-item:nth-child(8){animation-delay:.8s}.timeline-item:nth-child(9){animation-delay:.9s}