.roadmap-page{background:#000000;min-height:100vh;color:#fff}.roadmap-hero{padding:10rem 2rem 6rem;text-align:center;position:relative;overflow:hidden}.roadmap-hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,102,255,.15) 0,transparent 70%);pointer-events:none;z-index:1}.roadmap-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.roadmap-hero h1{font-size:clamp(3rem,8vw,5rem);font-weight:900;margin:1.5rem 0;letter-spacing:-.04em;line-height:1;color:#ffffff}.roadmap-hero p{font-size:1.25rem;color:rgba(255,255,255,.8);line-height:1.6;max-width:600px;margin:0 auto}.roadmap-section{padding:4rem 2rem 8rem;max-width:1300px;margin:0 auto}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.roadmap-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.roadmap-card:hover{transform:translateY(-10px);background:rgba(255,255,255,.05);border-color:rgba(0,102,255,.3);box-shadow:0 20px 40px rgba(0,0,0,.4)}.roadmap-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.roadmap-icon-box{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px rgba(0,0,0,.2)}.bg-gradient-0{background:linear-gradient(135deg,#3b82f6,#6366f1)}.bg-gradient-1{background:linear-gradient(135deg,#a855f7,#ec4899)}.bg-gradient-2{background:linear-gradient(135deg,#10b981,#06b6d4)}.bg-gradient-3{background:linear-gradient(135deg,#f97316,#ef4444)}.bg-gradient-4{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.bg-gradient-5{background:linear-gradient(135deg,#fbbf24,#f97316)}.roadmap-status-badge{background:rgba(255,255,255,.06);padding:.5rem 1rem;border-radius:100px;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.1)}.roadmap-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#fff}.roadmap-timeline{font-size:.875rem;color:#0066FF;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.roadmap-card p{font-size:1rem;color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:0}.roadmap-cta-section{padding:4rem 2rem 8rem;max-width:1000px;margin:0 auto}.roadmap-cta-card{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:1px solid rgba(255,255,255,.05);border-radius:32px;padding:4rem;text-align:center;box-shadow:0 40px 80px rgba(0,0,0,.5)}.roadmap-cta-card h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;color:#ffffff}.roadmap-cta-card p{font-size:1.125rem;color:rgba(255,255,255,.8);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.roadmap-footer{padding:4rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.6);font-size:.875rem}.roadmap-back-btn{padding:.5rem 1rem;font-size:.875rem}@media (max-width:768px){.roadmap-hero{padding-top:8rem}.roadmap-cta-card{padding:2.5rem 1.5rem}.roadmap-grid{grid-template-columns:1fr}}