*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f5f7fb;color:#333;display:flex;justify-content:center;padding:40px 20px}.container{background:#fff;width:100%;max-width:700px;padding:30px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}header{text-align:center;margin-bottom:30px}header h1{margin-bottom:10px}.progress-container{width:100%;height:10px;background:#e5e5e5;border-radius:10px;overflow:hidden;margin-bottom:30px}.progress-bar{height:100%;width:20%;background:#4f46e5;transition:width .3s}.step{display:none}.step.active{display:block}.step h2{margin-bottom:15px}.step p{line-height:1.6}.controls{margin-top:30px;display:flex;justify-content:space-between}button{padding:12px 20px;border:none;background:#4f46e5;color:#fff;border-radius:6px;cursor:pointer}button:disabled{background:#999}