.roadmap-page{width:100%;max-width:90rem;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:6rem}.roadmap-header{width:100%;flex:none}.roadmap-title{font-size:2.5rem;font-weight:700;text-align:center;margin:0;padding:0;background:linear-gradient(to right,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(56,189,248,.3)}.roadmap-container,.roadmap-timeline{width:100%;position:relative;display:flex;justify-content:center}.roadmap-timeline{max-width:76rem;padding:4rem 0}.roadmap-line{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,rgba(56,189,248,.3) 0,rgba(56,189,248,.1));transform:translateY(-50%);z-index:1}.roadmap-items{z-index:2;justify-content:center;gap:4rem;width:100%;max-width:76rem}.roadmap-item,.roadmap-items{position:relative;display:flex}.roadmap-item{flex:1;min-width:200px;max-width:280px;flex-direction:column;align-items:center;height:300px}.roadmap-dot{position:absolute;width:2rem;height:2rem;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%)}.roadmap-dot.completed{color:#10B981;filter:drop-shadow(0 0 10px rgba(16,185,129,.5))}.roadmap-dot.in-progress{color:var(--primary);filter:drop-shadow(0 0 10px rgba(56,189,248,.5))}.roadmap-dot.upcoming{color:#6B7280}.roadmap-content-box{background:rgba(255,255,255,.02);border:1px solid rgba(56,189,248,.15);border-radius:1rem;padding:1.5rem;transition:all .3s ease;position:absolute;width:100%;overflow:visible}.roadmap-item:nth-child(odd) .roadmap-content-box{bottom:50%;margin-bottom:2rem}.roadmap-item:nth-child(2n) .roadmap-content-box{top:50%;margin-top:2rem}.roadmap-item-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.roadmap-item-date{font-size:.875rem;color:var(--text-secondary);margin-left:.5rem}.roadmap-item-version{font-size:.75rem;color:var(--primary);margin-left:.5rem;opacity:.8}.roadmap-item-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.roadmap-item-status{display:inline-block;padding:.25rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:500}.roadmap-item-status.completed{background:rgba(16,185,129,.1);color:#34D399}.roadmap-item-status.in-progress{background:rgba(56,189,248,.1);color:#38BDF8}.roadmap-item-status.upcoming{background:rgba(107,114,128,.1);color:#9CA3AF}@media (max-width:1024px){.roadmap-page{padding:1rem;gap:3rem}.roadmap-title{font-size:2rem}.roadmap-timeline{margin:0;padding:2rem 0}.roadmap-items{flex-direction:column;gap:2rem;padding:0 1rem}.roadmap-item{width:100%;max-width:none;height:auto;min-height:150px;margin:0}.roadmap-line{left:1rem;right:auto;top:0;bottom:0;width:2px;height:100%;transform:none}.roadmap-dot{left:1rem;transform:translate(-50%,-50%)}.roadmap-content-box{position:relative;margin-left:3rem;width:calc(100% - 3rem);top:auto!important;bottom:auto!important;margin-top:0!important;margin-bottom:0!important}.roadmap-item-title{font-size:1.1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.roadmap-item-date,.roadmap-item-version{margin-left:0}.roadmap-item-description{font-size:.9rem;margin-bottom:.75rem}.roadmap-item-status{padding:.25rem .75rem}.roadmap-container{overflow:visible;padding-bottom:0}}@media (max-width:480px){.roadmap-page{padding:.5rem}.roadmap-title{font-size:1.75rem}.roadmap-content-box{margin-left:2.5rem;width:calc(100% - 2.5rem);padding:1rem}.roadmap-line{left:.75rem}.roadmap-dot{left:.75rem;width:1.5rem;height:1.5rem}}