.timeline-container{background:linear-gradient(#fff5f7 0%,#fff 100%);max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 1rem}.timeline-header{text-align:center;background:linear-gradient(135deg,#fff0f3 0%,#fff 50%,#fff5f7 100%);border:1px solid #ffd6e0;border-radius:20px;margin-bottom:2rem;padding:2.5rem 1.5rem;box-shadow:0 8px 30px #f78da726}.timeline-title{background:linear-gradient(135deg,#f78da7 0%,#ff6b95 50%,#f78da7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}@media (min-width:768px){.timeline-title{font-size:3rem}}.timeline-subtitle{color:#666;margin:0;font-size:1.1rem;font-weight:500}.timeline-desc{color:#888;margin-top:.5rem;font-size:.9rem}.timeline-dots{justify-content:center;gap:.5rem;margin-top:1.25rem;display:flex}.timeline-dots span{background:#f78da7;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite timeline-pulse}.timeline-dots span:nth-child(2){animation-delay:.2s}.timeline-dots span:nth-child(3){animation-delay:.4s}@keyframes timeline-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.timeline-container h1{color:#fff;text-shadow:0 2px 4px #0000001a;background:linear-gradient(135deg,#f78da7 0%,#ff9eb5 50%,#ffa5c0 100%);border-radius:16px;align-items:center;gap:.75rem;margin:2.5rem 0 1rem;padding:1rem 1.5rem;font-size:1.75rem;font-weight:800;display:flex;position:relative;box-shadow:0 4px 15px #f78da74d}.timeline-container h1 svg{filter:drop-shadow(0 2px 4px #0000001a);width:1.75rem;height:1.75rem}.timeline-container h1:after{content:"";border-top:10px solid #ffa5c0;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:2rem}.timeline-container dl{background:#fff;border-radius:16px;margin:0 0 1rem;padding:0;overflow:hidden;box-shadow:0 4px 20px #f78da726}.timeline-container .event-row{background:#fff;border-bottom:1px solid #ffe4e9;flex-wrap:nowrap;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;transition:all .3s;display:flex}@media (max-width:767px){.timeline-container .event-row{gap:.75rem;padding:.85rem 1rem}}.timeline-container .event-row:hover{background:linear-gradient(90deg,#fff9fa 0%,#fff 100%);padding-left:2rem}.timeline-container .event-row:last-child{border-bottom:none}.timeline-container dt{color:#f78da7;text-align:center;background:linear-gradient(135deg,#fff0f3 0%,#ffe4e9 100%);border-radius:20px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;min-width:70px;padding:.35rem .5rem;font-size:.8rem;font-weight:700;display:flex}.timeline-container dd{color:#333;word-break:break-all;overflow-wrap:break-word;flex:1;align-self:center;margin:0;font-size:.95rem;font-weight:600;line-height:1.4}.timeline-container .detail{color:#fff;cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:linear-gradient(135deg,#f78da7 0%,#ff9eb5 50%,#ffa5c0 100%);border:none;border-radius:25px;flex-shrink:0;align-self:center;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 3px 10px #f78da759}.timeline-container .detail:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.timeline-container .detail:hover:before{left:100%}.timeline-container .detail:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #f78da780}.timeline-container .detail:active{transform:translateY(-1px)scale(.98)}.timeline-container .active-history{background:linear-gradient(135deg,#fff9fa 0%,#fff5f7 50%,#ffe9ed 100%);border-radius:16px;flex-direction:column;gap:1.5rem;margin:.75rem 1rem 1rem;padding:1.5rem;animation:.3s ease-out timeline-slideDown;display:flex}.timeline-container .active-history-mediaonly{background:linear-gradient(135deg,#fff9fa 0%,#fff5f7 50%,#ffe9ed 100%);border-radius:16px;margin:.75rem 1rem 1rem;padding:1.5rem;animation:.3s ease-out timeline-slideDown}@keyframes timeline-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.timeline-container .active-history{flex-direction:row}}.timeline-container .left,.timeline-container .right{flex-direction:column;flex:1;gap:1.25rem;display:flex}.timeline-container .media1,.timeline-container .media2{border-radius:12px;width:100%;margin-bottom:1rem;overflow:hidden;box-shadow:0 4px 15px #0000001a}.timeline-container .video{border-radius:12px;max-width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.timeline-container .video iframe{border-radius:12px;position:absolute;top:0;left:0;width:100%!important;max-width:100%!important;height:100%!important}.timeline-container iframe[src*=youtube],.timeline-container iframe[src*=youtu\.be]{width:100%!important;max-width:100%!important}.timeline-container .instagram-media,.timeline-container blockquote.instagram-media{min-width:auto!important;max-width:100%!important;margin:1rem auto!important}.timeline-container .date,.timeline-container .article,.timeline-container .linkbtnHistory{background:#fff9;border-left:4px solid #f78da7;border-radius:8px;margin-bottom:.5rem;padding:1rem;transition:all .3s;box-shadow:0 2px 8px #f78da70d}.timeline-container .date:hover,.timeline-container .article:hover,.timeline-container .linkbtnHistory:hover{background:#ffffffe6;transform:translate(2px);box-shadow:0 4px 12px #f78da726}.timeline-container .place-h3,.timeline-container .artilcle-h3,.timeline-container .link-h3,.timeline-container .link-h3BDL{color:#f78da7;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.25rem;font-size:1.1rem;font-weight:700;display:flex}.timeline-container ul{margin:0;padding:0;list-style:none}.timeline-container ul li{border-bottom:1px solid #fff0f3;padding:.6rem 0;transition:all .2s}.timeline-container ul li:hover{background:#fff9fa;border-radius:6px;padding-left:.5rem}.timeline-container ul li:last-child{border-bottom:none}.timeline-container ul li a{color:#e67a95;font-weight:500;text-decoration:none;transition:all .3s}.timeline-container ul li a:hover{color:#f78da7;text-decoration:none}.timeline-container .pc_hid{display:none}@media (min-width:768px){.timeline-container .pc_hid{display:block}}.timeline-container blockquote.twitter-tweet,.timeline-container blockquote.instagram-media{border-radius:12px;margin:1rem 0;overflow:hidden}.timeline-container::-webkit-scrollbar{width:8px}.timeline-container::-webkit-scrollbar-track{background:#fff0f3;border-radius:4px}.timeline-container::-webkit-scrollbar-thumb{background:linear-gradient(#f78da7,#ffa5c0);border-radius:4px}.timeline-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e67a95,#f78da7)}.year-tabs{background:#ffffff80;border:1px solid #ffd6e0;border-radius:30px;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.5rem 0;padding:.5rem;display:flex}.year-tab{color:#666;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:20px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .3s}.year-tab:hover{color:#f78da7;background:#fff0f3}.year-tab.active{color:#fff;background:linear-gradient(135deg,#f78da7 0%,#ffa5c0 100%);box-shadow:0 4px 12px #f78da74d}.timeline-content{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}