@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.roadmap-page{width:100vw;max-width:100%;margin:0 auto;padding:120px 60px;background:linear-gradient(270deg,#18172f,#000000,);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:#ffffff;display:flex;flex-direction:column}.timeline-container{position:relative;width:100%;padding:0;box-sizing:border-box}.timeline-container:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:#ffffff;z-index:0}.completed-milestones-section h2,.future-goals-section h2{color:#ffffff;margin-bottom:20px;text-align:center}.completed-milestones-section .timeline-item{opacity:.9}.completed-milestones-section .timeline-date{text-decoration:line-through;-webkit-text-decoration-color:#ff0000;text-decoration-color:#ff0000;text-decoration-thickness:2px;opacity:.9}.timeline-icon{min-width:44px!important;height:44px!important;display:flex;justify-content:center;align-items:center;color:#ffffff;border-radius:50%;background:linear-gradient(45deg,#0b043d,#410b9a);padding:10px}.timeline-item.right .timeline-icon{margin-left:14px;margin-right:0}.timeline-item.left .timeline-icon{margin-right:14px;margin-left:0}.timeline-text-content{display:flex;flex-direction:column}.timeline-item-title{font-size:1.3em;font-weight:900;margin-bottom:.4em;font-family:var(--third-font)}.timeline-item-description{font-size:.95rem;font-family:var(--body-font)}.roadmap-header{text-align:center;margin:10px 0 50px}.sub-title{color:#01c2d2;margin-bottom:.25em}.roadmap-title{color:#ffffff;margin:0}.timeline-item{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;position:relative}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,123,255,.7)}70%{box-shadow:0 0 0 10px rgba(0,123,255,0)}to{box-shadow:0 0 0 0 rgba(0,123,255,0)}}.timeline-item:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--main-color);border-radius:50%;width:10px;height:10px;z-index:7;animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-item-content{padding:20px;background-color:#ffffff;color:#333;position:relative;z-index:3;display:flex;align-items:center;width:calc(50% - 40px);box-shadow:0 4px 8px rgba(0,0,0,.1);animation:fadeIn 1s ease-out forwards}.timeline-item.left .timeline-item-content{border-radius:1px 5px 5px 1px;border-left:3px solid var(--main-color)}.timeline-item.right .timeline-item-content{border-radius:5px 1px 1px 5px;border-right:3px solid var(--main-color);text-align:right}.timeline-image{width:44px;object-fit:cover}.timeline-date{position:absolute;color:#fff;padding:5px 10px;z-index:4;font-family:var(--primary-font);color:var(--main-color);top:-56px;font-size:50px;opacity:100%;text-shadow:2px 2px 2px rgba(0,0,0,.7)}.timeline-item.left{justify-content:flex-end}.timeline-item.left .timeline-date{right:0;margin-right:-30px}.timeline-item.right .timeline-date{left:0;margin-left:-30px}.timeline-horizontal-connector{position:absolute;height:1px;background-color:#ffffff;top:50%;z-index:-1}.timeline-item.left .timeline-horizontal-connector{right:100%;left:auto;width:40px}.timeline-item.right .timeline-horizontal-connector{left:100%;right:auto;width:40px}.timeline-item .timeline-point{display:none}.timeline-item.left .timeline-point{border-right:10px solid #ffffff;transform:translateX(50%) translateY(-50%);right:100%}.timeline-item.left .timeline-point,.timeline-item.right .timeline-point{display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;top:50%;z-index:2}.timeline-item.right .timeline-point{border-left:10px solid #ffffff;transform:translateX(-50%) translateY(-50%);left:100%}section.future-goals-section{margin-top:40px}@media (min-width:769px){.timeline-item.left .timeline-item-content,.timeline-item.right .timeline-item-content{flex-direction:row}.timeline-item.right .timeline-icon{order:2;margin-right:0}.timeline-item.left .timeline-icon{order:-1}}@media (max-width:768px){.roadmap-page{padding:60px 20px}section.future-goals-section{margin-top:80px}.timeline-item{display:flex;align-items:center;justify-content:flex-start;margin-bottom:-40px;position:relative}.timeline-item-content{flex-direction:column}.timeline-icon{margin-right:0;margin-bottom:6px}.timeline-item .timeline-item-content{width:calc(50% - 20px);padding-left:20px}.timeline-item.left .timeline-item-content,.timeline-item.right .timeline-item-content{text-align:center}.timeline-item.right .timeline-date{left:0;margin-left:-30px}.timeline-item.left .timeline-date{right:0;margin-right:-30px}.timeline-item.left .timeline-horizontal-connector,.timeline-item.right .timeline-horizontal-connector{width:20px}.timeline-item .timeline-icon-wrapper,.timeline-item .timeline-image{display:block;margin:0 auto 10px}.timeline-item .timeline-text-content{font-size:1em}.timeline-date{display:block;margin-top:26px;font-size:1.5em;text-shadow:2px 2px 1px rgba(0,0,0,.9)}.roadmap-title,.sub-title{text-align:center}}