body{font-family:Roboto,Arial,sans-serif;background-color:#f1f1f1;color:#333;margin:0;padding:20px;border:1px solid #ccc;border-radius:8px;font-size:16px}h1{text-align:center}#progress-bar{width:100%;height:20px;background-image:linear-gradient(to right,#fff,#a9a8a8);margin-bottom:20px;position:relative;border:1px solid #ccc;border-radius:4px}#progress{height:100%;background-color:#0077b6;width:0;transition:width .3s ease-in-out;border:1px solid #ccc;border-radius:4px}#steps-container{justify-content:center;margin-bottom:20px;overflow-x:scroll;white-space:nowrap;background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:10px}.step-btn{font-size:16px;padding:.5rem;margin-right:10px;background-color:#f1f1f1;border-radius:5px;border-width:0;cursor:pointer;min-width:8rem;height:4rem;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 4px rgba(0,180,216,.3);color:#000}.step-btn.active{background-color:#0077b6}#substeps-container{overflow-x:scroll;white-space:nowrap;justify-content:center;margin-bottom:20px;background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:10px}.substep-btn{font-size:1rem;padding:.3rem;margin-right:10px;background-color:#f1f1f1;border-radius:5px;border-width:0;cursor:pointer;width:6rem;height:2rem;overflow:hidden;text-overflow:ellipsis;color:#333}.substep-btn.active{background-color:#ccc}#next-btn,#prev-btn{font-size:16px;padding:10px 20px;background-color:#5085df;color:#fff;border:none;border-radius:10px;margin:10px;cursor:pointer}#next-btn:hover,#prev-btn:hover{background-color:#00a0d8}#next-btn:disabled,#prev-btn:disabled{background-color:#ccc;cursor:not-allowed}.current-step{background-color:#fff200f5}.completed-step{background-color:#9ccaeb}.current-substep{background-color:#fff200f5}.completed-substep{background-color:#9ccaeb}#steps-content{height:2rem}#substeps-content{height:18rem;overflow-y:scroll;background-color:#fff;color:#333;border:1px solid #ccc;border-radius:8px;padding:10px}html{scroll-behavior:smooth}@media screen and (max-width:480px){#steps-content{height:5rem}#substeps-content{height:60rem}.substep-btn{width:20rem;height:5rem}.step-btn{width:25rem;height:10rem}}