.timeline-container{max-width:1200px;margin:0 auto;padding:40px 20px}.timeline-header{text-align:center;margin-bottom:60px}.timeline-header h1{font-size:2.5rem;color:#003087;margin-bottom:10px;font-weight:700}.timeline-header p{font-size:1.2rem;color:#666}.timeline{position:relative;padding:20px 0}.timeline-container.vertical .timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:4px;height:100%;background:linear-gradient(180deg,transparent 0%,#003087 2%,#0056b3 50%,#003087 98%,transparent 100%)}.timeline.vertical:after{content:"";position:absolute;left:50%;bottom:-20px;transform:translate(-50%);width:32px;height:32px;background:radial-gradient(circle,#003087 30%,#0056b3 60%,transparent 100%);border-radius:50%;z-index:3;box-shadow:0 0 0 8px #0030871a,0 0 0 16px #0030870d,0 4px 12px #00000026;animation:pulseEnd 2s ease-in-out infinite}@keyframes pulseEnd{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 0 8px #0030871a,0 0 0 16px #0030870d,0 4px 12px #00000026}50%{transform:translate(-50%) scale(1.05);box-shadow:0 0 0 12px #00308726,0 0 0 24px #00308714,0 4px 12px #00000026}}.timeline-item{display:flex;justify-content:flex-end;padding-right:50%;position:relative;margin-bottom:50px;width:100%}.timeline-item.right{justify-content:flex-start;padding-left:50%;padding-right:0}.timeline-content{width:var(--card-width, 90%);position:relative;padding:0 40px;transition:width .3s ease}.timeline-item.right .timeline-content{padding:0 40px}.timeline-marker{position:absolute;left:50%;transform:translate(-50%);width:20px;height:20px;background:#003087;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #00308733;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.timeline-marker:hover{width:70px;border-radius:20px;box-shadow:0 0 0 4px #0030874d}.timeline-marker-year{font-size:0;font-weight:700;color:#fff;transition:font-size .3s ease;white-space:nowrap}.timeline-marker:hover .timeline-marker-year{font-size:.75rem}.timeline-date{font-size:.9rem;font-weight:600;color:#003087;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.timeline-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.timeline-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.timeline-image{width:100%;height:250px;overflow:hidden}.timeline-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.timeline-card:hover .timeline-image img{transform:scale(1.05)}.timeline-item.highlight .timeline-card{animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%,to{box-shadow:0 4px 6px #0000001a}50%{box-shadow:0 0 30px #00308799;transform:scale(1.03)}}.timeline-body{padding:25px}.timeline-title{font-size:1.5rem;color:#003087;margin-bottom:15px;font-weight:600;line-height:1.3;text-wrap:balance}.timeline-text{font-size:1rem;color:#555;line-height:1.6;margin-bottom:20px;text-align:justify;text-wrap:pretty;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.expand-btn-inline{background:none;border:none;color:#003087;font-size:.95rem;font-weight:600;cursor:pointer;padding:0;margin:0;text-decoration:underline;transition:color .3s ease;display:inline;vertical-align:baseline}.expand-btn-inline:hover{color:#0056b3}.timeline-link{display:inline-flex;align-items:center;color:#003087;text-decoration:none;font-weight:600;transition:color .3s ease}.timeline-link:hover{color:#0056b3}@media (max-width: 768px){.timeline.vertical:before{left:20px}.timeline-item.vertical,.timeline-item.vertical.right{justify-content:flex-start;padding-left:60px;padding-right:0}.timeline-item.vertical .timeline-content{width:100%;padding:0}.timeline-item.vertical .timeline-marker{left:20px;transform:translate(-50%)}.timeline-header h1{font-size:1.8rem}.timeline-header p{font-size:1rem}.timeline-image{height:200px}.timeline-title{font-size:1.2rem}.timeline-text{font-size:.95rem}}@media (max-width: 480px){.timeline-container{padding:20px 10px}.timeline-header{margin-bottom:40px}.timeline-header h1{font-size:1.5rem}.timeline-body{padding:20px}.timeline-image{height:180px}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.timeline-item.left .timeline-content{animation:slideInLeft .6s ease-out}.timeline-item.right .timeline-content{animation:slideInRight .6s ease-out}.timeline-container.horizontal{padding:20px 40px}.timeline.horizontal{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:60px 20px 40px;gap:30px;position:relative;cursor:grab}.timeline-line-horizontal{position:absolute;top:60px;left:20px;height:4px;background:#003087;z-index:0;pointer-events:none}.timeline.horizontal:after{content:"";flex-shrink:0;width:40px;height:1px;order:9999}.timeline.horizontal:active{cursor:grabbing;scroll-behavior:auto}.timeline.horizontal::-webkit-scrollbar{height:8px}.timeline.horizontal::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.timeline.horizontal::-webkit-scrollbar-thumb{background:#003087;border-radius:4px}.timeline.horizontal::-webkit-scrollbar-thumb:hover{background:#0056b3}.timeline.horizontal{scrollbar-width:thin;scrollbar-color:#003087 #f0f0f0}.timeline-item.horizontal{flex-shrink:0;width:350px;display:flex;flex-direction:column;padding:0;margin-bottom:0;position:relative}.timeline-item.horizontal.left,.timeline-item.horizontal.right{justify-content:flex-start;padding:0}.timeline-item.horizontal .timeline-content{width:100%;padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.timeline-item.horizontal .timeline-marker{position:absolute;top:52px;left:50%;transform:translate(-50%);width:20px;height:20px;z-index:2}.timeline-item.horizontal .timeline-marker:hover{width:70px;height:26px;top:49px}.timeline-item.horizontal .timeline-marker:hover .timeline-marker-year{font-size:.8rem}.timeline-item.horizontal .timeline-date{position:absolute;top:15px;left:50%;transform:translate(-50%);white-space:nowrap;text-align:center;z-index:3;background:#f5f5f5;padding:4px 10px;border-radius:6px}.timeline-item.horizontal .timeline-card{margin-top:100px;width:100%}.timeline-item.horizontal .timeline-image{height:200px}.timeline-item.horizontal .timeline-image img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.timeline-item.horizontal .timeline-content{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.no-events{width:100%;text-align:center;padding:60px 20px}.no-events p{font-size:1.2rem;color:#666;font-style:italic}@media (max-width: 768px){.timeline-container.horizontal{padding:20px 10px}.timeline.horizontal{gap:20px;padding:50px 10px 30px}.timeline-item.horizontal{width:280px}.timeline-item.horizontal .timeline-image{height:160px}.timeline-item.horizontal .timeline-card{margin-top:90px}.timeline-item.horizontal .timeline-marker{top:48px}.timeline.horizontal:before{top:56px}.timeline-item.horizontal .timeline-date{top:10px}}@media (max-width: 480px){.timeline.horizontal{gap:15px}.timeline-item.horizontal{width:250px}.timeline-item.horizontal .timeline-image{height:140px}.timeline-item.horizontal .timeline-body{padding:15px}.timeline-item.horizontal .timeline-title{font-size:1.1rem}.timeline-item.horizontal .timeline-text{font-size:.9rem}}.timeline.horizontal .timeline-item.left .timeline-content,.timeline.horizontal .timeline-item.right .timeline-content{animation:fadeInUp .6s ease-out;padding:0}.timeline-item.horizontal.left .timeline-marker,.timeline-item.horizontal.right .timeline-marker{position:absolute;top:52px;left:50%;transform:translate(-50%)}.timeline-item.horizontal.left .timeline-date,.timeline-item.horizontal.right .timeline-date{position:absolute;top:15px;left:50%;transform:translate(-50%)}.timeline-container.horizontal .timeline-header{text-align:center;margin-bottom:40px}.year-navigation{max-width:1200px;margin:0 auto 40px;padding:0 20px;transition:all .3s ease}.year-navigation.vertical{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:180px;max-width:180px;margin:0;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:80vh;overflow-y:auto}.year-navigation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.year-navigation.vertical .year-navigation-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}.year-navigation-header h3{font-size:1.2rem;color:#003087;font-weight:600}.year-navigation.vertical .year-navigation-header h3{font-size:1rem;margin-bottom:5px}.clear-filter-btn{padding:8px 16px;background:#f5f5f5;border:none;border-radius:6px;color:#666;font-size:.9rem;cursor:pointer;transition:all .3s ease}.clear-filter-btn:hover{background:#003087;color:#fff}.year-navigation-wrapper{position:relative;display:flex;align-items:center}.year-navigation.vertical .year-navigation-wrapper{flex-direction:column;align-items:stretch}.year-navigation-scroll{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0;scrollbar-width:thin;scrollbar-color:#003087 #f0f0f0}.year-navigation.vertical .year-navigation-scroll{flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:none;padding:0;gap:8px}.year-navigation-scroll::-webkit-scrollbar{height:6px}.year-navigation-scroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.year-navigation-scroll::-webkit-scrollbar-thumb{background:#003087;border-radius:3px}.year-navigation-scroll::-webkit-scrollbar-thumb:hover{background:#0056b3}.year-btn{flex-shrink:0;padding:10px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.year-navigation.vertical .year-btn{width:100%;text-align:center;padding:12px 16px;font-size:.95rem}.year-btn:hover{border-color:#003087;color:#003087;transform:translateY(-2px)}.year-navigation.vertical .year-btn:hover{transform:none;background:#f0f5ff;border-color:#003087}.year-btn.active{background:#003087;border-color:#003087;color:#fff;box-shadow:0 4px 8px #0030874d}.year-btn.active:hover{background:#0056b3;border-color:#0056b3;color:#fff;transform:translateY(-2px)}.year-navigation.vertical .year-btn.active:hover{background:#0056b3;border-color:#0056b3;color:#fff;transform:none}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:2px solid #003087;border-radius:50%;color:#003087;font-size:24px;font-weight:700;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.scroll-arrow:hover{background:#003087;color:#fff;transform:translateY(-50%) scale(1.1)}.scroll-arrow.left{left:-15px}.scroll-arrow.right{right:-15px}.year-navigation.vertical .scroll-arrow{display:none}.year-navigation.horizontal{margin-bottom:20px}@media (max-width: 1200px){.year-navigation.vertical{width:140px;left:10px}.year-navigation.vertical .year-btn{padding:10px 12px;font-size:.9rem}}@media (max-width: 768px){.year-navigation{padding:0 10px}.year-navigation.vertical{position:relative;width:100%;max-width:100%;left:0;top:0;transform:none;margin-bottom:20px;max-height:none}.year-navigation.vertical .year-navigation-scroll{flex-direction:row;overflow-x:auto;gap:10px;padding:10px 0}.year-navigation.vertical .year-btn{width:auto;white-space:nowrap}.year-navigation-header{flex-direction:column;align-items:flex-start;gap:10px}.year-btn{padding:8px 16px;font-size:.9rem}.scroll-arrow{width:35px;height:35px;font-size:20px}.scroll-arrow.left{left:-5px}.scroll-arrow.right{right:-5px}}@media (max-width: 480px){.year-navigation-header h3{font-size:1rem}.year-btn{padding:6px 12px;font-size:.85rem}.clear-filter-btn{font-size:.85rem;padding:6px 12px}}.view-toggle-container{display:flex;justify-content:center;gap:10px;margin-bottom:30px;padding:20px}.view-toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .3s ease}.view-toggle-btn:hover{border-color:#003087;color:#003087;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.view-toggle-btn.active{background:#003087;border-color:#003087;color:#fff}.view-toggle-btn svg{width:24px;height:24px}@media (max-width: 480px){.view-toggle-container{padding:10px;gap:5px}.view-toggle-btn{padding:10px 16px;font-size:.9rem}.view-toggle-btn span{display:none}.view-toggle-btn svg{width:20px;height:20px}}.width-control{max-width:1200px;margin:0 auto 30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.width-control label{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.width-label{font-size:1rem;font-weight:600;color:#003087}.width-value{font-size:1rem;font-weight:600;color:#666;min-width:50px;text-align:right}.width-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#003087,#0056b3);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:15px}.width-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#003087;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s ease}.width-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.width-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#003087;cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:transform .2s ease}.width-slider::-moz-range-thumb:hover{transform:scale(1.2)}.width-presets{display:flex;gap:10px;justify-content:center}.preset-btn{flex:1;padding:10px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.preset-btn:hover{border-color:#003087;color:#003087}.preset-btn.active{background:#003087;border-color:#003087;color:#fff}@media (max-width: 768px){.width-control{padding:15px;margin-bottom:20px}.width-label,.width-value{font-size:.9rem}.preset-btn{padding:8px 12px;font-size:.85rem}}@media (max-width: 480px){.width-control{padding:12px}.width-presets{flex-direction:column;gap:8px}.preset-btn{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;overscroll-behavior-y:contain}.app{min-height:100vh;padding:20px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:20px}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #003087;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:18px;color:#666}