.roadmap-page{min-height:100vh;padding:2rem 0}.roadmap-header{text-align:center;padding:4rem 2rem;margin-bottom:3rem}.roadmap-header-container{max-width:800px;margin:0 auto}.roadmap-title{font-size:3.5rem;font-weight:300;margin-bottom:2rem;color:#fff;line-height:1.1;letter-spacing:-.02em}.roadmap-highlight{background:linear-gradient(135deg,#22d3ee,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-subtitle{font-size:1.25rem;font-weight:300;color:#cbd5e1;line-height:1.8;max-width:700px;margin:0 auto;opacity:.9}.roadmap-timeline{padding:0 2rem;margin-bottom:4rem}.roadmap-timeline-container{max-width:1200px;margin:0 auto;position:relative}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#22d3ee,#3b82f6,#8b5cf6);transform:translateX(-50%);z-index:1}.timeline-item{position:relative;margin-bottom:6rem;animation:fadeInUp .6s ease-out;animation-delay:var(--delay);animation-fill-mode:both}.timeline-item:nth-child(odd) .roadmap-card{transform:rotate(-1deg)}.timeline-item:nth-child(2n) .roadmap-card{transform:rotate(1deg)}.timeline-item:hover .roadmap-card{transform:rotate(0deg) translateY(-8px) scale(1.02)}.timeline-node{position:absolute;left:50%;top:2rem;width:20px;height:20px;border-radius:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(34,211,238,.5)}.timeline-node-inner{width:8px;height:8px;background:#fff;border-radius:50%}.roadmap-card{width:45%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;padding:2.5rem;border-radius:20px;background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04))}.roadmap-card:hover{box-shadow:0 25px 50px rgba(0,0,0,.4);border-color:rgba(34,211,238,.4)}.roadmap-card-left{margin-right:auto;margin-left:0}.roadmap-card-right{margin-left:auto;margin-right:0}.roadmap-card-header{margin-bottom:1rem}.roadmap-quarter{display:inline-block;background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#fff;padding:.5rem 1.25rem;border-radius:25px;font-size:.875rem;font-weight:400;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(34,211,238,.3);letter-spacing:.5px;text-transform:uppercase}.roadmap-card-title{font-size:2rem;font-weight:300;color:#fff;margin:0 0 1.5rem;letter-spacing:-.01em}.roadmap-card-description{color:#cbd5e1;font-weight:300;line-height:1.8;margin-bottom:2rem;font-size:1.1rem;opacity:.9}.roadmap-features{list-style:none;padding:0;margin:0}.roadmap-feature{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;color:#e2e8f0;line-height:1.6;font-weight:300;border-left:2px solid transparent;padding:.5rem 0 .5rem 1rem;transition:all .3s ease}.roadmap-feature:hover{border-left-color:#22d3ee;background:rgba(34,211,238,.05);border-radius:0 8px 8px 0}.feature-bullet{color:#22d3ee;font-weight:400;margin-top:.2rem;font-size:1.2rem}.bg-emerald-500{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 25px rgba(16,185,129,.4)}.bg-cyan-400{background:linear-gradient(135deg,#22d3ee,#0891b2);box-shadow:0 0 25px rgba(34,211,238,.4)}.bg-blue-500{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 0 25px rgba(59,130,246,.4)}.bg-slate-500{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 0 25px rgba(100,116,139,.3)}.timeline-item:has(.bg-emerald-500) .roadmap-card{border-color:rgba(16,185,129,.4);background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.08))}.timeline-item:has(.bg-cyan-400) .roadmap-card{border-color:rgba(34,211,238,.4);background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(34,211,238,.08))}.timeline-item:has(.bg-blue-500) .roadmap-card{border-color:rgba(59,130,246,.4);background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.08))}.timeline-item:has(.bg-slate-500) .roadmap-card{border-color:rgba(100,116,139,.4);background:linear-gradient(135deg,rgba(100,116,139,.15),rgba(100,116,139,.08))}.roadmap-cta{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(59,130,246,.1));border-radius:20px;margin:0 2rem 4rem;border:1px solid hsla(0,0%,100%,.1)}.roadmap-cta-container{max-width:600px;margin:0 auto}.roadmap-cta-title{font-size:2.5rem;font-weight:300;color:#fff;margin-bottom:1.5rem;letter-spacing:-.01em}.roadmap-cta-description{font-size:1.125rem;font-weight:300;color:#cbd5e1;line-height:1.8;margin-bottom:2.5rem;opacity:.9}.roadmap-cta-button{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:50px;font-size:1.125rem;font-weight:400;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(34,211,238,.3);letter-spacing:.5px}.roadmap-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(34,211,238,.4)}.roadmap-feedback{text-align:center;padding:3rem 2rem;background:rgba(15,23,42,.8);border-radius:20px;margin:0 2rem;border:1px solid hsla(0,0%,100%,.1)}.roadmap-feedback-container{max-width:500px;margin:0 auto}.roadmap-feedback-title{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:1rem}.roadmap-feedback-description{color:#cbd5e1;line-height:1.6;margin-bottom:2rem}.roadmap-feedback-button{background:transparent;color:#22d3ee;border:2px solid #22d3ee;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.roadmap-feedback-button:hover{background:#22d3ee;color:#fff;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.roadmap-title{font-size:2.5rem}.roadmap-subtitle{font-size:1.125rem}.timeline-line,.timeline-node{left:2rem}.roadmap-card{width:calc(100% - 4rem);margin-left:4rem!important;margin-right:0!important}.roadmap-cta-title{font-size:2rem}.roadmap-cta,.roadmap-feedback{margin:0 1rem 2rem;padding:2rem 1rem}}@media (max-width:480px){.roadmap-header{padding:2rem 1rem}.roadmap-title{font-size:2rem}.roadmap-card{width:calc(100% - 3rem);margin-left:3rem!important}.timeline-line,.timeline-node{left:1.5rem}}