.roadmap{background:var(--section-background);text-align:center;padding:120px 0;position:relative}.roadmap-timeline-container{max-width:1000px;margin:0 auto;position:relative}.roadmap-timeline-container:before{content:"";background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary),transparent);opacity:.3;-webkit-border-radius:3px;border-radius:3px;width:3px;height:100%;position:absolute;top:0;left:50%;-ms-transform:translate(-50%);transform:translate(-50%)}.roadmap-item{box-sizing:border-box;width:50%;padding:20px 0;position:relative}.roadmap-item:nth-child(odd){text-align:center;padding-right:70px;left:0}.roadmap-item:nth-child(2n){text-align:center;padding-left:70px;left:50%}.roadmap-content{background:rgba(var(--color-text-light-rgb),.05);border:var(--border-light);-webkit-backdrop-filter:blur(10px);-webkit-border-radius:20px;border-radius:20px;width:100%;padding:1.5rem 2rem;transition:-ms-transform .3s,transform .3s,box-shadow .3s;display:inline-block;position:relative}.roadmap-content:hover{box-shadow:0 10px 25px rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.5);-ms-transform:translateY(-5px);transform:translateY(-5px)}.roadmap-phase-circle{background:var(--color-background-dark);z-index:10;width:50px;height:50px;font-family:var(--font-orbitron);border:3px solid;-webkit-border-radius:50%;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.roadmap-phase-circle.completed{color:#8a2be2;border-color:#8a2be2;box-shadow:0 0 15px rgba(138,43,226,.5)}.roadmap-phase-circle.in-progress{color:#ffc107;border-color:#ffc107;box-shadow:0 0 15px rgba(255,193,7,.5)}.roadmap-phase-circle.future{color:#6c757d;border-color:#6c757d;box-shadow:0 0 15px rgba(108,117,125,.5)}.roadmap-item:nth-child(odd) .roadmap-phase-circle{right:-25px}.roadmap-item:nth-child(2n) .roadmap-phase-circle{left:-25px}.roadmap-title{font-family:var(--font-bebas);color:var(--color-primary);margin-bottom:.5rem;font-size:2rem}.roadmap-status{color:var(--color-white);-webkit-border-radius:var(--border-radius-pill);border-radius:var(--border-radius-pill);border:1px solid transparent;margin-bottom:1rem;padding:4px 12px;font-size:.9rem;font-weight:500;display:inline-block}.roadmap-status.completed{background-color:rgba(40,167,69,.2);border-color:rgba(40,167,69,.5)}.roadmap-status.in-progress{background-color:rgba(255,193,7,.2);border-color:rgba(255,193,7,.5)}.roadmap-status.future{background-color:rgba(108,117,125,.2);border-color:rgba(108,117,125,.5)}.roadmap-list{text-align:left;margin:0;padding:0;list-style:none;display:inline-block}.roadmap-list li{color:var(--color-text-medium);align-items:flex-start;margin-bottom:.75rem;font-size:.95rem;line-height:1.5;display:flex}.roadmap-item:nth-child(odd) .roadmap-list li{justify-content:flex-start}.roadmap-list li i{margin-top:4px;margin-right:10px;font-size:1.1rem}.roadmap-item:nth-child(odd) .roadmap-list li i{order:0;margin-left:0;margin-right:10px}.fa-check-circle{color:#28a745}.fa-spinner{color:#ffc107;animation:1.5s linear infinite spin}.fa-circle{color:#6c757d;margin-top:8px;font-size:.6rem}@keyframes spin{0%{-ms-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@media (max-width:768px){.roadmap-timeline-container:before{left:25px}.roadmap-item{text-align:left;width:100%;padding-left:50px;padding-right:10px;left:0}.roadmap-item:nth-child(2n){text-align:left;width:100%;padding-left:50px;padding-right:10px;left:0}.roadmap-item:nth-child(odd){text-align:left;padding-right:10px}.roadmap-content{text-align:center;width:100%;padding:1rem 1.5rem}.roadmap-item:nth-child(odd) .roadmap-list li{justify-content:flex-start}.roadmap-item:nth-child(odd) .roadmap-list li i{order:0;margin-left:0;margin-right:10px}.roadmap-phase-circle{width:40px;height:40px;font-size:.9rem;left:25px;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.roadmap-item:nth-child(odd) .roadmap-phase-circle{width:40px;height:40px;font-size:.9rem;left:25px;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.roadmap-item:nth-child(2n) .roadmap-phase-circle{width:40px;height:40px;font-size:.9rem;left:25px;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.roadmap-title{font-size:1.5rem}.roadmap-list li{font-size:.9rem}}