.timeline-horizontal-wrapper{position:relative;width:100%;height:100vh;overflow:hidden}.timeline-svg-filters{position:absolute;width:0;height:0;pointer-events:none}.timeline-scroll-container{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.3) transparent;height:100%;display:flex;align-items:center;-webkit-overflow-scrolling:touch}.timeline-scroll-container::-webkit-scrollbar{height:6px}.timeline-scroll-container::-webkit-scrollbar-track{background:transparent}.timeline-scroll-container::-webkit-scrollbar-thumb{background:rgba(56,189,248,.3);border-radius:3px}.timeline-scroll-container::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,.5)}.timeline-track{position:relative;display:flex;gap:400px;align-items:center;min-width:-moz-min-content;min-width:min-content;padding:0 150px;height:100%}.timeline-center-line{position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.4) 5%,rgba(56,189,248,.4) 95%,transparent);transform:translateY(-50%);filter:url(#timeline-edge-distortion);z-index:0;margin-bottom:40px}.timeline-milestone{position:relative;display:flex;flex-direction:column;align-items:center;min-width:350px;max-width:350px;z-index:1}.timeline-milestone--top{justify-content:space-between;align-items:center;padding-bottom:150px}.timeline-milestone--bottom{justify-content:space-between;flex-direction:column-reverse;align-items:center;padding-top:150px}.timeline-connector{width:3px;height:60px;background:rgba(56,189,248,.4);filter:url(#connector-edge-distortion);flex-shrink:0}.timeline-milestone--top .timeline-connector{margin-top:10px}.timeline-milestone--bottom .timeline-connector{margin-bottom:10px}.timeline-date-marker{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-card{width:100%;flex-shrink:0}.timeline-milestone--top .timeline-card{margin-bottom:20px}.timeline-milestone--bottom .timeline-card{margin-top:20px}.mini-event-horizon-svg{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.mini-event-horizon-ring{animation:mini-event-glow 3s ease-in-out infinite}@keyframes mini-event-glow{0%,to{opacity:.5;stroke-width:2}50%{opacity:.8;stroke-width:2.5}}.timeline-date-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;background:hsla(0,0%,100%,.95);padding:12px 16px;border-radius:50%;width:80px;height:80px;justify-content:center}.timeline-year{font-size:20px;font-weight:700;color:var(--gray-900)}.timeline-date,.timeline-year{letter-spacing:.5px;line-height:1}.timeline-date{font-size:11px;font-weight:600;color:var(--blue-500);text-transform:uppercase}.timeline-card>div{padding:24px!important}.timeline-header{font-size:22px;font-weight:700;color:var(--gray-900);margin-bottom:8px;line-height:1.3}.timeline-subheader{font-size:16px;font-weight:600;color:silver;margin-bottom:12px;line-height:1.4}.timeline-content{font-size:14px;color:var(--gray-900);line-height:1.6;margin:0}.timeline-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.95);border:1px solid rgba(56,189,248,.3);border-radius:50%;color:var(--blue-500);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.timeline-nav-arrow:hover{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.5);box-shadow:0 4px 12px rgba(56,189,248,.2)}.timeline-nav-arrow:active{transform:translateY(-50%) scale(.95)}.timeline-nav-left{left:20px}.timeline-nav-right{right:20px}@media (max-width:768px){.timeline-track{gap:80px;padding:0 60px}.timeline-milestone{min-width:300px;max-width:300px}.timeline-date-marker{width:100px;height:100px}.timeline-date-content{width:70px;height:70px;padding:10px 12px}.timeline-year{font-size:18px}.timeline-date{font-size:10px}.timeline-card>div{padding:20px!important}.timeline-header{font-size:20px}.timeline-subheader{font-size:15px}.timeline-content{font-size:13px}.timeline-nav-arrow{width:40px;height:40px}.timeline-nav-left{left:10px}.timeline-nav-right{right:10px}}