html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}.modal-open{overflow:hidden}.perinlat{color:#007bff;font-weight:400;font-size:.9em}.roadmap-container{position:relative;padding:20px 0;margin:2rem 0}.progress-bar-track{width:100%;height:4px;background-color:#e0e0e0;border-radius:2px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.progress-bar-fill{height:100%;background-color:#007bff;border-radius:2px;width:0%;transition:width 0.4s ease-in-out}.roadmap-steps{list-style:none;padding:0 15px;margin:0;display:flex;justify-content:space-between;position:relative;z-index:2}.roadmap-step{width:30px;height:30px;background-color:#fff;border:2px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#aaa;cursor:pointer;transition:all 0.3s ease}.roadmap-step span{font-size:.8rem}.roadmap-step.completed{border-color:#007bff;background-color:#007bff;color:#fff}.roadmap-step.active{border-color:#007bff;background-color:#fff;color:#007bff;transform:scale(1.2)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{position:relative;background:#fff;padding:1rem;border-radius:8px;width:90%;max-width:800px;box-shadow:0 5px 15px rgb(0 0 0 / .3);transform:scale(.9);transition:transform 0.3s}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2rem;color:#aaa;cursor:pointer}.modal-close:hover{color:#333}#modal-body{width:100%;padding:0 3rem}#modal-body h3{margin-top:0;font-size:16px}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#f1f1f1;border:1px solid #ddd;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none}.modal-nav:hover{background:#e0e0e0}.modal-nav.prev{left:15px}.modal-nav.next{right:15px}.modal-nav:disabled{opacity:.3;cursor:not-allowed}@media (max-width:600px){.roadmap-container{overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.roadmap-container::-webkit-scrollbar{display:none}.roadmap-steps{min-width:550px}.modal-content{padding:1.5rem .5rem;max-width:300px}.modal-nav{width:32px;height:32px;font-size:1.2rem}.modal-nav.prev{left:8px}.modal-nav.next{right:8px}#modal-body{padding:0 2.8rem}.modal-close{top:8px;right:12px}}