.roadmap-container{max-width:1400px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.roadmap-header{text-align:center;margin-bottom:5rem;position:relative}.roadmap-header:after{content:"";position:absolute;bottom:-2rem;left:50%;transform:translateX(-50%);width:100px;height:4px;background:#352682;border-radius:2px}.roadmap-title{color:#352682;font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.2}.roadmap-subtitle{font-size:1.4rem;color:#4a5568;max-width:800px;margin:0 auto;line-height:1.6;font-weight:400}.roadmap-phases{display:grid;grid-gap:2.5rem;gap:2.5rem;position:relative;grid-template-columns:1fr}.phase-card{background:white;border-radius:24px;padding:2.5rem;box-shadow:0 8px 30px rgba(53,38,130,.08);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border:1px solid rgba(53,38,130,.1)}.phase-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(53,38,130,.15);border-color:#352682}.phase-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:#352682;border-radius:3px 0 0 3px}.phase-header{margin-bottom:1.5rem;position:relative}.phase-header,.phase-icon{display:flex;align-items:center}.phase-icon{background:rgba(53,38,130,.08);width:60px;height:60px;border-radius:50%;justify-content:center;margin-right:1.5rem;transition:transform .3s ease}.phase-icon:hover{transform:scale(1.1);background:rgba(53,38,130,.12)}.phase-number{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;display:inline-block;padding:.5rem 1rem;background:rgba(53,38,130,.08);border-radius:8px;margin-bottom:.5rem}.phase-number,.phase-title{color:#352682;font-weight:700}.phase-title{font-size:1.75rem;margin-bottom:1.25rem;line-height:1.3}.phase-description{color:#4a5568;line-height:1.75;font-size:1.1rem}.icon-container{background:rgba(53,38,130,.08);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;transition:transform .3s ease}.icon-container:hover{transform:scale(1.1)}@media (min-width:768px){.roadmap-container{padding:3rem}.roadmap-phases{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.roadmap-title{font-size:4rem}}.roadmap-image-wrapper{margin-top:3rem;display:flex;justify-content:center}.roadmap-image{max-width:100%;height:auto;border-radius:16px;box-shadow:0 10px 30px rgba(53,38,130,.1);transition:transform .4s ease}.roadmap-image:hover{transform:scale(1.02)}